body {
font-family: 'Tahoma', sans-serif !important;
font-size: 14px;
line-height: 1.42857143;
color: #000;
position:relative;
background-color: #fff;
}
html {
scroll-behavior: smooth;
overflow-x: hidden;
}
@media (min-width: 1220px){
.uk-container {
max-width: 1260px;
padding: 0;
}
}
@media (min-width: 1440px){ } .mobile-header{ top: 0;
left: 0;
width: 100%;
z-index: 999; transition: all 0.3s ease;
-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.09);
-moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,.09);
box-shadow: 0 2px 6px 0 rgba(0,0,0,.09);
}
.moblie-menu-btn>:after, .moblie-menu-btn>:before,
.moblie-menu-btn>*{
background: #000;
}
.mobile-header.active{
left: 270px;
}
.mobile-header .topbar {
background: #f34111;
line-height: 40px;
font-size: 13px;
color: #fff;
text-align: center;
}
.mobile-header .topbar p {margin: 0;}
.mobile-header .upper {
padding: 7px 10px;
background: #fff;
position: relative;
text-align: center;
}
.mobile-header .logo {display: inline-block;}
.mobile-header .logo a {
width: 80px;
}
.mobile-header .lower {
position: relative;
padding: 7px 10px;
background: #fff;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
.mobile-header .lower.fixed{
position: fixed;
display: block;
width: 100%;
top: 0;
left: 0;
z-index: 999;
}
.mobile-search .form {
position: relative;
}
.mobile-search .form .input-text {
display: block;
height: 32px;
background: #fff;
font-size: 13px;
line-height: 32px;
color: #000;
border: 1px solid #ff4208;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.12);
-moz-box-shadow: inset 0 0 5px rgba(0,0,0,.12);
-ms-box-shadow: inset 0 0 5px rgba(0,0,0,.12);
-o-box-shadow: inset 0 0 5px rgba(0,0,0,.12);
box-shadow: inset 0 0 5px rgba(0,0,0,.12);
}
.mobile-search .form .btn-submit {
display: block;
position: absolute;
height: 32px;
width: 60px;
top: 0px;
left: initial;
right: 0px;
background: #ff4208  url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/css/img/search-2.png) 50% 50% no-repeat;
border: 1px solid #ff4208 ;
cursor: pointer;
text-indent: -99999em;
}
.mobile-search .form .input-text::-webkit-input-placeholder {
color: #999;
font-size: 13px;
}
.mobile-search .form .input-text::-moz-placeholder {
color: #999;
font-size: 13px;
}
.mobile-search .form .input-text:-ms-input-placeholder {
color: #999;
font-size: 13px;
}
.mobile-search .form .input-text:-moz-placeholder {
color: #999;
font-size: 13px;
}
.mobile-cart {
display: block;
position: absolute;
width: 40px;
height: 36px;
left: initial;
right: 0px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-background-size: 40px 36px;
-moz-background-size: 40px 36px;
-o-background-size: 40px 36px;
background-size: 40px 36px;
}
.mobile-cart .quantity {
display: block;
position: absolute;
top: -1px;
left: initial;
right: 10px;
font-size: 10px;
color: #fff;
}
.mobile-header .lower.catalog-page{
padding-right: 50px;
}
.mobile-header .lower .btn-open-aside{
position: absolute;
top: 50%;
right: 10px;
transform: translate(0 , -50%);
width: 32px;
height: 32px;
background: #ff4208;
color: #fff;
}
.mobile-header .lower .btn-open-aside>*{
position: absolute;
display: block;
top: 50%;
left: 50%;
transform: translate( -50% , -50%);
width: 20px;
height: 3px;
background: #fff;
font-size: 0;
transition: all 0.3s ease-in-out;
text-indent: -9999px;
}
.mobile-header .lower .btn-open-aside>*:before,
.mobile-header .lower .btn-open-aside>*:after{
content: '';
display: block;
position: absolute;
width: 20px;
height: 3px;
background: #fff;
transition: all 0.3s ease-in-out;
top: 0;
left: 0;
}
.mobile-header .lower .btn-open-aside>*:before{
top: -6px;
}
.mobile-header .lower .btn-open-aside>*:after{
top: 6px;
}
.mobile-header .lower .btn-open-aside.active>*{
background: transparent;
}
.mobile-header .lower .btn-open-aside.active>*:before,
.mobile-header .lower .btn-open-aside.active>*:after{
top: 0;
transform: translate(-50% , -50%);
}
.mobile-header .lower .btn-open-aside.active>*:before{
transform: rotate(45deg);
}
.mobile-header .lower .btn-open-aside.active>*:after{
transform: rotate(-45deg);
}
.mobile-header .lower .btn-open-aside{
display: block !important;
visibility: visible !important;
} button {
-webkit-appearance: none;
border: none;
cursor: pointer;
display: inline-block;
outline: none;
padding: 0;
}
a:focus, a:hover{
text-decoration: initial;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
figcaption{
text-align: center;
} .panel-body{
padding: 0;
} iframe{
width: 100%;
position: relative;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
}
input {
outline: none;
}
.page-body{ }
.fs12{
font-size: 12px;
}
.fs16{
font-size: 16px;
}
.fs20{
font-size: 20px;
}
.fs28{
font-size: 28px;
}
.fs60{
font-size: 60px;
}
.text-pink{
color: #ff3965;
}
.text-white{
color: #fff !important;
}
.text-black{
color: #000 !important;
}
.dt_bg_grey {
position: relative;
padding: 100px 0 35px 0;
top: -100px;
margin-bottom: -100px;
z-index: 1;
}
.bg_white{
background: #fff !important;
}
.bg_color_main{
background: #00adbb !important;
}
@media (min-width: 960px) {
}
@media (max-width: 959px) {
.dt_bg_grey {
position: relative;
background: #f8f8f8;
padding: 55px 10px 20px;
top: -70px;
z-index: 1;
}
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
}
@media (max-width: 374px) {
}
.division {
position: relative;
height: 700px;
padding-bottom: 100px !important;
overflow: hidden;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.division:before {
content: '';
position: absolute;
display: block;
bottom: 40px;
width: 100%;
height: 150px;
transform: translate(0, 50%);
z-index: 9;
background: rgb(255,255,255);
background: linear-gradient(
180deg
, rgb(248 248 248 / 5%) 0%, rgb(248 248 248 / 70%) 25%, rgb(248 248 248 / 96%) 50%, rgb(248 248 248 / 100%) 75%, rgb(248 248 248) 100%);
}
.dt_division_catalogue{ }
.text-tiny{
font-size: 9px !important;
}
.text-small{
font-size: 11px !important;
}
.text-big{
font-size: 18px !important;
}
.text-huge{
font-size: 23px !important;
} .db{
display: block !important;
}
.dib{
display: inline-block !important;
}
@media (min-width: 960px) { }
@media (max-width: 959px) {
ul.dt_grid_responsive{
margin-left: -20px !important;
}
ul.dt_grid_responsive >*{
padding-left: 20px !important;
margin-bottom: 20px !important;
}
}
@media (max-width: 767px) {
ul.dt_grid_responsive{
margin-left: -10px !important;
}
ul.dt_grid_responsive >*{
padding-left: 10px !important;
margin-bottom: 10px !important;
}
}
@media (max-width: 599px) {
ul.dt_grid_responsive{
margin-left: -5px !important;
}
ul.dt_grid_responsive >*{
padding-left: 5px !important;
margin-bottom: 5px !important;
}
}
@media (max-width: 479px) {
}
@media (max-width: 374px) {
} .dt_btn_glide{
margin-top: 15px;
background: #232323;
color: #fff;
text-align: center;
border-radius: 0;
font-size: 20px !important;
padding: 12px 45px !important;
line-height: normal;
font-weight: 400;
text-transform: uppercase;
position: relative; display: inline-block;
white-space: nowrap;
border: none;
cursor: pointer;
background: #008f4d;
color: #fff;
transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-duration: .2s;
-ms-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
}
.dt_btn_glide:after {
content: '';
position: absolute;
border-radius: 4px;
bottom: 6px;
left: 0;
height: 2px;
-webkit-transition: width .4s;
-o-transition: width .4s;
transition: width .4s;
width: 0;
background: #232323;
height: 100%;
top: 0;
z-index: 1;
}
.dt_btn_glide:hover{
color: #fff;
}
.dt_btn_glide:hover:after { width: 0;
background: #232323;
}
.dt_btn_glide span {
z-index: 9;
position: relative;
} .thumb_ratio{
width: 100%;
position: relative;
z-index: 1;
padding-top: 75%; padding-top: 56.25%;  }
.thumb_ratio.style-43{
padding-top: 75%; }
.thumb_ratio.style-34{
padding-top: 133.33%; }
.thumb_ratio.style-21{
padding-top: 50%; }
.thumb_ratio.style-11{
padding-top: 68%; }
.thumb_ratio.style-slide{
padding-top: 31.25%; }
.thumb_ratio.style-slide_1{}
.h-100{ height: 100%;
}
.thumb_ratio .image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.thumb_ratio iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.thumb_circle{
padding-top: 100% !important;
}
.thumb_circle .image{
border-radius: 50%;
overflow: hidden;
}
.thumb_circle .image img{
border-radius: 50%;
}
.por{
position: relative !important;
z-index: 2 !important;
}
.dt-reverse {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
-o-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.bg-mask{
position: relative;
}
.bg-mask:before {
content: '';
display: block;
position: absolute;
background: #e7e7ecd9; width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.dt_cat_prd_1{
display: block;
}
.dt_cat_prd_1 .image:before{
content: '';
display: block;
position: absolute;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0));
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.dt_cat_overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 5;
color: #fff;
}
.dt_cat_overlay>*{
display: block;
}
.dt_cat_overlay .title{
display: block;
font-size: 18px;
font-weight: 600;
transform: translateY(15px);
margin-bottom: 0;
transition: 0.5s all;
}
.dt_cat_prd_1:hover .location-more-info {
transform: scale(1);
}
.dt_cat_prd_1:hover .dt_cat_overlay .title {
transform: translateY(-5px);
}
.location-more-info {
transition: .5s;
transform: scale(0);
}
.regular {
font-weight: 400;
}
.fs12 {
font-size: 12px;
} .dt_product{
background-color: #000;
position: relative;
box-shadow: 0px 1px 5px 2px #ccc;
border-bottom: 3px solid #0098d5;
}
.top-left {
position: absolute;
top: 0px;
left: 0px;
padding: 2px 8px; background-color: #333333;
}
.middle-button {
transition: .5s ease;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.dt_product .thumb_ratio img {
transition: .5s ease;
}
.dt_product .thumb_ratio:hover img {
opacity: 0.5;
}
.dt_product .thumb_ratio:hover .middle-button {
opacity: 1;
}
.button-text a {
background-color: #0098d5;
color: white;
font-size: 14px;
padding: 5px 20px;
}
.dt_product .image-bottom-content {
position: absolute;
bottom: 0;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.5);
color: #f1f1f1;
width: 100%;
padding: 4px 11px;
}
.dt_product .info {
background: #fff;
padding: 10px;
}
.dt_product .info .title{}
.dt_product .info .title>* {}
.dt_calendar{
font-size: 13px;
}
.dt_calendar .fa{
font-size: 15px;
color: #0098d5;
margin-right: 2px;
}
.dt_wrap_price{
font-size: 13px;
color: #999;
}
.dt_price{
color: #fecb00;
font-weight: 700;
}
.dt_label_sale{
content: "";
position: absolute;
display: block;
left: 10px;
top: 6px;
font-size: 12px;
color: #000;
text-transform: uppercase;
text-align: left;
font-weight: 500;
letter-spacing: 1px;
line-height: 1.65;
margin: 4px 0;
padding: 2px 6px;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
} .prd-price>*{
margin-bottom: 10px;
}
.product-price{ margin-top: 5px;
}
.product-price > *:not(:last-child){
margin-right: 5px;
}
.product-price .new-price{
color: #c42328;
background: rgba(0, 0, 0, 0);
-webkit-font-smoothing: subpixel-antialiased;
font-size: 16px;
font-weight: bold;
}
.product-price .old-price {
text-decoration: line-through;
color: #666666;
font-size: 13px;
}
@media (min-width: 960px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 599px) {
.dt_product .info .title>* {
font-size: 15px;
}
}
@media (max-width: 479px) {
.dt_product .info .title>* {
font-size: 14px;
}
}
@media (max-width: 374px) {
} .uk-modal-header {
margin: 0 !important;
}
.uk-modal-close.uk-close i{
font-style: normal !important;
}
.uk-modal-close.uk-close {
content: "\f00d";
display: block;
position: absolute;
top: -15px;
right: -15px;
transform: translate(0 , 0);
color: #363636;
font-size: 16px;
transition: all 0.3s ease-in-out;
font-style: normal !important;
background: #fff url() !important;
}
.uk-modal-dialog>.uk-close:first-child {
margin: 0 !important;
float: right;
color: #898989;
line-height: 32px;
}
.dt_modal-heading{}
.dt_modal-content {
padding: 20px;
}
.fz13{
font-size: 13px !important;
}
.fz15{
font-size: 15px !important;
}
.fz16{
font-size: 16px !important;
}
.fz19{
font-size: 19px !important;
}
.lh14{
line-height: 1.4 !important;
}
.lh15{
line-height: 1.5 !important;
}
.lh17{
line-height: 1.7 !important;
}
.lh2{
line-height: 2 !important;
}
.color_green{
color: #008f4d !important;
}
.color_black{
color: #141515 !important;
}
.color_white{
color: #fff !important;
}
.color_orange{
color: #ea8f00 !important;
}
.bg_grey{
background: #f9f9f9 !important;
}
.cat_heading_1{
display: inline-block;
color: #00adbb;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
text-transform: uppercase;
}
.cat_heading_2{
display: block;
color: #00adbb;
font-size: 18px;
font-weight: 700;
line-height: 1.5;
text-transform: uppercase;
margin-bottom:40px !important;
}
.cat_heading_3{
display: block;
color: #282560;
font-size: 18px;
font-weight: 600;
line-height: 1.5;
text-transform: uppercase;
}
a.cat_heading_1:hover{
color: #282560;
}
.link:hover{
text-decoration: underline !important;
}
.link-color:hover{
color: #00adbb !important;
}
.link-2:hover{
color: #008f4d !important;
}
.link-3:hover{
color: #ea8f00 !important;
}
.dt_item_title_1{
display: block;
color: #333;
font-size: 18px;
font-weight: 600;
line-height: 1.3;
text-transform: uppercase;
}
.dt_item_title_2 {
display: inline-block;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.5;
}
.dt_item_title_3{
display: inline-block;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
color: #141515;
line-height: 1.5;
}
.dt_item_desc_1 {
display: inline-block;
font-size: 17px;
line-height: 1.7;
color: #424242;
font-weight: 400;
letter-spacing: 0.5px;
}
.dt_item_desc_2{
display: block;
line-height: 1.5;
height: 42px;
color: #000;
font-weight: 400;
}
.dt_item_content_2{
display: block;
line-height: 1.5;
color: #646464;
font-weight: 400;
}
.dt_item_price_1{
font-size: 17px;
font-weight: 500;
line-height: 1.65;
color: #4a4949;
}
.dt_item_price_1.line-price{
font-size: 13px;
font-weight: 400;
}
.dt_readmore_1{
color: #1f3f54;
text-decoration: underline;
font-weight: 600;
font-size: 12px;
display: block;
}
.dt_readmore_2{
display: inline-block;
padding: 5px 15px;
color: #fff;
text-align: center;
background: #ea8f00;
border: 1px solid #ea8f00;
}
.dt_readmore_3{
display: inline-block;
font-style: italic;
color: #111;
font-weight: 600;
transition: 0.2s all ease;
}
.dt_readmore_3:hover{
color: #23527c;
text-decoration: underline;
}
.dt_btn_reg {
background: #008f4d;
color: #fff;
font-size: 18px;
text-align: center;
padding: 10px 30px;
text-transform: uppercase;
transition: 0.3s ease all;
display: block;
line-height: 1.5;
font-weight: 500;
}
.dt_btn_reg_2:hover{
text-decoration: underline;
}
.dt_btn_reg_2{
background: #008f4d;
color: #fff;
font-size: 12px;
text-align: center;
padding: 5px 15px;
transition: 0.3s ease all;
display: block;
line-height: 1.5;
border-radius: 25px;
}
.dt_btn:hover {
background: #646464;
border-color: #646464;
color: #fff;
text-decoration: none;
}
.dt_btn {
background: transparent;
border: 1px solid currentColor;
border-radius: 22px;
box-sizing: border-box;
color: inherit;
font-weight: 600;
display: inline-block;
vertical-align: middle;
padding: 10px 20px;
position: relative;  min-width: 160px;
max-width: 100%;
width: auto;
text-align: center;
white-space: nowrap;
text-decoration: none;
text-transform: uppercase;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
text-overflow: ellipsis;
-moz-appearance: none;
-webkit-appearance: none;
}
.dt_btn.order-2{
padding: 10px 30px;
}
.txt-center{
text-align: center;
}
.price-contact{
color: #ff0000;
font-size: 20px;
font-weight: 600;
}
.dt_panel {
padding: 50px 0;
}
@media (min-width: 960px) {
}
@media (max-width: 959px) {
.dt_panel {
padding: 30px 0;
}
.cat_heading_1 {
font-size: 22px;
}
}
@media (max-width: 767px) {
.dt_panel {
padding: 30px 0;
}
.cat_heading_1 {
font-size: 20px;
}
}
@media (max-width: 599px) {
.cat_heading_1 {
font-size: 18px;
}
}
@media (max-width: 479px) {
}
@media (max-width: 374px) {
}    .list-social.order-2{}
.list-social.order-2>li{}
.list-social.order-2>li:not(:last-child){
margin-right: 15px;
}
.list-social.order-2>li>*{}
.list-social.order-2>li> .social{}
.list-social.order-2>li> .social >a{
display: block;
text-align:center;
color: #fff;
transition: 0.1s all linear;
}
.list-social.order-2>li> .social >a>i{
border-radius: 50%;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
background: transparent;
border: 1px solid #fff;
transition: 0.1s all linear;
}
.list-social.order-2>li> .social >a:hover{
display: block;
text-align:center;
color: #fff;
}
.list-social.order-2>li> .social >a:hover>i{
background: #ea8f00;
border: 1px solid #ea8f00;
}
@media (min-width: 960px) {
}
@media (max-width: 959px) { }
@media (max-width: 767px) {
}
@media (max-width: 599px) {
}
@media (max-width: 479px) {
}
@media (max-width: 374px) {
} .iframe-video {
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
}
.iframe-video >* {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.list-video{
max-height: 120px;
overflow-y: auto;
}
.list-video>li:not(:last-child){
border-bottom: 1px solid #eee;  }
.list-video .video:hover{
background: #0000001f;
}
.list-video .video {
display: block;
background: #0000000a;
padding: 10px;
cursor: pointer;
transition: 0.2s all ease;
}
.list-video .video .thumb {
float: left;
width: 80px;
height: 60px;
}
.list-video .video .infor {
float: right;
width: -webkit-calc(100% - 80px);
width: -moz-calc(100% - 80px);
width: -ms-calc(100% - 80px);
width: -o-calc(100% - 80px);
width: calc(100% - 80px);
padding-left: 10px;
}
.list-video .video .title a {
color: #252525;
font-size: 13px;
display: block;
line-height: 20px;
} .list-video .video .title {
max-height: 36px;
margin: 0 0 5px 0;
font-size: 14px;
line-height: 18px;
font-weight: bold;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.list-video .video .meta {
font-size: 12px;
line-height: 18px;
color: #999999;
font-style: italic;
}
.scroll_vertical{
overflow-x: hidden;
overflow-y: auto;
}
.scroll_vertical::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
border-radius: 10px;
background-color: #F5F5F5;
}
.scroll_vertical::-webkit-scrollbar{
width: 4px;
border-radius: 5px;
background-color: transparent;
}
.scroll_vertical::-webkit-scrollbar-thumb{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #777;
}
.scroll_vertical::-webkit-scrollbar-thumb:hover{
background-color: #ea8f00;
}
.txt_center{
text-align: center;
display: inline-block; }
.before_center{
position: relative;
padding-bottom: 10px;
margin-bottom: 15px; }
.before_center:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
width: 40px;
height: 2px;
background: #fff;
}
.before_center_1{
position: relative;
padding-bottom: 10px;
margin-bottom: 15px; }
.before_center_1:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
width: 50px;
height: 2px;
background: #0098d5;
}
.before_left{
position: relative;
padding-bottom: 10px;
margin-bottom: 15px; margin-bottom:46px !important;
}
.before_left:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;  width: 100%;
height: 2px;
background: #00adbb;
}
.dt_desc_2{
line-height: 1.7;
font-size: 15px;
border: 20px solid #f5f5f5;
padding: 20px 50px;
}
.dt_desc_2:not(:last-child){
border-bottom: 0;
}
.dt_desc_3{
line-height: 1.7;
font-size: 15px;
border: 20px solid #f5f5f5;
padding: 20px;
}
@media (max-width: 959px){
.dt_desc_3,
.dt_desc_2{
padding: 10px;
border: 5px solid #f5f5f5;
}
} .article-1{
}
.article-1 .thumb{
float: left;
width: 185px;
box-shadow: rgb(0 0 0 / 39%) -5px 4px 6px -4px;
border-radius: 10px;
}
.article-1 .thumb .image {
height: 333px;
border-radius: 10px;
overflow: hidden;
}
.article-1 .info{
float: left;
-webkit-width: calc(100% - 185px);
-moz-width: calc(100% - 185px);
-o-width: calc(100% - 185px);
-ms-width: calc(100% - 185px);
width: calc(100% - 185px);
padding-left: 30px;
}
.article-1 .title{
margin-bottom: 5px;
} .article-1 .meta{
margin-top: 20px;
}
.article-1 .info .meta .post-date {
font-size: 14px;
color: #999;
display: block;
padding-left: 15px;
position: relative;
}
.article-1 .info .meta .post-date:before{
content: "\f017";
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translate(0 , -50%);
font-family: FontAwesome;
font-size: 13px;
color: #999;
}
.article-1 .info .description {
color: #000;
display: inline !important;
line-height: 1.5;
font-size: 15px;
}
.dt_description_readmore {
color: #000;
display: inline !important;
line-height: 1.5;
font-size: 15px;
}
@media (min-width: 960px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
.article-1 .info .description {
display: -webkit-box !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
@media (max-width: 599px) {
.article-1 .meta{
margin-top: 10px;
}
}
@media (max-width: 479px) {
}
@media (max-width: 374px) {
} .dt_btn_viewmore{
display: inline-block;
color: #fed152;
} .article-2{
box-shadow: rgb(0 0 0 / 30%) 0px 3px 8px;
border-radius: 10px;
}
.article-2 .thumb_ratio.style-43{
padding-top: 105% !important;
}
.article-2 .info{}
.article-2 .image{
border-radius: 10px;
}
.article-2 .title{
margin-bottom: 5px;
}
.article-2 .info .title>*:hover,
.article-2 .title>*:hover{
color: #000;
}
.article-2 .info .title>*,
.article-2 .title>*{
display: block;
color: #666;
font-size: 14px;
font-weight: 500;
line-height: 1.3;
}
.article-2 .info .meta {
margin: 0 0 5px;
}
.article-2 .info .meta .post-date {
font-size: 13px;
color: #999;
display: block;
padding-left: 15px;
position: relative;
}
.article-2 .info .meta .post-date:before{
content: "\f017";
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translate(0 , -50%);
font-family: FontAwesome;
font-size: 13px;
color: #999;
}
.article-2 .info .description{
color: #555;
}
@media (min-width: 960px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 599px) {
}
@media (max-width: 479px) {
}
@media (max-width: 374px) {
} .dt_overlay_info_label{
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
padding: 10px;
}
.lb_item_1{
padding: 0 5px;
background: #00adbb96;
border-radius: 5px;
color: #fff;
text-align: center;
}
.dt_overlay_info_item {
position: absolute;
opacity: 1;
transform: translateY(0);
bottom: 0px;
top: auto;
text-align: left;
transition: .4s;
padding: 25px 12px 12px; background: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/css/img/bg/bg_title.png) no-repeat center;
background-size: 100% 100%;
width: 100%; margin: 0;
overflow: hidden;
z-index: 2;
}
.article-2 .dt_overlay_info_item{
border-radius: 0 0 10px 10px;
}
.dt_btn_video:hover{
opacity: 1;
}
.dt_btn_video {
color: rgb(235 48 7 / 59%);
font-size: 103px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
cursor: pointer;
}
.wave {
position: relative;
height: 70px;
width: 600px;
background: #e0efe3;
}
.wave:before {
content: "";
display: block;
position: absolute;
border-radius: 100% 50%;
width: 340px;
height: 80px;
background-color: white;
right: -5px;
top: 40px;
}
.wave:after {
content: "";
display: block;
position: absolute;
border-radius: 100% 50%;
width: 300px;
height: 70px;
background-color: #e0efe3;
left: 0;
top: 27px;
}
.br6{
border-radius: 6px !important;
overflow: hidden;
}
.bg_heading {
text-align: center;
text-transform: uppercase;
color: #000 !important;
background: transparent;
padding: 10px 20px;
transition: 0.2s;
}
.bg_heading:hover{
background: #00adbb;
color: #fff !important;
}
.dt_shadow_1{
box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px;
}
.dt_product_item{
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.dt_product_item .info {
padding: 10px 12px;
background: #fff;
}
.list_utilities{}
.list_utilities>li{
margin-bottom: 5px;
}
.utilities_item{}
.utilities_item .icon{
width: 25px;
}
.utilities_item .title {
width: calc(100% - 25px);
padding-left: 10px;
color: #00adbb;
font-weight: 700;
font-size: 18px;
}  .pc-header{    padding: 10px 0;
padding-top: 30px;
}
.hd-logo {
max-width: 100px;
position: absolute;
top: 74%;
transform: translate(0, -50%);
}
.logo_ft {
display: inline-block;
max-width: 235px;
}
.dt_language{
margin-left: 15px;
}
.dt_language a {
padding: 5px;
background: #fff;
color: #000; border: 1px solid #00adbb;
width: 50px;
text-align: center;
}
.dt_language a.active {
background: #00adbb;
color: #fff;
} .hd-search-2{}
.hd-search-2 .form-row {
width: 180px;
position: relative;
}
.hd-search-2 .input-text{
background: #fff !important;
height: 35px !important;
line-height: 35px;
color: #333 !important;
padding-left: 30px !important;
padding-right:10px;
border:0 !important;
box-shadow: rgb(0 0 0 / 30%) 0px 3px 8px;
background: #f7f7f7 !important;
}
.hd-search-2 .form .input-text::-webkit-input-placeholder {
color: #333;
font-size: 13px;
}
.hd-search-2 .form .input-text::-moz-placeholder {
color: #333;
font-size: 13px;
}
.hd-search-2 .form .input-text:-ms-input-placeholder {
color: #333;
font-size: 13px;
}
.hd-search-2 .form .input-text:-moz-placeholder {
color: #333;
font-size: 13px;
}
.hd-search-2 .btn-submit {
position: absolute;
display: block;
top: 26%;
left: 8px;
transform: translate(0, -50%);
color: #c68a93;
font-size: 15px;
background: transparent;
border: 0;
outline: 0;
transform: rotate(
75deg
);
}
@media (min-width: 960px) {
}
@media (max-width: 959px) {
.hd-search-2 {
padding: 0 10px 10px;
background: #fff;
}
.hd-search-2 .form-row {
width: 100%;
position: relative;
}
}
@media (max-width: 767px) {
}
@media (max-width: 599px) {
}
@media (max-width: 479px) {
}
@media (max-width: 374px) {
} .hd-search{}
.hd-search .form-row {
width: 280px;
position: relative;
}
.hd-search .input-text{
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background: #fff !important;
border-radius: 22px !important;
border: 1px solid #d8d8d8 !important;
box-shadow: none !important;
font-size: 15px !important;
line-height: 22px !important;
padding: 0 50px 0 18px !important;
height: 44px !important;
width: 100% !important;
transition: border-color .2s !important;
outline-offset: 0 !important;
}
.hd-search .form .input-text::-webkit-input-placeholder {
color: #555;
font-size: 13px;
}
.hd-search .form .input-text::-moz-placeholder {
color: #555;
font-size: 13px;
}
.hd-search .form .input-text:-ms-input-placeholder {
color: #555;
font-size: 13px;
}
.hd-search .form .input-text:-moz-placeholder {
color: #555;
font-size: 13px;
}
.hd-search .btn-submit {
position: absolute;
display: block;
top: 50%;
right: 15px;
transform: translate(0, -50%);
color: #000;
font-size: 16px;
background: transparent;
border: 0;
outline: 0;
}
@media (min-width: 960px) {
}
@media (max-width: 959px) {
.hd-search {
padding: 0 10px 10px;
background: #fff;
}
.hd-search .form-row {
width: 100%;
position: relative;
}
}
@media (max-width: 767px) {
}
@media (max-width: 599px) {
}
@media (max-width: 479px) {
}
@media (max-width: 374px) {
}
.wrap_hd_hotline{
text-align: center;
color: #0098d5;
}
.wrap_hd_hotline .subtitle{
font-size: 13px;
font-weight: 400;
}
.hd-hotline{
color: #0098d5;
display: inline-block;
font-size: 20px;
font-weight: 600;
}
.dt_cart_icon {
display: inline-block;
cursor: pointer;
width: 20px;
margin-left: 15px;
}
.dt_cart_icon.icon-cart{
width: 17.5px;
}  #main-nav{      }
.main-menu{
padding-left: 150px;
}
.main-menu>li>a {
display: block;
box-sizing: border-box;
text-decoration: none;
padding: 10px 20px;
line-height: 20px;
color: #000;
font-size: 16px;
font-family: inherit;
font-weight: 400;
border: none;
}
.main-menu>li>a:hover{
color:#c68a93 !important;
}
.dt_mega_menu.active{
opacity: 1;
visibility: visible;
top: calc(100%);
}
.dt_mega_menu {
position: absolute;
opacity: 0;
visibility: hidden;
top: calc(100% + 20px);
left: 0;
width: 100%;
max-height: calc(100vh - 80px);
background: #fff;
padding: 30px 0;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
transition: 0.3s all linear;
}
.dt_mega_menu ul>li{
margin-bottom: 5px;
}
.dt_mega_menu ul>li>a{
display: inline-block;
color: #424242;
font-size: 15px;
font-weight: 500;
}
.dt_mega_menu ul.submenu>li>a:before{
content: '\f105 ';
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translate(0 , -50%);
font-family: FontAwesome;
color: #363636;
font-size: 16px;
transition: all 0.3s ease-in-out;
}
.dt_mega_menu ul.submenu>li>a{
padding-left: 20px;
display: inline-block;
color: #424242;
font-size: 14px;
font-weight: 400;
position: relative;
}
.dt_mega_menu .css_submenu{
margin-top: 10px;
}
.uk-navbar-nav>li{
position: static;
}
#main-nav .uk-navbar-nav>li:nth-child(1)>a{
padding-left: 0;
}
#main-nav .uk-navbar-nav>li>a{
padding:30px 15px;
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
color:#000;
}
#main-nav .uk-navbar-nav>li.active>a,
#main-nav .uk-navbar-nav>li>a:hover{
color:#ea8f00;
}
.dropdown-menu{
display: none;
}  #footer{}
.footer_top{
padding: 50px 0;
background-size: cover !important;
}
.footer_top{
padding: 50px 0;
}
.ft-panel{
margin-bottom: 30px !important;
}
.ft-panel .panel-head{
margin-bottom: 20px;
}
.ft_heading {
font-size: 16px;
margin-bottom: 0;
color: #333;
font-weight: 600;
} .ft-information{
line-height: 1.7;
font-size: 16px;
}
.ft-information .company-name{
font-weight:bold;
margin: 0 0 20px 0;
font-size: 16px;
text-transform: uppercase;
}
.ft-information p { position: relative;
}
.ft-information p >*, .ft-information p {
color: #fff;
} .link-panel_list:not(:last-child){
padding-bottom: 20px;
margin-bottom: 30px;
position: relative;
}
.link-panel_list:not(:last-child):before{
content:'';
display: block;
position: absolute;
left:0;
top:initial;
bottom:0;
width:40%;
height:2px;
background: #000;
}
.link-panel_list>li{
margin-bottom: 10px;
} .link-panel_list>li>*{
position: relative;
display: block;  font-weight: 600;
color: #000;
font-size:13px;
} .link-panel_list>li>*:hover{
color: #00adbb;
}
@media (min-width: 960px) {
}
@media (max-width: 959px) {
.footer_top{
padding: 30px 0 20px;
}
}
@media (max-width: 767px) {
.ft-panel .panel-head{
margin-bottom: 15px;
}
}
@media (max-width: 599px) {
}
@media (max-width: 479px) {
}
@media (max-width: 374px) {
}
.copyright{
padding: 30px 0;
margin-top: 30px;
border-top: 3px solid #406373;
color: #b1ccf3;
letter-spacing: .5px;
} .ft-mailto .form .form-row{
position: relative;
width: 100%;
}
.ft-mailto .form .input-text{
width: 100%;
border-radius: 4px;
height: 40px;
padding-right: 90px;
background: #f3f5f4;
}
.ft-mailto .form .submit{
position: absolute;
display: block;
top: 0;
right: 0;
}
.ft-mailto .form .btn-submit{
border: 0;
background: #ea8f00;
width: 80px;
height: 40px;
border-radius: 0 4px 4px 0;
outline: none;
color: #fff;
transition: 0.3s all ease-in-out;
} .ft_mail_des{
margin-bottom: 10px;
} .list_ft_link{}
.list_ft_link>li:not(:last-child){
margin-bottom: 10px;
}
.ft_link_item{
display: inline-block;
color: #fff;
}
.ft_link_item:hover{
color: #ea8f00;
}
.toolbox_fixed{}
.toolbox_fixed .list_icon{}
.toolbox_fixed .list_icon>li:nth-child(1){
margin-left: 0;
}
.toolbox_fixed .list_icon>li{
margin-left: 10px;
}
.toolbox_fixed .list_icon .icon{
width: 45px;
height: 45px;
}
.toolbox_fixed .list_icon .icon img{
border-radius: 50%;
} .bg-grey {
background-color: #f9f9f9;
}
.before_center{
position: relative;
padding-bottom: 10px;
margin-bottom: 15px; }
.before_center:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
width: 100px;
height: 2px;
background: #347bb7;
}
.reg_panel_2{
padding: 0;
}
.reg_panel_2_heading{
padding: 10px;
font-size: 16px;
color: #000;
font-weight: 500;
background: #d2d3d4;
text-transform: uppercase;
line-height: initial;
}
.reg_panel_body{
padding: 15px;
background: #fff;
}
.reg_panel_2_desc{}
.reg_panel_2 .loading{ overflow: hidden;
}
.reg_panel_2.order-2 input{
border-radius: 0;
}
.reg_panel_2 input{
background: #ececf0 !important;
border-radius: 6px;
height: 36px !important;
}
.reg_panel_2 textarea{
background: #ececf0 !important;
border-radius: 6px;
height: 120px;
}
.reg_panel_2 .submit{
text-align: center;
}
.reg_panel_2 .btn-submit { padding: 10px;
font-weight: 600;
color: #333;
border: 1px solid #d6d6d7;
background: #d6d6d7;
text-transform: uppercase; outline: 0;
cursor: pointer;
border-radius: 6px;
display: block;
width: 100%;
transition: .3s all ease;
} @media (min-width: 960px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
.reg_panel_2_heading{
font-size: 20px;
}
}
@media (max-width: 599px) {
}
@media (max-width: 479px) {
}
@media (max-width: 374px) {
} .ft_contact_panel{}
.ft_contact_body{
padding: 40px;
}
.ft_contact_body>*>*{
color: #000;
}
.ft_contact_body .hotline{}
.ft_contact_body .hotline>*{
font-size: 20px;
font-weight: 600;
}
.ft_contact_body .email>*{}
.list-social-image {
list-style: none;
margin-top: 15px;
}
.list-social-image >li:not(:last-child) {
margin-right: 30px;
}
.list-social-image .social{}
.list-social-image .social>*{
width: 30px;
}
#copyright{
padding: 20px 0;
background: #d3d3d5;
color: #000;
font-weight: 600;
}
.project_panel {
padding: 50px 0 0;
}
.project_panel .panel-head{
margin-bottom: 50px;
} .fc-breadcrumb, .breadcrumb-panel {
padding: 15px 0; margin-bottom: 15px; }
.breadcrumb-panel .uk-breadcrumb>li>*{
color: #333;
} .prdcat-slide{
margin-bottom: 20px;
} .check-aside input, .check-aside-product input {
width: 20px;
height: 20px;
margin: 0 10px 0 0;
}
label {
display: inline-block;
cursor: pointer;
font-weight: 400;
}
.aside-list-title>*{
margin-bottom: 15px;
} .logo-text {
color: #333333;
font-size: 28px;
line-height: 1.2;
}
.w50 {
width: 50% !important;
}
.w100 {
width: 100% !important;
} .cart-panel .input-field input{
color: inherit;
font: inherit;
margin: 0;
padding: 0;
-webkit-appearance: none;
-webkit-font-smoothing: inherit;
border: none;
background: transparent;
line-height: normal;
}
.main-cart{
width: 60%;
padding: 50px 0;
padding-right: 50px;
}
.layout-cart-body{
overflow: hidden;
}
.layout-cart-body .aside-content{
width: 40%;
padding: 50px 0;
padding-left: 30px;
position: relative;
}
.layout-cart-body .input-field {
position: relative;
}
.layout-cart-body .aside-content::after{
content: "";
display: block;
width: 300%;
position: absolute;
top: 0;
bottom: 0;
background: #fafafa;
z-index: 0;
left: 0;
background-position: left top;
box-shadow: 1px 0 0 #e1e1e1 inset;
}
#cartForm{
position: relative;
z-index: 1
}
.cart-panel .field-label {
font-size: 0.85714em;
font-weight: normal;
position: absolute;
top: -5px;
width: 100%;
padding: 0 0.93333em;
z-index: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateY(3px);
transform: translateY(3px);
pointer-events: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
box-sizing: border-box;
opacity: 0;
color: #999999;
transition: all 0.2s ease-out;
margin: 0.5em 0;
margin-top: 0.3em;
display: block;
}
.cart-panel .select2-container--default .select2-selection--single .select2-selection__arrow,
.cart-panel .select2-container--default .select2-selection--single{
height: 45px;
}
.cart-panel .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 45px
}
.cart-panel textarea{
border: 0;
box-shadow: 0 0 0 1px #d9d9d9;
transition: all 0.2s ease-out;
background-color: white;
color: #333333;
border-radius: 4px;
outline: 0;
display: block;
height: 100px;
box-sizing: border-box;
width: 100%;
padding: 0.94em 2.8em 0.94em 0.8em;
word-break: normal;
}
.input-field.field-show-floating-label .field-label {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.breadcrumb-cart a{
color: #333;
}
.section .section-header {
margin-bottom: 20px;
position: relative;
}
.section .section-content .content-box {
box-shadow: 0 0 0 1px #d9d9d9;
border-radius: 4px;
background: #fff;
color: #737373;
margin-top: 1em;
}
.main-cart  .section input {
color: inherit;
font: inherit;
margin: 0;
padding:0;
-webkit-appearance: none;
-webkit-font-smoothing: inherit;
border: none;
background: transparent;
line-height: normal;
}
.input-field.field-show-floating-label textarea,
.input-field.field-show-floating-label input {
padding-top: 20px;
padding-bottom: 0.38em;
}
.cart-panel .input-field input{
box-shadow: 0 0 0 1px #d9d9d9;
transition: all 0.2s ease-out;
background-color: white;
color: #333333;
border-radius: 4px;
display: block;
box-sizing: border-box;
width: 100%;
padding: 0.94em 2.8em 0.94em 0.8em;
word-break: normal;
}
.section .section-content .content-box:first-child {
margin-top: 0;
}
.radio-wrapper, .checkbox-wrapper {
display: table;
box-sizing: border-box;
width: 100%;
zoom: 1;
}
.section .section-content .content-box .content-box-row {
display: table;
box-sizing: border-box;
width: 100%;
border-top: 1px solid #d9d9d9;
zoom: 1;
}
.section .section-content .content-box .content-box-row:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top: none;
}
.radio-wrapper .radio-label, .checkbox-wrapper .checkbox-label {
display: table-cell;
width: 100%;
cursor: pointer;
vertical-align: middle;
padding: 1.3em;
}
.radio-wrapper .radio-input, .checkbox-wrapper .checkbox-input {
display: table-cell;
padding-right: 0.75em;
white-space: nowrap;
}
.radio-wrapper .radio-input .input-radio, .checkbox-wrapper .checkbox-input .input-checkbox {
width: 18px;
height: 18px;
box-shadow: 0 0 0 0 #338dbc inset;
transition: all 0.2s ease-in-out;
position: relative;
cursor: pointer;
vertical-align: -4px;
outline: 0;
border: solid 1px #d9d9d9;
}
.radio-wrapper .radio-input .input-radio {
border-radius: 50%;
}
.radio-wrapper .radio-input .input-radio:checked, .checkbox-wrapper .checkbox-input .input-checkbox:checked {
border: none;
box-shadow: 0 0 0 10px #338dbc inset;
}
.radio-wrapper .radio-input .input-radio:after, .checkbox-wrapper .checkbox-input .input-checkbox:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: scale(0.2);
transform: scale(0.2);
transition: all 0.2s ease-in-out 0.1s;
opacity: 0;
}
.radio-wrapper .radio-input .input-radio:after {
width: 4px;
height: 4px;
margin-left: -2px;
margin-top: -2px;
background-color: #fff;
border-radius: 50%;
}
.radio-wrapper .radio-input .input-radio:checked:after, .checkbox-wrapper .checkbox-input .input-checkbox:checked:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.radio-wrapper .radio-label .radio-label-primary, .checkbox-wrapper .checkbox-label .checkbox-label-primary {
display: table-cell;
width: 100%;
}
.section .section-content .content-box .content-box-row.content-box-row-secondary {
background-color: #fafafa;
}
.blank-slate {
padding: 20px;
}
.name-input{
width: 20%;
color: #000;
font-size: 16px;
margin-right: 20px;
}
.section-additional .input-field input,
.section-additional .input-field{
width: 100%;
}
.btn-finish-cart{
background: #338dbc;
color: white;
display: inline-block;
border-radius: 4px;
font-weight: 500;
padding: 20px;
box-sizing: border-box;
text-align: center;
cursor: pointer;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
position: relative;
}
.chage-email-ajax input,
.chage-email-ajax{
width: 80%;
}
.slide-home-panel-wrap img{
height: 100vh;
} .product-modal-panel{
width: 70%;
}
.slide-img-modal li img{
height: 400px;
}
.slide-img-modal{
padding:20px;
border: solid 1px #ebebeb;
}
.info-product-modal{
padding: 20px;
}
.product-modal-title{
color: #222222;
font-weight: bold;
margin-bottom: 20px;
font-size: 18px;
}
#modal-product .new{
font-size: 17px;
}
.list-product-cart .prd-infor .thumb a{
width: 65px;
height: 65px;
background: #fff;
position: relative;
}
.list-product-cart .prd-infor .thumb img{
border-radius: 8px;
}
.continue-shopping{
color: #338dbc;
font-size: 14px;
}
.continue-shopping i{
position: relative;
right: 0;
transition: all ease-in-out 0.2s;
}
.continue-shopping:hover i{
right: -5px;
}
.list-product-cart .prd-infor .title a{
font-weight: 500;
color: #4b4b4b !important;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.list-product-cart  .btn_num.num_1 {
font-size: 16px;
border: none;
display: inline-block;
width: 30px;
background: transparent;
color: #6e7874;
text-align: center;
padding: 0px;
line-height: 34px;
position: absolute;
}
.list-product-cart .input_number_product{
position: relative;
}
.list-product-cart  .input_number_product .btn_num.num_2 {
right: 0;
top: 0;
}
.list-product-cart  .input_number_product .btn_num {
font-size: 16px;
border: none;
display: inline-block;
width: 30px;
background: transparent;
color: #6e7874;
text-align: center;
padding: 0px;
line-height: 34px;
position: absolute;
}
.list-product-cart  .prd_quantity {
margin: 0px 3px 0 0;
display: block;
color: #222222;
border: 1px solid #ebebeb;
text-align: center;
box-shadow: none;
font-size: 16px;
background: #fff;
width: 90px;
border-radius: 5px;
}
.new_price,
.price_view{
text-align: right;
white-space: nowrap;
}
.panel-foot{
line-height: 2;
}
.panel-foot .label{
color: #222222;
}
.panel-foot .value{
color: #222222;
}
.total-amount,
.panel-foot,
.order-summary-section.order-summary-section-discount {
border-top: 1px solid;
padding-top: 20px;
padding-bottom: 20px;
border-color: #e1e1e1;
}
.btn-submit-discount{
padding: 0 20px;
background: #338dbc;
outline: 0;
transition: all ease-in-out 0.2s;
color: #fff;
}
.btn-submit-discount:hover{
background-color: #338dbc;
opacity: 0.95;
color: #fff;
}
.panel-foot .label{
font-size: 14px;
} .about_panel{
margin-bottom: 20px;
}
.dt_about_heading{
text-transform: uppercase;
margin-bottom: 20px;
}
.uk-accordion-title:first-child{
border-top: 0;
}
.uk-accordion-title{
background: #0e2052 !important;
color: #fff;
font-size: 13px;
line-height: 20px;
position: relative;
border: none;
display: block;
width: 100%;
text-align: left;
white-space: normal;
padding: 15px 30px 15px 15px;
cursor: pointer;
text-transform: uppercase;
border-top: 1px solid #ddd;
}
.uk-accordion-title:after {
background: none;
content: "+";
right: 10px;
left: inherit;
font-size: 20px;
height: auto;
transform: none;
width: 20px;
text-align: center;
top: 15px;
position: absolute;
color: #fff;
}
.uk-active.uk-accordion-title:after{
content: "-";
}
.uk-accordion-content {
padding: 20px;
line-height: 24px;
text-align: left;
border: 1px solid #ededed;
} .reg_booking{
border-style: dashed;
border-width: 3px 3px 3px 3px;
border: 0;
border-color: #E3AF6C;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
padding: 0;
}
.dt_label_modal {
font-weight: 700;
}
.reg_booking .input-text { color: #333 !important;
height: 35px !important;
background-color: #ffffff !important;
border-color: #D0D0D0 !important;
border-width: 1px 1px 1px 1px !important;
border-radius: 5px 5px 5px 5px !important;
padding: 0 10px 0 10px !important;
outline: 0 !important;
}
.reg_booking .form-textarea {
background-color: #ffffff !important;
border-color: #D0D0D0 !important;
border-radius: 5px 5px 5px 5px !important;
outline: 0 !important;
min-height: 100px;
}
.reg_booking .btn-submit {
font-size: 16px;
padding: 8px 20px;
color: #fff;
border: 1px solid #0098d5 !important;
background: #0098d5 !important;
outline: 0;
cursor: pointer;
border-radius: 20px;
display: block;
width: 100%;
transition: .3s all ease;
}
.reg_booking .loading {
border-radius: 20px;
overflow: hidden;
}
.dt_about_description{
margin-bottom: 20px;
}  .dt_entry_title{
font-size: 30px;
color: #004a98 !important;
line-height: 1.2;
font-weight: 400;
margin-bottom: 10px;
}
.dt_entry_desc{
font-weight: 600;
font-size: 17px;
margin-bottom: 20px;
}
.dt_entry_content{
margin-bottom: 20px;
}
.wrap-price>*{
display: block;
}
.wrap-price {
font-size: 24px;
color: #222222;
font-weight: 700;
line-height: 30px;
display: inline-block;
width: 145px;
}
.line-price {
font-size: 13px !important;
text-decoration: line-through;
color: #aaa !important;
}
.product-detail-info-panel{
padding: 10px;
}
.product-detail-title h2{
color: #222222;
font-size: 20px;
line-height: 35px;
font-family: "Arial";
margin: 0px 0 15px;
font-weight: 400;
width: 100%;
}
.gallery__thumbs::-webkit-scrollbar-track {
border-radius: 50px;
background-color: #fff;
height: 10px;
}
.gallery__thumbs::-webkit-scrollbar {
height: 10px;
background-color: #fff;
}
.gallery__thumbs::-webkit-scrollbar-thumb {
border-radius: 50px;
background-color: #919aa8;
height: 10px;
}
.gallery__thumbs a:not(:last-child){
margin-right: 10px
}
.form_product_content label {
font-family: "Arial";
font-weight: 700;
display: inline-block;
float: left;
line-height: 35px;
margin-right: 20px;
font-size: 14px;
}
.form_product_content input {
margin: 0px 3px 0 0;
display: block;
float: left;
color: #222222;
height: 50px;
border: 1px solid #ebebeb;
width: 120px;
padding: 0 40px;
text-align: center;
box-shadow: none;
font-size: 16px;
font-weight: 700;
font-family: "Arial";
min-height: unset;
padding: 0;
border-radius: 0;
background: #fff;
border-radius: 5px;
}
.soluong {
display: inline-block;
float: left;
width: 120px;
margin-right: 15px;
}
.details-pro .form_product_content {
width: 100%;
float: left;
}
.form-group .input_number_product {
display: inline-flex;
width: 120px;
height: 52px;
position: relative;
background: transparent;
padding: 0;
}
.form_product_content .btn_num.num_1 {
left: 0;
font-size: 16px;
line-height: 0px;
border: none;
display: inline-block;
width: 30px;
height: 49px;
background: transparent;
float: left;
color: #6e7874;
text-align: center;
padding: 0px;
position: relative;
padding-right: 0px;
line-height: 50px;
position: absolute;
top: 0;
}
.form-group .input_number_product .btn_num.num_2 {
right: 0;
top: 0;
}
.form-group .input_number_product .btn_num {
font-size: 16px;
line-height: 0px;
border: none;
display: inline-block;
width: 30px;
height: 49px;
background: transparent;
float: left;
color: #6e7874;
text-align: center;
padding: 0px;
position: relative;
padding-right: 0px;
line-height: 50px;
position: absolute;
}
.button_actions {
display: inline-block;
float: left;
margin-top: 0;
position: relative;
height: 50px;
}
.button_actions .btn_base:first-child {
margin-right: 15px;
}
.button_actions .btn_add_cart {
position: relative;
}
.button_actions .btn_base {
height: 50px;
line-height: 50px;
font-family: "Arial";
color: #fff;
font-weight: 400;
text-decoration: none;
background: #222222;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 20px;
white-space: nowrap;
outline: none !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
text-align: center;
border-radius: 5px;
border: solid 1px #222222;
font-weight: 700;
float: left;
}
.button_actions .btn_base.fast {
background: #f1db25;
color: #fff;
border-color: #f1db25;
transition: all ease-in-out 0.2s;
}
.button_actions .btn_base.fast:hover {
color: #fff;
background: #222222;
cursor: pointer;
border-color: #222222;
}
.form_contactproduct{
overflow: hidden;
}
.form_contactproduct a img{
height: 150px;
width: 100%;
object-fit: cover;
}
.gomi-camket i{
width: 32px;
color: red;
height: 32px;
font-size: 24px;
line-height: 32px;
text-align: center;
}
.camket-primary{
font-weight: bolder;
}
.camket-normal{
color: rgb(63,64,71);
background-color: white;
font-size: 14px;
font-family: Segoe UI;
}
.wrap-product-general{
background-color: rgb(255, 255, 255);
border-style: dotted;
border-color: rgb(205, 204, 203);
border-width: 2px;
border-radius: 5px;
padding: 20px 15px;
}
.fa-volume-control-phone{
color: #23a24d !important
}
.title_modules a{
display: inline-block;
background: #fff;
z-index: 2;
padding: 0 20px 0 0;
font-size: 26px;
font-weight: 700;
position: relative;
margin-bottom: 0;
color: #222222;
text-transform: uppercase;
line-height: 55px;
}
@media (min-width: 767px){
.title_modules:before {
content: "";
width: 100%;
height: 1px;
background: #222222;
position: absolute;
top: 37px;
left: 0;
}
}
.title_modules {
display: block;
position: relative;
margin: 0;
margin-bottom: 25px;
padding: 0;
text-align: left;
width: 100%;
}
.product-switcher{
margin-bottom: 0px;
padding-left: 0px;
text-align: left;
border-bottom: solid 1px #ebebeb;
}
.product-switcher li {
position: relative;
display: inline-block;
background: #ebebeb;
border-bottom: 0px;
margin: 0;
margin-bottom: -1px;
text-align: center;
}
.product-switcher li:first-child a {
border-right: 0;
}
.product-switcher li:last-child a {
border-left: 0;
}
.product-switcher li a {
color: #004a98;
padding: 15px;
display: block;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
border: 1px solid #ccc;
border-bottom: 0;
}
.product-switcher li.uk-active {
background: #fff;
}
#product-tab li {
padding: 20px 0px;
border-top: 0px;
}
figure.image{
justify-content: center;
display: flex;
}   .dt_best_seller{
font-size: 0.55rem;
background: #020024;
background: linear-gradient(
135deg
, #020024 0%, #ffd800 0%, #dcc366 0%, #ba8223 58%);
padding: 20px;
left: 10px;
top: 10px;
position: absolute;
border-radius: 40px;
z-index: 10;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
display: flex;
color: white;
font-weight: 500;
text-transform: uppercase;
text-align: center;
} .dt_commit_item.style-2{
padding: 15px;
margin-bottom: 25px !important;
text-align: center;
}
.dt_commit_item.style-2:hover{ }
.dt_commit_item.style-2 .image {
width: 80px;
height: 80px;
margin: 0 auto;
margin-bottom: 15px;
}
.dt_commit_item.style-2 .image>*{
color: #3b5999;
font-size: 36px;
}
.dt_commit_item.style-2 .info{
}
.dt_commit_item.style-2 .info .title {
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
display: block;
margin-bottom: 10px;
line-height: 1.5;
}
.dt_commit_item.style-2 .description{
word-spacing: 1px;
line-height: 1.7;
}
.description ul{
list-style-type: none;
}
@media (min-width: 960px) {
}
@media (max-width: 959px) {
.dt_commit_item.style-2{
padding: 20px;
}
}
@media (max-width: 767px) {
}
@media (max-width: 599px) {
}
@media (max-width: 479px) {
}
@media (max-width: 374px) {
}
.qr_code{
margin-left: 20px;
}
.dt_prd_head{
padding-bottom: 30px;
} .dt_slide_img_sub{
z-index: 1;
opacity: 0;
visibility: hidden;
transition: 0.5s all linear;
transform: translateY(-75px);
}
.dt_slide_img_sub.show {
visibility: visible;
z-index: 1;
opacity: 1;
transform: translateY(-100px);
}
@media (max-width: 959px) {
.dt_slide_img_sub{
display: none;
}
}
.partner{
padding: 30px 0;
margin-bottom: 20px;
}
.form-row select{
width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 35px;
}
.select2-container--default .select2-selection--single{
height: 35px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 35px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #d5d5d5;
border-radius: 5px;
}
.pharma_contains{
padding-top: 40px;
} .sologan{
padding: 40px 0;
text-align: center;
}
.cata-slide{
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.main-slide{
position: relative;
z-index: 5;
}
.main-slide .uk-cover-background {
background-position: bottom;
background-size: 100%;
}
.main-slide img {
max-height: 90vh !important;
}
.wrap {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.border-bottom-blue {
border-bottom: 3px solid #0098d5;
}
.combo-item {
box-shadow: 0px 1px 5px 2px #ccc;
}
.inner {
align-self: center;
}
.main-color {
color: #0098d5;
}
.list-location {
box-shadow: 0px 1px 5px 2px rgb(0 0 0 / 10%);
background: #ffffff;
padding: 30px 30px 5px 30px;
} .hp_categories_panel{
padding-top: 0;
padding-bottom: 10px;
margin-bottom: 50px;
position: relative;
}
.dt_btn_viewall {
text-transform: uppercase;
color: #00adbb;
font-weight: 600;
font-size: 15px;
display: inline-block;
padding-left: 15px;
position: relative;
}
.dt_btn_viewall:before{
content: '\f0da';
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translate(0 , -50%);
font-family: FontAwesome;
color: #00adbb;
font-size: 18px;
transition: all 0.3s ease-in-out;
} .rating.order-1 {
font-size: 15px;
} .combo-header{
padding: 50px 0;
}
.entry-title{
font-size: 22px;
text-transform: uppercase;
color: #fff;
margin-bottom: 15px;
line-height: initial;
}
.entry-location{}
.other {
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00000085;
color: #fff;
font-size: 35px;
text-align: center;
cursor: pointer;
}
.other>*{
position: relative;
display: block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}  .ht2109_panel{
padding: 30px 0;
}
.ht2109_panel .panel-head {
position: relative;
padding-bottom: 15px;
margin-bottom: 30px; } .ht2109_panel .panel-head:before{
content: '';
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
width: 100px;
height: 2px;
background: #0098d5;
}
.ht2109_panel .panel-body {
} .order_panel{
padding: 30px 0;
}
.reg_booking {   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
padding: 15px;
background: #f1f1f1;
border-radius: 5px;
}
.reg_booking_heading{
text-transform: uppercase;
line-height: initial;
margin-bottom: 15px;
color: #E3AF6C;
font-family: "Roboto", Sans-serif;
font-size: 24px;
font-weight: bold;
letter-spacing: 2px;
}
.reg_booking_desc{}
.reg_booking .loading{ overflow: hidden;
}
.reg_booking .input-text{ color: #333 !important;
height: 35px !important;
background-color: #ffffff;
border-color: #D0D0D0;
border-width: 1px 1px 1px 1px;
border-radius: 5px 5px 5px 5px;
padding: 0 10px;
outline: 0;
}
.reg_booking select{ padding-left: 7px !important;
font-size: 13px;
}
.reg_booking.order-2 .input-text{
border-radius: 0;
}
.reg_booking textarea{ height: 50px;
color: #333 !important;
background-color: #ffffff;
border-color: #D0D0D0;
border-width: 1px 1px 1px 1px;
border-radius: 5px 5px 5px 5px;
}
.reg_booking .submit{
text-align: center;
}
.reg_booking .btn-submit{
font-size: 15px;
padding: 10px 30px;
color: #fff;
border: 1px solid#0098d5;
background: #fff; outline: 0;
cursor: pointer; display: block;
width: 100%;
transition: .3s all ease;
} .form-row.date,
.form-row.time{
position: relative;
}
.form-row.date .input-text,
.form-row.time .input-text{
padding-right: 30px;
}
.form-row.date:before {
content: '\f073';
display: block;
position: absolute;
top: 50%;
right: 10px;
transform: translate(0 , -50%);
font-family: FontAwesome;
color: #606060;
font-size: 16px;
transition: all 0.3s ease-in-out;
}
.form-row.time:before {
content: '\f017';
display: block;
position: absolute;
top: 50%;
right: 10px;
transform: translate(0 , -50%);
font-family: FontAwesome;
color: #606060;
font-size: 16px;
transition: all 0.3s ease-in-out;
}
.reg_booking textarea::-webkit-input-placeholder,
.reg_booking .input-text::-webkit-input-placeholder {
color: #E3AF6C;
font-size: 13px;
}
.reg_booking textarea::-moz-input-placeholder,
.reg_booking .input-text::-moz-placeholder {
color: #E3AF6C;
font-size: 13px;
}
.reg_booking textarea:-ms-input-placeholder,
.reg_booking .input-text:-ms-input-placeholder {
color: #E3AF6C;
font-size: 13px;
}
.reg_booking textarea:-moz-input-placeholder,
.reg_booking .input-text:-moz-placeholder {
color: #E3AF6C;
font-size: 13px;
}
@media (min-width: 960px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
.reg_booking_heading{
font-size: 20px;
}
}
@media (max-width: 599px) {
}
@media (max-width: 479px) {
}
@media (max-width: 374px) {
} .list_dt_brand{}
.list_dt_brand>li{
margin-bottom: 15px;
}
.dt_brand_item{}
.dt_brand_item .icon{
width: 40px;
}
.dt_brand_item .title{
width: calc(100% - 40px);
padding-left: 5px;
}
.dt_map_overview{
height: 450px;
width: 100%;
}
.dt_map_overview iframe{
width: 100%;
height: 100%;
}
.ft_map{
height: 350px;
width: 100%;
}
.ft_map iframe{
width: 100%;
height: 100%;
}
.contact-form{
position: relative;
padding: 70px 100px;
background: #fff;
border-top-left-radius: 20px;
border-top-right-radius: 20px; }
.contact-company h2{
font-size: 24px;
color: #222222;
margin-bottom: 30px;
margin-top: 20px;
}
.form-contact .input-text{
border-color: #ebebeb !important;
background-color: #ebebeb !important;
font-size: 14px !important;
color: #222222 !important;
border-radius: 3px !important;
height: 45px !important;
padding: 0px 15px !important;
}
.form-contact textarea{
min-height: 100px;
padding: 10px 15px;
border-radius: 3px !important;
resize: none;border-color: #ebebeb;
background-color: #ebebeb;
font-size: 14px;
color: #222222;
}
.form-contact .btn-submit{
border-radius: 0;
border: 1px #d3d3d3 solid;
height: 40px;
background: #d3d3d3;
text-align: center;
white-space: nowrap;
outline: none !important;
color: #fff;
padding: 0px 25px;
font-weight: 700;
font-size: 15px;
display: inline-block;
border-radius: 3px;
position: relative;
}
@media (max-width: 768px){
.main_visual_p{
display: none;
}
.col-xs-6{
margin-bottom:30px;
}
}
.dt_desc_catalogue{
line-height: 1.7;
}
.ovh{
overflow: hidden;
}
.prd_relate_panel{
padding: 50px 0;
}
.dt_price_color{
color: #00adbb;
font-weight: 600;
font-size: 18px;
}
.page-pic .info{
padding: 12px;
}
.address-panel table{
width: 100% !important;
}
.ft_rate_panel{
margin-bottom: 30px;
}    .list-social.order-3{}
.list-social.order-3>li{}
.list-social.order-3>li:not(:last-child){
margin-right: 15px;
}
.list-social.order-3>li>*{}
.list-social.order-3>li> .social{}
.list-social.order-3>li> .social >a{
display: block;
text-align:center;
color: #fff;
}
.list-social.order-3>li> .social >a>i{
border-radius: 50%;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
background: #898989;
}
.list-social.order-3>li> .social >a>i.fa-play:before{
margin-left: 2px;
}
.dt_rating_info{
margin-left: 5px;
font-size: 13px;
}
.rating{
margin-bottom: 1px;
}
.dt_detail_rating{
} .aside-filter .form .form-label, #mobile-filter .form .form-label {
display: block;
position: relative;
padding-left: 25px;
}
.aside-filter .form-row{
margin-right: 20px;
}
#mobile-filter .form-row {
margin-bottom: 5px;
}
.aside-filter .form .input-checkbox, #mobile-filter .form .input-checkbox {
display: none;
}
.aside-filter .form .form-label:before, #mobile-filter .form .form-label:before {
content: "";
display: block;
position: absolute;
width: 16px;
height: 16px;
top: 1px;
left: 0px;
background: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/css/img/icon-checkbox.png) 0px 0px no-repeat;
}
.aside-filter .form .input-checkbox:checked + .form-label:before, #mobile-filter .form .input-checkbox:checked + .form-label:before {
background: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/css/img/icon-checkbox-checked.png) 0px 0px no-repeat;
}
.filter_prd_panel{
margin-bottom: 20px;
}
.dt_filter_btn {
background: #990101;
color: #fff;
display: inline-block;
padding: 5px 35px;
text-align: center;
text-transform: uppercase;
border-radius: 20px;
box-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 23%) 0px 6px 6px;
border: 0;
outline: none;
height: 35px;
cursor: pointer;
}
.form_filter .form-row {
width: 250px;
position: relative;
}
.form_filter .input-text {
border-radius: 20px;
background: #fff !important;
border: 1px solid #ccc !important;
height: 35px !important;
line-height: 35px;
color: #333 !important;
padding: 0 10px; }
.form_filter .input-text::-webkit-input-placeholder {
color: #888;
font-size: 12px;
}
.form_filter .input-text::-moz-placeholder {
color: #888;
font-size: 12px;
}
.form_filter .input-text:-ms-input-placeholder {
color: #888;
font-size: 12px;
}
.form_filter .input-text:-moz-placeholder {
color: #888;
font-size: 12px;
}
.line-5{
display: -webkit-box !important;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.fb-like iframe button{
background: red !important;
}
@media (min-width: 1220px){
.sologan{ display: inline-block;
text-align: justify;
}
}
.blur{
background: linear-gradient(to bottom,rgb(255 255 255 / 0%),rgb(255 255 255 / 79%),rgb(255 255 255));
bottom: 46px;
height: 211px;
left: 0;
position: absolute;
width: 100%;
}
.sologan-1{
margin-top:65px;
margin-bottom:80px;
}
@media (max-width: 600px){
.sologan-1{
margin-top:0;
}
.dt_bg_grey{
padding-top:10px;
}
}
.style-2{
font-size:16px !important;
} .project_panel .owl-carousel .owl-prev,
.project_panel .owl-carousel .owl-next{
display: block;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
left: initial;
right: 10px;
position:absolute;
margin:0 !important;
outline:0 !important;
transition:all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
font-family:'Open Sans';
}
.project_panel .owl-carousel .owl-prev{
left: 10px;
}
.project_panel .owl-carousel .owl-prev > *,
.project_panel .owl-carousel .owl-next > *{
width: 40px;
height: 40px;
border-radius: 50%;
font-size: 30px !important;
line-height: 40px;
color:#000;
background: #ffffff;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.owl-theme .owl-nav [class*=owl-]:hover{
background: transparent !important;
}
.project_panel .owl-carousel .owl-prev:hover > *,
.project_panel .owl-carousel .owl-next:hover > *{
color: #666;
}
.project_panel .owl-stage {
display: flex;
}
.project_panel .owl-theme .owl-nav{
margin-top: 0px;
}
.project_panel .owl-theme .owl-dots{
position: absolute;
left: 50%;
bottom: -30px;
transform: translate(-50%, 0);
display: none;
height: 20px;
}
.project_panel .owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
outline: 0;
}
.project_panel .owl-item {
display: flex;
flex: 1 0 auto;
}
.project_panel .item{
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
box-shadow: rgb(0 0 0 / 30%) 0px 3px 8px;
}
.item>*{
flex-grow: 1
}
.owl-stage-outer{
padding:20px 0;
}
@media  (max-width: 959px){
.project_panel .owl-carousel .owl-prev,
.project_panel .owl-carousel .owl-next{
display: none;
}
}
.style_1_0{
border-bottom:2px solid #000;
margin-bottom:80px;
padding-bottom:40px;
}
.overview-body .swiper-slide-small{
height:200px;
box-shadow: rgb(0 0 0 / 22%) 0px 3px 8px;
}
.overview-body .swiper-container-thumbs{
padding: 5px 0;
}
.midtown-body .small-side .image{
height:170px;
box-shadow: rgb(0 0 0 / 22%) 0px 3px 8px;
} .filter-title{
width:220px;
}
.filter-row .input-text{
height:34px;
border-radius: 5px;
width:133px;
border:1px solid #aaa;
padding:0 5px;
color:#000 !important;
font-family: Montserrat;
}
.input-submit {
height: 34px;
width: 298px;
color: #000 !important;
transition: 0.2s;
background: transparent;
border: 0;
text-transform: uppercase;
font-family: Montserrat;
cursor: pointer;
}
.input-submit:hover{
background: #00adbb;
color: white !important;
}
.highlight{
background: yellow;
padding:5px;
}
.filter_mobi{
margin:0;
min-width:100%;
height:100vh;
}
.filter_mobi .filter-title{
width:150px;
text-align: left;
}
.filter_mobi .filter-row .input-text{
width: 75px;
}
#filter_mobi .search_panel.search_product_panel{
padding-top:30px;
}
#filter_mobi .uk-modal-close.uk-close{
box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
top: 5px;
}
#filter_mobi .uk-modal-close.uk-close.uk-close:after {
display: block;
content: "\f00d";
font-family: FontAwesome;
}
.mobile-header .button-search{
position:absolute;
right:0;
bottom:0;
width:30%;
}
.hd-filter{
position: absolute;
display: inline-block;
right: 6px;
top: 50%;
transform: translateY(-50%);
}
.hd-filter a{
color: #333;
font-size: 16px;
font-weight: 700;
padding: 10px;
background: #8080801c;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.white{
color: #fff;
}
.avatar-padding img {
box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
border-radius: 10px;
}
.breadcrumb li a{
color: #000;
}
.breadcrumb li.pointer{
margin: 0 10px;
}
.breadcrumb li.pointer:last-child{
display: none;
}
.search-modal-box .uk-modal-dialog{
border-radius: 15px;
box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
#backtop {
position: fixed;
right: 30px;
clip: rect(auto, auto, auto, auto);
display: block;
width: 40px;
height: 40px;
background: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
font-size: 20px;
color: #777;
border: 1px solid #777;
text-align: center;
line-height: 40px;
z-index: 9999;
}
.scroll-fixed .hd-logo{
top:40px;
transition: all 0.5s ease;
}
.scroll-fixed .hd-logo img{
max-width:60px
} .owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot{
color: #fff !important;
}
.va-content,
.va-content *{
text-align: justify !important;
}
.sologan-1 .txt_center *,
.dt_desc_catalogue *{
text-align: justify  !important;
}
.sologan-1 .txt_center{ justify-content: center;
text-align: justify;
}
.tag-panel,
.product-detail-body{
overflow: hidden;
}
@media (max-width: 768px){
.filter-title{
width: 80px !important;
margin-right: 10px;
}
.filter-row .select2,
.va-width-mobile {
width: calc(100% - 90px) !important;
}
.va-kc{
display: flex;
align-items: center;
}
.va-kc .input-text{
width: 100%;
}
.dt_bg_grey {
top: 10px;
margin-bottom:10px;
}
.main-slide img {
max-height: 30vh !important;
object-fit: cover;
}
.main-slide .uk-cover-background {
background-position: bottom;
background-size: 100%;
background-size: cover;
}
}
@media (min-width:  768px){
.va-content iframe{
height: 80vh;
}
}
@media (min-width:  769px){
.detai-infor-panel iframe{
height: 80vh;
}
} .project_panel .owl-nav .owl-prev{
width: 40px;
}
.with-us-pic img {
border-radius: 15px;
box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}
.dt_desc_catalogue table {
border-collapse: collapse;
margin: 25px 0;
font-size: 0.9em;
font-family: sans-serif;
min-width: 400px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.dt_desc_catalogue table tr:nth-child(1){
background-color: #00adbb;
color: #ffffff;
text-align: left;
}
.dt_desc_catalogue *{
font-family: 'Tahoma' !important;
}
.dt_desc_catalogue table th,
.dt_desc_catalogue table td {
padding: 12px 15px;
}
.dt_desc_catalogue table tr {
border-bottom: 1px solid #dddddd;
}
.dt_desc_catalogue table tr:nth-of-type(even) {
background-color: #eaeaea;
}
.container-youtube {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%; } .responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.overview-body table tbody tr td p{
text-align: center !important;
}
.overview-body table tbody tr:nth-child(1){
text-align: center;
}
.overview-body table tbody tr:nth-child(1) td{
background: #00adbb;
color:#fff;
text-align: center;
}
.overview-body table tbody tr:nth-child(1) td p{
text-align: center !important;
}
@media (max-width: 600px){
.overview-body table{
width:100% !important;
}
}
.lg-outer,
.lg-backdrop{
z-index: 9999999999 !important;
}
@media (max-width: 600px){
.overview-body .description img{
width:100% !important;
height: auto !important;
}
}
@media (min-width: 1220px){
#article_detail_page{
padding-top:50px;
}
}
.uk-pagination .uk-active > *{
background: #00adbb;
color:#fff;
}
html {
font: 400 14px/20px Arial, sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background: #fff;
color: #333;
background-image: -webkit-radial-gradient(100% 100%, center, #fff, #fff);
background-image: -moz-radial-gradient(100% 100%, center, #fff, #fff);
background-image: -ms-radial-gradient(100% 100%, center, #fff, #fff);
background-image: -o-radial-gradient(100% 100%, center, #fff, #fff);
background-image: radial-gradient(100% 100% at center, #fff, #fff)
}
body {
margin: 0;
padding: 0;
}
a {
background: 0 0;
outline: none;
}
a:active,
a:hover {
outline: 0
}
.uk-link,
a {
color: #00adbb;
text-decoration: none;
cursor: pointer
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
:not(pre)>code,
:not(pre)>kbd,
:not(pre)>samp {
font-size: 12px;
font-family: Consolas, monospace, serif;
color: #D05;
white-space: nowrap;
padding: 0 4px;
border: 1px solid #E5E5E5;
border-radius: 3px;
background: #fafafa
}
ins {
background: #ffa;
color: #666;
text-decoration: none
}
mark {
background: #ffa;
color: #666
}
q {
font-style: italic
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle
}
audio,
canvas,
img,
svg,
video {
max-width: 100%;
height: auto;
box-sizing: border-box
}
.uk-img-preserve,
.uk-img-preserve audio,
.uk-img-preserve canvas,
.uk-img-preserve img,
.uk-img-preserve svg,
.uk-img-preserve video {
max-width: none
}
img {
border: 0;
outline: none
}
svg:not(:root) {
overflow: hidden
}
blockquote,
figure {
margin: 0
}
address,
blockquote,
dl,
fieldset,
figure,
ol,
p,
pre,
ul {
margin: 0 0 10px 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 10px 0;
font-family: inherit;
color: #222;
text-transform: none
}
ol>li>ol,
ol>li>ul,
ul>li>ol,
ul>li>ul {
margin: 0
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
hr {
box-sizing: content-box;
height: 0;
margin: 15px 0;
border: 0;
border-top: 1px solid #E5E5E5
}
address {
font-style: normal
}
blockquote {
padding-left: 15px;
border-left: 5px solid #E5E5E5;
font-size: 16px;
line-height: 22px;
font-style: italic
}
pre {
padding: 10px;
background: #fafafa;
font: 12px/18px Consolas, monospace, serif;
color: #666;
-moz-tab-size: 4;
tab-size: 4;
overflow: auto;
border: 1px solid #E5E5E5;
border-radius: 3px
}
::-moz-selection {
background: #39f;
color: #fff;
text-shadow: none
}
::selection {
background: #39f;
color: #fff;
text-shadow: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
display: block
}
progress {
vertical-align: baseline
}
audio:not([controls]) {
display: none
}
[hidden],
template {
display: none
}
iframe {
border: 0
}
@media screen and (max-width:400px) {
@-ms-viewport {
width: device-width
}
}
.uk-grid {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none
}
.uk-grid:after,
.uk-grid:before {
content: "";
display: block;
overflow: hidden
}
.uk-grid:after {
clear: both
}
.uk-grid>* {
-ms-flex: none;
-webkit-flex: none;
flex: none;
margin: 0;
float: left
}
.uk-grid>*>:last-child {
margin-bottom: 0
}
.uk-grid {
margin-left: -25px
}
.uk-grid>* {
padding-left: 25px
}
@media (min-width:1220px) {
.uk-grid {
margin-left: -35px
}
.uk-grid>* {
padding-left: 35px
}
}
.uk-grid-collapse {
margin-left: 0
}
.uk-grid-collapse>* {
padding-left: 0
}
.uk-grid-small {
margin-left: -10px
}
.uk-grid-small>* {
padding-left: 10px
}
.uk-grid-medium {
margin-left: -25px
}
.uk-grid-medium>* {
padding-left: 25px
}
@media (min-width:960px) {
.uk-grid-large {
margin-left: -35px
}
.uk-grid-large>* {
padding-left: 35px
}
}
@media (min-width:1220px) {
.uk-grid-large {
margin-left: -50px
}
.uk-grid-large>* {
padding-left: 50px
}
}
.uk-grid-divider:not(:empty) {
margin-left: -25px;
margin-right: -25px
}
.uk-grid-divider>* {
padding-left: 25px;
padding-right: 25px
}
.uk-grid-divider>[class*=uk-width-9-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-1-]:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider>[class*=uk-width-2-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-3-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-4-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-5-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-6-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-7-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-8-]:nth-child(n+2) {
border-left: 1px solid #E5E5E5
}
@media (min-width:768px) {
.uk-grid-divider>[class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2) {
border-left: 1px solid #E5E5E5
}
}
@media (min-width:960px) {
.uk-grid-divider>[class*=uk-width-large-]:not(.uk-width-large-1-1):nth-child(n+2) {
border-left: 1px solid #E5E5E5
}
}
@media (min-width:1220px) {
.uk-grid-divider:not(: empty) {
margin-left: -35px;
margin-right: -35px
}
.uk-grid-divider>* {
padding-left: 35px;
padding-right: 35px
}
.uk-grid-divider:empty {
margin-top: 35px;
margin-bottom: 35px
}
}
.uk-grid-divider:empty {
margin-top: 25px;
margin-bottom: 25px;
border-top: 1px solid #E5E5E5
}
.uk-grid-match>* {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.uk-grid-match>*>* {
-ms-flex: none;
-webkit-flex: none;
flex: none;
box-sizing: border-box;
width: 100%
}
[class*=uk-grid-width]>* {
box-sizing: border-box;
width: 100%
}
.uk-grid-width-1-2>* {
width: 50%
}
.uk-grid-width-1-3>* {
width: 33.333%
}
.uk-grid-width-1-4>* {
width: 25%
}
.uk-grid-width-1-5>* {
width: 20%
}
.uk-grid-width-1-6>* {
width: 16.666%
}
.uk-grid-width-1-10>* {
width: 10%
}
.uk-grid-width-auto>* {
width: auto
}
@media (min-width:480px) {
.uk-grid-width-small-1-1>* {
width: 100%
}
.uk-grid-width-small-1-2>* {
width: 50%
}
.uk-grid-width-small-1-3>* {
width: 33.333%
}
.uk-grid-width-small-1-4>* {
width: 25%
}
.uk-grid-width-small-1-5>* {
width: 20%
}
.uk-grid-width-small-1-6>* {
width: 16.666%
}
.uk-grid-width-small-1-10>* {
width: 10%
}
}
@media (min-width:768px) {
.uk-grid-width-medium-1-1>* {
width: 100%
}
.uk-grid-width-medium-1-2>* {
width: 50%
}
.uk-grid-width-medium-1-3>* {
width: 33.333%
}
.uk-grid-width-medium-1-4>* {
width: 25%
}
.uk-grid-width-medium-1-5>* {
width: 20%
}
.uk-grid-width-medium-1-6>* {
width: 16.666%
}
.uk-grid-width-medium-1-10>* {
width: 10%
}
}
@media (min-width:960px) {
.uk-grid-width-large-1-1>* {
width: 100%
}
.uk-grid-width-large-1-2>* {
width: 50%
}
.uk-grid-width-large-1-3>* {
width: 33.333%
}
.uk-grid-width-large-1-4>* {
width: 25%
}
.uk-grid-width-large-1-5>* {
width: 20%
}
.uk-grid-width-large-1-6>* {
width: 16.666%
}
.uk-grid-width-large-1-10>* {
width: 10%
}
}
@media (min-width:1220px) {
.uk-grid-width-xlarge-1-1>* {
width: 100%
}
.uk-grid-width-xlarge-1-2>* {
width: 50%
}
.uk-grid-width-xlarge-1-3>* {
width: 33.333%
}
.uk-grid-width-xlarge-1-4>* {
width: 25%
}
.uk-grid-width-xlarge-1-5>* {
width: 20%
}
.uk-grid-width-xlarge-1-6>* {
width: 16.666%
}
.uk-grid-width-xlarge-1-10>* {
width: 10%
}
}
[class*=uk-width] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%
}
.uk-width-1-1 {
width: 100%
}
.uk-width-1-2,
.uk-width-2-4,
.uk-width-3-6,
.uk-width-5-10 {
width: 50%
}
.uk-width-1-3,
.uk-width-2-6 {
width: 33.333%
}
.uk-width-2-3,
.uk-width-4-6 {
width: 66.666%
}
.uk-width-1-4 {
width: 25%
}
.uk-width-3-4 {
width: 75%
}
.uk-width-1-5,
.uk-width-2-10 {
width: 20%
}
.uk-width-2-5,
.uk-width-4-10 {
width: 40%
}
.uk-width-3-5,
.uk-width-6-10 {
width: 60%
}
.uk-width-4-5,
.uk-width-8-10 {
width: 80%
}
.uk-width-1-6 {
width: 16.666%
}
.uk-width-5-6 {
width: 83.333%
}
.uk-width-1-10 {
width: 10%
}
.uk-width-3-10 {
width: 30%
}
.uk-width-7-10 {
width: 70%
}
.uk-width-9-10 {
width: 90%
}
@media (min-width:480px) {
.uk-width-small-1-1 {
width: 100%
}
.uk-width-small-1-2,
.uk-width-small-2-4,
.uk-width-small-3-6,
.uk-width-small-5-10 {
width: 50%
}
.uk-width-small-1-3,
.uk-width-small-2-6 {
width: 33.333%
}
.uk-width-small-2-3,
.uk-width-small-4-6 {
width: 66.666%
}
.uk-width-small-1-4 {
width: 25%
}
.uk-width-small-3-4 {
width: 75%
}
.uk-width-small-1-5,
.uk-width-small-2-10 {
width: 20%
}
.uk-width-small-2-5,
.uk-width-small-4-10 {
width: 40%
}
.uk-width-small-3-5,
.uk-width-small-6-10 {
width: 60%
}
.uk-width-small-4-5,
.uk-width-small-8-10 {
width: 80%
}
.uk-width-small-1-6 {
width: 16.666%
}
.uk-width-small-5-6 {
width: 83.333%
}
.uk-width-small-1-10 {
width: 10%
}
.uk-width-small-3-10 {
width: 30%
}
.uk-width-small-7-10 {
width: 70%
}
.uk-width-small-9-10 {
width: 90%
}
}
@media (min-width:768px) {
.uk-width-medium-1-1 {
width: 100%
}
.uk-width-medium-1-2,
.uk-width-medium-2-4,
.uk-width-medium-3-6,
.uk-width-medium-5-10 {
width: 50%
}
.uk-width-medium-1-3,
.uk-width-medium-2-6 {
width: 33.333%
}
.uk-width-medium-2-3,
.uk-width-medium-4-6 {
width: 66.666%
}
.uk-width-medium-1-4 {
width: 25%
}
.uk-width-medium-3-4 {
width: 75%
}
.uk-width-medium-1-5,
.uk-width-medium-2-10 {
width: 20%
}
.uk-width-medium-2-5,
.uk-width-medium-4-10 {
width: 40%
}
.uk-width-medium-3-5,
.uk-width-medium-6-10 {
width: 60%
}
.uk-width-medium-4-5,
.uk-width-medium-8-10 {
width: 80%
}
.uk-width-medium-1-6 {
width: 16.666%
}
.uk-width-medium-5-6 {
width: 83.333%
}
.uk-width-medium-1-10 {
width: 10%
}
.uk-width-medium-3-10 {
width: 30%
}
.uk-width-medium-7-10 {
width: 70%
}
.uk-width-medium-9-10 {
width: 90%
}
}
@media (min-width:960px) {
.uk-width-large-1-1 {
width: 100%
}
.uk-width-large-1-2,
.uk-width-large-2-4,
.uk-width-large-3-6,
.uk-width-large-5-10 {
width: 50%
}
.uk-width-large-1-3,
.uk-width-large-2-6 {
width: 33.333%
}
.uk-width-large-2-3,
.uk-width-large-4-6 {
width: 66.666%
}
.uk-width-large-1-4 {
width: 25%
}
.uk-width-large-3-4 {
width: 75%
}
.uk-width-large-1-5,
.uk-width-large-2-10 {
width: 20%
}
.uk-width-large-2-5,
.uk-width-large-4-10 {
width: 40%
}
.uk-width-large-3-5,
.uk-width-large-6-10 {
width: 60%
}
.uk-width-large-4-5,
.uk-width-large-8-10 {
width: 80%
}
.uk-width-large-1-6 {
width: 16.666%
}
.uk-width-large-5-6 {
width: 83.333%
}
.uk-width-large-1-10 {
width: 10%
}
.uk-width-large-3-10 {
width: 30%
}
.uk-width-large-7-10 {
width: 70%
}
.uk-width-large-9-10 {
width: 90%
}
}
@media (min-width:1220px) {
.uk-width-xlarge-1-1 {
width: 100%
}
.uk-width-xlarge-1-2,
.uk-width-xlarge-2-4,
.uk-width-xlarge-3-6,
.uk-width-xlarge-5-10 {
width: 50%
}
.uk-width-xlarge-1-3,
.uk-width-xlarge-2-6 {
width: 33.333%
}
.uk-width-xlarge-2-3,
.uk-width-xlarge-4-6 {
width: 66.666%
}
.uk-width-xlarge-1-4 {
width: 25%
}
.uk-width-xlarge-3-4 {
width: 75%
}
.uk-width-xlarge-1-5,
.uk-width-xlarge-2-10 {
width: 20%
}
.uk-width-xlarge-2-5,
.uk-width-xlarge-4-10 {
width: 40%
}
.uk-width-xlarge-3-5,
.uk-width-xlarge-6-10 {
width: 60%
}
.uk-width-xlarge-4-5,
.uk-width-xlarge-8-10 {
width: 80%
}
.uk-width-xlarge-1-6 {
width: 16.666%
}
.uk-width-xlarge-5-6 {
width: 83.333%
}
.uk-width-xlarge-1-10 {
width: 10%
}
.uk-width-xlarge-3-10 {
width: 30%
}
.uk-width-xlarge-7-10 {
width: 70%
}
.uk-width-xlarge-9-10 {
width: 90%
}
}
@media (min-width:768px) {
[class*=uk-push-],
[class*=uk-pull-] {
position: relative
}
.uk-push-1-2,
.uk-push-2-4,
.uk-push-3-6,
.uk-push-5-10 {
left: 50%
}
.uk-push-1-3,
.uk-push-2-6 {
left: 33.333%
}
.uk-push-2-3,
.uk-push-4-6 {
left: 66.666%
}
.uk-push-1-4 {
left: 25%
}
.uk-push-3-4 {
left: 75%
}
.uk-push-1-5,
.uk-push-2-10 {
left: 20%
}
.uk-push-2-5,
.uk-push-4-10 {
left: 40%
}
.uk-push-3-5,
.uk-push-6-10 {
left: 60%
}
.uk-push-4-5,
.uk-push-8-10 {
left: 80%
}
.uk-push-1-6 {
left: 16.666%
}
.uk-push-5-6 {
left: 83.333%
}
.uk-push-1-10 {
left: 10%
}
.uk-push-3-10 {
left: 30%
}
.uk-push-7-10 {
left: 70%
}
.uk-push-9-10 {
left: 90%
}
.uk-pull-1-2,
.uk-pull-2-4,
.uk-pull-3-6,
.uk-pull-5-10 {
left: -50%
}
.uk-pull-1-3,
.uk-pull-2-6 {
left: -33.333%
}
.uk-pull-2-3,
.uk-pull-4-6 {
left: -66.666%
}
.uk-pull-1-4 {
left: -25%
}
.uk-pull-3-4 {
left: -75%
}
.uk-pull-1-5,
.uk-pull-2-10 {
left: -20%
}
.uk-pull-2-5,
.uk-pull-4-10 {
left: -40%
}
.uk-pull-3-5,
.uk-pull-6-10 {
left: -60%
}
.uk-pull-4-5,
.uk-pull-8-10 {
left: -80%
}
.uk-pull-1-6 {
left: -16.666%
}
.uk-pull-5-6 {
left: -83.333%
}
.uk-pull-1-10 {
left: -10%
}
.uk-pull-3-10 {
left: -30%
}
.uk-pull-7-10 {
left: -70%
}
.uk-pull-9-10 {
left: -90%
}
}
.uk-panel {
display: block;
position: relative;
}
.uk-panel,
.uk-panel:hover {
text-decoration: none
}
.uk-panel:after,
.uk-panel:before {
content: "";
display: table
}
.uk-panel:after {
clear: both
}
.uk-panel>:not(.uk-panel-title):last-child {
margin-bottom: 0
}
.uk-panel-title {
margin-top: 0;
font-size: 18px;
line-height: 24px;
font-weight: 400;
text-transform: none;
color: #666
}
.uk-panel-badge {
position: absolute;
top: 0;
right: 0;
z-index: 1
}
.uk-panel-teaser {
margin-bottom: 15px
}
.uk-panel-box {
padding: 15px;
background: #fafafa;
color: #666;
border: 1px solid #E5E5E5;
border-radius: 4px
}
.uk-panel-box-hover:hover {
color: #666
}
.uk-panel-box .uk-panel-title {
color: #666
}
.uk-panel-box .uk-panel-badge {
top: 10px;
right: 10px
}
.uk-panel-box>.uk-panel-teaser {
margin-top: -16px;
margin-left: -16px;
margin-right: -16px
}
.uk-panel-box>.uk-nav-side {
margin: 0 -15px
}
.uk-panel-box-primary {
background-color: #ebf7fd;
color: #2d7091;
border-color: rgba(45, 112, 145, .3)
}
.uk-panel-box-primary-hover:hover {
color: #2d7091
}
.uk-panel-box-primary .uk-panel-title {
color: #2d7091
}
.uk-panel-box-secondary {
background-color: #fff;
color: #444
}
.uk-panel-box-secondary-hover:hover {
color: #444
}
.uk-panel-box-secondary .uk-panel-title {
color: #444
}
.uk-panel-hover {
padding: 15px;
color: #666;
border: 1px solid transparent;
border-radius: 4px
}
.uk-panel-hover:hover {
background: #fafafa;
color: #666;
border-color: #E5E5E5
}
.uk-panel-hover .uk-panel-badge {
top: 10px;
right: 10px
}
.uk-panel-hover>.uk-panel-teaser {
margin-top: -16px;
margin-left: -16px;
margin-right: -16px
}
.uk-panel-header .uk-panel-title {
padding-bottom: 10px;
border-bottom: 1px solid #E5E5E5;
color: #666
}
.uk-panel-space {
padding: 30px
}
.uk-panel-space .uk-panel-badge {
top: 30px;
right: 30px
}
.uk-panel+.uk-panel-divider {
margin-top: 50px!important
}
.uk-panel+.uk-panel-divider:before {
content: "";
display: block;
position: absolute;
top: -25px;
left: 0;
right: 0;
border-top: 1px solid #E5E5E5
}
@media (min-width:1220px) {
.uk-panel+.uk-panel-divider {
margin-top: 70px!important
}
.uk-panel+.uk-panel-divider:before {
top: -35px
}
}
.uk-panel-box .uk-panel-teaser {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
overflow: hidden;
-webkit-transform: translateZ(0)
}
.uk-block {
position: relative;
box-sizing: border-box;
padding-top: 20px;
padding-bottom: 20px
}
@media (min-width:768px) {
.uk-block {
padding-top: 50px;
padding-bottom: 50px
}
}
.uk-block:after,
.uk-block:before {
content: "";
display: table
}
.uk-block:after {
clear: both
}
.uk-block>:last-child {
margin-bottom: 0
}
.uk-block-large {
padding-top: 20px;
padding-bottom: 20px
}
@media (min-width:768px) {
.uk-block-large {
padding-top: 50px;
padding-bottom: 50px
}
}
@media (min-width:960px) {
.uk-block-large {
padding-top: 100px;
padding-bottom: 100px
}
}
.uk-block-default {
background: #fff
}
.uk-block-muted {
background: #f9f9f9
}
.uk-block-primary {
background: #00a8e6
}
.uk-block-secondary {
background: #222
}
.uk-block-default+.uk-block-default,
.uk-block-muted+.uk-block-muted,
.uk-block-primary+.uk-block-primary,
.uk-block-secondary+.uk-block-secondary {
padding-top: 0
}
.uk-article:after,
.uk-article:before {
content: "";
display: table
}
.uk-article:after {
clear: both
}
.uk-article>:last-child {
margin-bottom: 0
}
.uk-article-title {
font-size: 20px;
line-height: 24px;
font-weight: 300;
text-transform: none
}
.uk-article-title a {
color: inherit;
text-decoration: none
}
.uk-article-meta {
font-size: 12px;
line-height: 18px;
color: #999
}
.uk-article-lead {
color: #222;
font-size: 18px;
line-height: 24px;
font-weight: 400
}
.uk-article-divider {
margin-bottom: 25px;
border-color: #E5E5E5
}
*+.uk-article-divider {
margin-top: 25px
}
.uk-article+.uk-article {
padding-top: 50px;
border-top: 1px solid #E5E5E5
}
.uk-comment-header {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #E5E5E5;
border-radius: 4px;
background: #fafafa
}
.uk-comment-header:after,
.uk-comment-header:before {
content: "";
display: table
}
.uk-comment-header:after {
clear: both
}
.uk-comment-avatar {
margin-right: 15px;
float: left
}
.uk-comment-title {
margin: 5px 0 0 0;
font-size: 16px;
line-height: 22px
}
.uk-comment-meta {
margin: 2px 0 0 0;
font-size: 11px;
line-height: 16px;
color: #999
}
.uk-comment-body {
padding-left: 10px;
padding-right: 10px
}
.uk-comment-body>:last-child {
margin-bottom: 0
}
.uk-comment-list {
padding: 0;
list-style: none
}
.uk-comment-list .uk-comment+ul {
margin: 25px 0 0 0;
list-style: none
}
.uk-comment-list .uk-comment+ul>li:nth-child(n+2),
.uk-comment-list>li:nth-child(n+2) {
margin-top: 25px
}
@media (min-width:768px) {
.uk-comment-list .uk-comment+ul {
padding-left: 100px
}
}
.uk-comment-primary .uk-comment-header {
border-color: rgba(45, 112, 145, .3);
background-color: #ebf7fd;
color: #2d7091;
text-shadow: 0 1px 0 #fff
}
.uk-cover-background {
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat
}
.uk-cover {
overflow: hidden
}
.uk-cover-object {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: none;
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
[data-uk-cover] {
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.uk-nav,
.uk-nav ul {
margin: 0;
padding: 0;
list-style: none
}
.uk-nav li>a {
display: block;
text-decoration: none
}
.uk-nav>li>a {
padding: 5px 15px
}
.uk-nav ul a {
padding: 5px 10px
}
.uk-nav li>a>div {
font-size: 12px;
line-height: 18px
}
.uk-nav-header {
padding: 3px 15px;
text-transform: uppercase;
font-weight: 700;
font-size: 12px
}
.uk-nav-header:not(:first-child) {
margin-top: 15px
}
.uk-nav-divider {
margin: 7px 15px
}
ul.uk-nav-sub {
padding: 5px 0 5px 15px
}
.uk-nav-parent-icon>.uk-parent>a:after {
content: "\f104";
width: 20px;
margin-right: -10px;
float: right;
font-family: FontAwesome;
text-align: center
}
.uk-nav-parent-icon>.uk-parent.uk-open>a:after {
content: "\f107"
}
.uk-nav-side>li>a {
color: #666
}
.uk-nav-side>li>a:focus,
.uk-nav-side>li>a:hover {
background: rgba(0, 0, 0, .03);
color: #666;
outline: 0;
box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
text-shadow: 0 -1px 0 #fff
}
.uk-nav-side>li.uk-active>a {
background: #009dd8;
color: #fff;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-nav-side .uk-nav-header {
color: #666
}
.uk-nav-side .uk-nav-divider {
border-top: 1px solid #E5E5E5;
box-shadow: 0 1px 0 #fff
}
.uk-nav-side ul a {
color: #00adbb
}
.uk-nav-side ul a:hover {
color: #0B5F90
}
.uk-nav-dropdown>li>a {
color: #666
}
.uk-nav-dropdown>li>a:focus,
.uk-nav-dropdown>li>a:hover {
background: #009dd8;
color: #fff;
outline: 0;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-nav-dropdown .uk-nav-header {
color: #999
}
.uk-nav-dropdown .uk-nav-divider {
border-top: 1px solid #E5E5E5
}
.uk-nav-dropdown ul a {
color: #00adbb
}
.uk-nav-dropdown ul a:hover {
color: #0B5F90
}
.uk-nav-navbar>li>a {
color: #666
}
.uk-nav-navbar .uk-nav-header {
color: #999
}
.uk-nav-navbar .uk-nav-divider {
border-top: 1px solid #E5E5E5
}
.uk-nav-navbar ul a {
color: #00adbb
}
.uk-nav-navbar ul a:hover {
color: #0B5F90
}
.uk-nav-offcanvas>li>a {
color: #ccc;
padding: 10px 15px;
border-top: 1px solid rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}
.uk-nav-offcanvas>.uk-open>a,
html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus,
html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover {
background: #404040;
color: #fff;
outline: 0
}
html .uk-nav.uk-nav-offcanvas>li.uk-active>a {
background: #1a1a1a;
color: #fff;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}
.uk-nav-offcanvas .uk-nav-header {
color: #777;
margin-top: 0;
border-top: 1px solid rgba(0, 0, 0, .3);
background: #404040;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}
.uk-nav-offcanvas .uk-nav-divider {
border-top: 1px solid rgba(255, 255, 255, .01);
margin: 0;
height: 4px;
background: rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}
.uk-nav-offcanvas ul a {
color: #ccc
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
color: #fff
}
.uk-nav-offcanvas {
border-bottom: 1px solid rgba(0, 0, 0, .3);
box-shadow: 0 1px 0 rgba(255, 255, 255, .05)
}
.uk-nav-offcanvas .uk-nav-sub {
border-top: 1px solid rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05)
}
.uk-navbar {
background: #f7f7f7;
color: #666;
border: 1px solid rgba(0, 0, 0, .1);
border-bottom-color: rgba(0, 0, 0, .3);
border-radius: 4px;
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(to bottom, #fff, #eee)
}
.uk-navbar:after,
.uk-navbar:before {
content: "";
display: table
}
.uk-navbar:after {
clear: both
}
.uk-navbar-nav {
margin: 0;
padding: 0;
list-style: none;
}
.uk-navbar-nav>li {
float: left;
position: relative
}
.uk-navbar-nav>li>a {
display: block;
box-sizing: border-box;
text-decoration: none;
padding: 10px 15px;
line-height: 20px;
color: #666;
font-size: 14px;
font-family: inherit;
font-weight: 400;
border: none;
}
.uk-navbar-nav>li>a[href='#'] {
cursor: text
}
.uk-navbar-nav>li.uk-open>a,
.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li>a:focus {
background-color: transparent;
color: #666;
outline: 0;
position: relative;
z-index: 1;
}
.uk-navbar-nav>li.uk-active>a {
background-color: #fafafa;
color: #666;
}
.uk-navbar-nav .uk-navbar-nav-subtitle {
line-height: 28px
}
.uk-navbar-nav-subtitle>div {
margin-top: -6px;
font-size: 10px;
line-height: 12px
}
.uk-navbar-brand,
.uk-navbar-content,
.uk-navbar-toggle {
box-sizing: border-box;
display: block;
padding: 0 15px;
margin-top: -1px;
}
.uk-navbar-brand:before,
.uk-navbar-content:before,
.uk-navbar-toggle:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.uk-navbar-content+.uk-navbar-content:not(.uk-navbar-center) {
padding-left: 0
}
.uk-navbar-content>a:not([class]) {
color: #00adbb
}
.uk-navbar-content>a:not([class]):hover {
color: #0B5F90
}
.uk-navbar-brand {
font-size: 18px;
color: #666;
text-decoration: none
}
.uk-navbar-brand:focus,
.uk-navbar-brand:hover {
color: #666;
text-decoration: none;
outline: 0
}
.uk-navbar-toggle {
font-size: 18px;
color: #666;
text-decoration: none
}
.uk-navbar-toggle:focus,
.uk-navbar-toggle:hover {
color: #666;
text-decoration: none;
outline: 0
}
.uk-navbar-toggle:after {
content: "\f0c9";
font-family: FontAwesome;
vertical-align: middle
}
.uk-navbar-toggle-alt:after {
content: "\f002"
}
.uk-navbar-center {
float: none;
text-align: center;
max-width: 50%;
margin-left: auto;
margin-right: auto
}
.uk-navbar-flip {
float: right
}
.uk-navbar-flip .uk-navbar-nav>li>a {
margin-left: 0;
margin-right: -1px
}
.uk-navbar-flip .uk-navbar-nav:first-child>li:first-child>a {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.uk-navbar-flip .uk-navbar-nav:last-child>li:last-child>a {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.uk-navbar-attached {
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
border-radius: 0
}
.uk-navbar-attached .uk-navbar-nav>li>a {
border-radius: 0!important
}
.uk-subnav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-top: -10px;
padding: 0;
list-style: none
}
.uk-subnav>* {
-ms-flex: none;
-webkit-flex: none;
flex: none;
padding-left: 10px;
margin-top: 10px;
position: relative
}
.uk-subnav:after,
.uk-subnav:before {
content: "";
display: block;
overflow: hidden
}
.uk-subnav:after {
clear: both
}
.uk-subnav>* {
float: left
}
.uk-subnav>*>* {
display: inline-block;
color: #666
}
.uk-subnav>*>:focus,
.uk-subnav>*>:hover {
color: #00adbb;
text-decoration: none
}
.uk-subnav>.uk-active>* {
color: #00adbb
}
.uk-subnav-line>:before {
content: "";
display: inline-block;
height: 10px;
vertical-align: middle
}
.uk-subnav-line>:nth-child(n+2):before {
margin-right: 10px;
border-left: 1px solid #E5E5E5
}
.uk-subnav-pill>*>* {
padding: 3px 9px;
border-radius: 4px
}
.uk-subnav-pill>*>:focus,
.uk-subnav-pill>*>:hover {
background: #fafafa;
color: #666;
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1)
}
.uk-subnav-pill>.uk-active>* {
background: #009dd8;
color: #fff;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}
.uk-subnav>.uk-disabled>* {
background: 0 0;
color: #999;
text-decoration: none;
cursor: text;
box-shadow: none
}
.uk-breadcrumb {
padding: 0;
list-style: none;
font-size: 0 line-height: 0;
}
.uk-breadcrumb:before {
content: "";
display: table-cell
}
.uk-breadcrumb:after {
content: "";
display: table;
clear: both
}
.uk-breadcrumb>li {
display: block;
position: relative;
float: left;
}
.uk-breadcrumb>li+li {
margin-left: 15px;
padding-left: 15px;
}
.uk-breadcrumb>li>a,
.uk-breadcrumb>li>span {
display: block
}
.uk-breadcrumb>li:not(.uk-active)>span {
color: #999
}
.uk-pagination {
padding: 0;
list-style: none;
text-align: center;
font-size: 0
}
.uk-pagination:after,
.uk-pagination:before {
content: "";
display: table
}
.uk-pagination:after {
clear: both
}
.uk-pagination>li {
display: inline-block;
font-size: 1rem;
vertical-align: top
}
.uk-pagination>li:nth-child(n+2) {
margin-left: 5px
}
.uk-pagination>li>a,
.uk-pagination>li>span {
display: inline-block;
min-width: 16px;
padding: 3px 5px;
line-height: 20px;
text-decoration: none;
box-sizing: content-box;
text-align: center;
border-radius: 4px
}
.uk-pagination>li>a {
background: #f7f7f7;
color: #666;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .3);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(to bottom, #fff, #eee);
}
.uk-pagination>li>a:focus,
.uk-pagination>li>a:hover {
background-color: #fafafa;
color: #666;
outline: 0;
background-image: none
}
.uk-pagination>li>a:active {
background-color: #f5f5f5;
color: #666;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .3);
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-pagination>.uk-active>span {
background: #009dd8;
color: #fff;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-pagination>.uk-disabled>span {
background-color: #fafafa;
color: #999;
border: 1px solid rgba(0, 0, 0, .2);
text-shadow: 0 1px 0 #fff
}
.uk-pagination-previous {
float: left
}
.uk-pagination-next {
float: right
}
.uk-pagination-left {
text-align: left
}
.uk-pagination-right {
text-align: right
}
.uk-tab {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #E5E5E5
}
.uk-tab:after,
.uk-tab:before {
content: "";
display: table
}
.uk-tab:after {
clear: both
}
.uk-tab>li {
margin-bottom: -1px;
float: left;
position: relative
}
.uk-tab>li>a {
display: block;
padding: 8px 12px 8px 12px;
border: 1px solid transparent;
border-bottom-width: 0;
color: #00adbb;
text-decoration: none;
border-radius: 4px 4px 0 0;
text-shadow: 0 1px 0 #fff
}
.uk-tab>li:nth-child(n+2)>a {
margin-left: 5px
}
.uk-tab>li.uk-open>a,
.uk-tab>li>a:focus,
.uk-tab>li>a:hover {
border-color: #E5E5E5;
background: #fafafa;
color: #0B5F90;
outline: 0
}
.uk-tab>li.uk-open:not(.uk-active)>a,
.uk-tab>li:not(.uk-active)>a:focus,
.uk-tab>li:not(.uk-active)>a:hover {
margin-bottom: 1px;
padding-bottom: 7px
}
.uk-tab>li.uk-active>a {
border-color: #E5E5E5;
border-bottom-color: transparent;
background: #fff;
color: #666
}
.uk-tab>li.uk-disabled>a {
color: #999;
cursor: text
}
.uk-tab>li.uk-disabled.uk-active>a,
.uk-tab>li.uk-disabled>a:focus,
.uk-tab>li.uk-disabled>a:hover {
background: 0 0;
border-color: transparent
}
.uk-tab-flip>li {
float: right
}
.uk-tab-flip>li:nth-child(n+2)>a {
margin-left: 0;
margin-right: 5px
}
.uk-tab>li.uk-tab-responsive>a {
margin-left: 0;
margin-right: 0
}
.uk-tab-responsive>a:before {
content: "\f0c9\00a0";
font-family: FontAwesome
}
.uk-tab-center {
border-bottom: 1px solid #E5E5E5
}
.uk-tab-center-bottom {
border-bottom: none;
border-top: 1px solid #E5E5E5
}
.uk-tab-center:after,
.uk-tab-center:before {
content: "";
display: table
}
.uk-tab-center:after {
clear: both
}
.uk-tab-center .uk-tab {
position: relative;
right: 50%;
border: none;
float: right
}
.uk-tab-center .uk-tab>li {
position: relative;
right: -50%
}
.uk-tab-center .uk-tab>li>a {
text-align: center
}
.uk-tab-bottom {
border-top: 1px solid #E5E5E5;
border-bottom: none
}
.uk-tab-bottom>li {
margin-top: -1px;
margin-bottom: 0
}
.uk-tab-bottom>li>a {
padding-top: 8px;
padding-bottom: 8px;
border-bottom-width: 1px;
border-top-width: 0
}
.uk-tab-bottom>li.uk-open:not(.uk-active)>a,
.uk-tab-bottom>li:not(.uk-active)>a:focus,
.uk-tab-bottom>li:not(.uk-active)>a:hover {
margin-bottom: 0;
margin-top: 1px;
padding-bottom: 8px;
padding-top: 7px
}
.uk-tab-bottom>li.uk-active>a {
border-top-color: transparent;
border-bottom-color: #E5E5E5
}
.uk-tab-grid {
margin-left: -5px;
border-bottom: none;
position: relative;
z-index: 0
}
.uk-tab-grid:before {
display: block;
position: absolute;
left: 5px;
right: 0;
bottom: -1px;
border-top: 1px solid #E5E5E5;
z-index: -1
}
.uk-tab-grid>li:first-child>a {
margin-left: 5px
}
.uk-tab-grid>li>a {
text-align: center
}
.uk-tab-grid.uk-tab-bottom {
border-top: none
}
.uk-tab-grid.uk-tab-bottom:before {
top: -1px;
bottom: auto
}
@media (min-width:768px) {
.uk-tab-left,
.uk-tab-right {
border-bottom: none
}
.uk-tab-left>li,
.uk-tab-right>li {
margin-bottom: 0;
float: none
}
.uk-tab-left>li>a,
.uk-tab-right>li>a {
padding-top: 8px;
padding-bottom: 8px
}
.uk-tab-left>li:nth-child(n+2)>a,
.uk-tab-right>li:nth-child(n+2)>a {
margin-left: 0;
margin-top: 5px
}
.uk-tab-left>li.uk-active>a,
.uk-tab-right>li.uk-active>a {
border-color: #E5E5E5
}
.uk-tab-left {
border-right: 1px solid #E5E5E5
}
.uk-tab-left>li {
margin-right: -1px
}
.uk-tab-left>li>a {
border-bottom-width: 1px;
border-right-width: 0
}
.uk-tab-left>li:not(.uk-active)>a:focus,
.uk-tab-left>li:not(.uk-active)>a:hover {
margin-bottom: 0;
margin-right: 1px;
padding-bottom: 8px;
padding-right: 11px
}
.uk-tab-left>li.uk-active>a {
border-right-color: transparent
}
.uk-tab-right {
border-left: 1px solid #E5E5E5
}
.uk-tab-right>li {
margin-left: -1px
}
.uk-tab-right>li>a {
border-bottom-width: 1px;
border-left-width: 0
}
.uk-tab-right>li:not(.uk-active)>a:focus,
.uk-tab-right>li:not(.uk-active)>a:hover {
margin-bottom: 0;
margin-left: 1px;
padding-bottom: 8px;
padding-left: 11px
}
.uk-tab-right>li.uk-active>a {
border-left-color: transparent
}
}
.uk-tab-bottom>li>a {
border-radius: 0 0 4px 4px
}
@media (min-width:768px) {
.uk-tab-left>li>a {
border-radius: 4px 0 0 4px
}
.uk-tab-right>li>a {
border-radius: 0 4px 4px 0
}
}
.uk-thumbnav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-top: -10px;
padding: 0;
list-style: none
}
.uk-thumbnav>* {
-ms-flex: none;
-webkit-flex: none;
flex: none;
padding-left: 10px;
margin-top: 10px
}
.uk-thumbnav:after,
.uk-thumbnav:before {
content: "";
display: block;
overflow: hidden
}
.uk-thumbnav:after {
clear: both
}
.uk-thumbnav>* {
float: left
}
.uk-thumbnav>*>* {
display: block;
background: #fff
}
.uk-thumbnav>*>*>img {
opacity: .7;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear
}
.uk-thumbnav>*>:focus>img,
.uk-thumbnav>*>:hover>img {
opacity: 1
}
.uk-thumbnav>.uk-active>*>img {
opacity: 1
}
.uk-list {
padding: 0;
list-style: none
}
.uk-list>li:after,
.uk-list>li:before {
content: "";
display: table
}
.uk-list>li:after {
clear: both
}
.uk-list>li>:last-child {
margin-bottom: 0
}
.uk-list ul {
margin: 0;
padding: 0px;
list-style: none
}
.uk-list-line>li:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #E5E5E5
}
.uk-list-striped>li {
padding: 5px 5px;
border-bottom: 1px solid #E5E5E5
}
.uk-list-striped>li:nth-of-type(odd) {
background: #fafafa
}
.uk-list-space>li:nth-child(n+2) {
margin-top: 10px
}
.uk-list-striped>li:first-child {
border-top: 1px solid #E5E5E5
}
@media (min-width:768px) {
.uk-description-list-horizontal {
overflow: hidden
}
.uk-description-list-horizontal>dt {
width: 160px;
float: left;
clear: both;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.uk-description-list-horizontal>dd {
margin-left: 180px
}
}
.uk-description-list-line>dt {
font-weight: 400
}
.uk-description-list-line>dt:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #E5E5E5
}
.uk-description-list-line>dd {
color: #999
}
.uk-table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 15px
}
*+.uk-table {
margin-top: 15px
}
.uk-table td,
.uk-table th {
padding: 8px 8px;
border-bottom: 1px solid #E5E5E5
}
.uk-table th {
text-align: left
}
.uk-table td {
vertical-align: top
}
.uk-table thead th {
vertical-align: bottom
}
.uk-table caption,
.uk-table tfoot {
font-size: 12px;
font-style: italic
}
.uk-table caption {
text-align: left;
color: #999
}
.uk-table tbody tr.uk-active {
background: #f0f0f0
}
.uk-table-middle,
.uk-table-middle td {
vertical-align: middle!important
}
.uk-table-striped tbody tr:nth-of-type(odd) {
background: #fafafa
}
.uk-table-condensed td {
padding: 4px 8px
}
.uk-table-hover tbody tr:hover {
background: #f0f0f0
}
.uk-form input,
.uk-form select,
.uk-form textarea {
box-sizing: border-box;
margin: 0;
border-radius: 0;
font: inherit;
color: inherit
}
.uk-form select {
text-transform: none
}
.uk-form optgroup {
font: inherit;
font-weight: 700
}
.uk-form input::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-form input[type=checkbox],
.uk-form input[type=radio] {
padding: 0;
margin: 0;
vertical-align: middle;
}
.uk-form input[type=checkbox]:not(:disabled),
.uk-form input[type=radio]:not(:disabled) {
cursor: pointer;
vertical-align: middle;
}
.uk-form input:not([type]),
.uk-form input[type=text],
.uk-form input[type=password],
.uk-form input[type=email],
.uk-form input[type=url],
.uk-form input[type=search],
.uk-form input[type=tel],
.uk-form input[type=number],
.uk-form input[type=datetime],
.uk-form textarea {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
}
.uk-form input[type=search]::-webkit-search-cancel-button,
.uk-form input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
}
.uk-form input[type=number]::-webkit-inner-spin-button,
.uk-form input[type=number]::-webkit-outer-spin-button {
height: auto
}
.uk-form fieldset {
border: none;
margin: 0;
padding: 0
}
.uk-form textarea {
overflow: auto;
vertical-align: top
}
.uk-form::-moz-placeholder {
opacity: 1
}
.uk-form:invalid {
box-shadow: none
}
.uk-form input:not([type=radio]):not([type=checkbox]),
.uk-form select {
vertical-align: middle
}
.uk-form>:last-child {
margin-bottom: 0
}
.uk-form input:not([type]),
.uk-form input[type=text],
.uk-form input[type=password],
.uk-form input[type=email],
.uk-form input[type=url],
.uk-form input[type=search],
.uk-form input[type=tel],
.uk-form input[type=number],
.uk-form input[type=datetime],
.uk-form input[type=datetime-local],
.uk-form input[type=date],
.uk-form input[type=month],
.uk-form input[type=time],
.uk-form input[type=week],
.uk-form input[type=color],
.uk-form select,
.uk-form textarea {
height: 32px;
padding: 0px 10px;
line-height: 32px;
max-width: 100%;
border: 1px solid #d5d5d5;
background: #fff;
color: #333;
outline: none;
font-size: 14px;
line-height: 20px;
-webkit-transition: all .2s linear;
-webkit-transition-property: border, background, color, box-shadow, padding;
transition: all .2s linear;
transition-property: border, background, color, box-shadow, padding;
}
.uk-form input:not([type]):disabled,
.uk-form input[type=text]:disabled,
.uk-form input[type=password]:disabled,
.uk-form input[type=email]:disabled,
.uk-form input[type=url]:disabled,
.uk-form input[type=search]:disabled,
.uk-form input[type=tel]:disabled,
.uk-form input[type=number]:disabled,
.uk-form input[type=datetime]:disabled,
.uk-form input[type=datetime-local]:disabled,
.uk-form input[type=date]:disabled,
.uk-form input[type=month]:disabled,
.uk-form input[type=time]:disabled,
.uk-form input[type=week]:disabled,
.uk-form input[type=color]:disabled,
.uk-form select:disabled,
.uk-form textarea:disabled {
border-color: #E5E5E5;
background-color: #fafafa;
color: #999
}
.uk-form:-ms-input-placeholder {
color: #999!important
}
.uk-form::-moz-placeholder {
color: #999
}
.uk-form::-webkit-input-placeholder {
color: #999
}
.uk-form:disabled:-ms-input-placeholder {
color: #999!important
}
.uk-form:disabled::-moz-placeholder {
color: #999
}
.uk-form:disabled::-webkit-input-placeholder {
color: #999
}
.uk-form legend {
width: 100%;
border: 0;
padding: 0;
padding-bottom: 15px;
font-size: 18px;
line-height: 30px
}
.uk-form legend:after {
content: "";
display: block;
border-bottom: 1px solid #E5E5E5;
width: 100%
}
input:not([type]).uk-form-small,
input[type].uk-form-small,
select.uk-form-small,
textarea.uk-form-small {
height: 25px;
padding: 3px 3px;
font-size: 12px
}
input:not([type]).uk-form-large,
input[type].uk-form-large,
select.uk-form-large,
textarea.uk-form-large {
height: 40px;
padding: 8px 6px;
font-size: 16px
}
.uk-form select[multiple],
.uk-form select[size],
.uk-form textarea {
height: auto
}
.uk-form-danger {
border-color: #dc8d99!important;
background: #fff7f8!important;
color: #d85030!important
}
.uk-form-success {
border-color: #8ec73b!important;
background: #fafff2!important;
color: #659f13!important
}
.uk-form-blank {
border-color: transparent!important;
border-style: dashed!important;
background: 0 0!important
}
.uk-form-blank:focus {
border-color: #E5E5E5!important
}
input.uk-form-width-mini {
width: 40px
}
select.uk-form-width-mini {
width: 65px
}
.uk-form-width-small {
width: 130px
}
.uk-form-width-medium {
width: 200px
}
.uk-form-width-large {
width: 500px
}
.uk-form-row:after,
.uk-form-row:before {
content: "";
display: table
}
.uk-form-row:after {
clear: both
}
.uk-form-row+.uk-form-row {
margin-top: 15px
}
.uk-form-help-inline {
display: inline-block;
margin: 0 0 0 10px
}
.uk-form-help-block {
margin: 5px 0 0 0
}
.uk-form-controls>:first-child {
margin-top: 0
}
.uk-form-controls>:last-child {
margin-bottom: 0
}
.uk-form-controls-condensed {
margin: 5px 0
}
.uk-form-stacked .uk-form-label {
display: block;
margin-bottom: 5px;
font-weight: 700
}
@media (max-width:959px) {
.uk-form-horizontal .uk-form-label {
display: block;
margin-bottom: 5px;
font-weight: 700
}
}
@media (min-width:960px) {
.uk-form-horizontal .uk-form-label {
width: 200px;
margin-top: 5px;
float: left
}
.uk-form-horizontal .uk-form-controls {
margin-left: 215px
}
.uk-form-horizontal .uk-form-controls-text {
padding-top: 5px
}
}
.uk-form-icon {
display: inline-block;
position: relative;
max-width: 100%
}
.uk-form-icon>[class*=uk-icon-] {
position: absolute;
top: 50%;
width: 30px;
margin-top: -7px;
font-size: 14px;
color: #999;
text-align: center;
pointer-events: none
}
.uk-form-icon:not(.uk-form-icon-flip)>input {
padding-left: 30px!important
}
.uk-form-icon-flip>[class*=uk-icon-] {
right: 0
}
.uk-form-icon-flip>input {
padding-right: 30px!important
}
.uk-button::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-button {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
margin: 0;
border: none;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
display: inline-block;
padding: 5px 15px;
background: #d5d5d5;
vertical-align: middle;
line-height: 20px;
font-size: 14px;
text-decoration: none;
text-align: center;
-webkit-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
outline: none;
}
.uk-button:not(:disabled) {
cursor: pointer
}
.uk-button.uk-active,
.uk-button:active {
background-color: inherit;
color: inherit;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .3);
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-button-primary {
background-color: #009dd8;
color: #fff;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
border-color: rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-button-primary:focus,
.uk-button-primary:hover {
background-color: #00aff2;
color: #fff;
background-image: none
}
.uk-button-primary.uk-active,
.uk-button-primary:active {
background-color: #008abf;
color: #fff;
background-image: none;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}
.uk-button-success {
background-color: #82bb42;
color: #fff;
background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
background-image: linear-gradient(to bottom, #9fd256, #6fac34);
border-color: rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-button-success:focus,
.uk-button-success:hover {
background-color: #8fce48;
color: #fff;
background-image: none
}
.uk-button-success.uk-active,
.uk-button-success:active {
background-color: #76b430;
color: #fff;
background-image: none;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}
.uk-button-danger {
background-color: #d32c46;
color: #fff;
background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
background-image: linear-gradient(to bottom, #ee465a, #c11a39);
border-color: rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-button-danger:focus,
.uk-button-danger:hover {
background-color: #e33551;
color: #fff;
background-image: none
}
.uk-button-danger.uk-active,
.uk-button-danger:active {
background-color: #c91c37;
color: #fff;
background-image: none;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}
.uk-button:disabled {
background-color: #fafafa;
color: #999;
border-color: rgba(0, 0, 0, .2);
background-image: none;
box-shadow: none;
text-shadow: 0 1px 0 #fff
}
.uk-button-link,
.uk-button-link.uk-active,
.uk-button-link:active,
.uk-button-link:disabled,
.uk-button-link:focus,
.uk-button-link:hover {
border-color: transparent;
background: 0 0;
box-shadow: none;
text-shadow: none
}
.uk-button-link {
color: #00adbb
}
.uk-button-link.uk-active,
.uk-button-link:active,
.uk-button-link:focus,
.uk-button-link:hover {
color: #0B5F90;
text-decoration: underline
}
.uk-button-link:disabled {
color: #999
}
.uk-button-link:focus {
outline: 1px dotted
}
.uk-button-mini {
min-height: 20px;
padding: 0 6px;
line-height: 18px;
font-size: 11px
}
.uk-button-small {
min-height: 25px;
padding: 0 10px;
line-height: 23px;
font-size: 12px
}
.uk-button-large {
min-height: 40px;
padding: 0 15px;
line-height: 38px;
font-size: 16px;
border-radius: 5px
}
.uk-button-group {
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 0;
white-space: nowrap
}
.uk-button-group>* {
display: inline-block
}
.uk-button-group .uk-button {
vertical-align: top
}
.uk-button-dropdown {
display: inline-block;
vertical-align: middle;
position: relative
}
.uk-button-group>.uk-button:not(:first-child):not(:last-child),
.uk-button-group>div:not(:first-child):not(:last-child) .uk-button {
border-radius: 0
}
.uk-button-group>.uk-button:first-child,
.uk-button-group>div:first-child .uk-button {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.uk-button-group>.uk-button:last-child,
.uk-button-group>div:last-child .uk-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.uk-button-group>.uk-button:nth-child(n+2),
.uk-button-group>div:nth-child(n+2) .uk-button {
margin-left: -1px
}
.uk-button-group .uk-button.uk-active,
.uk-button-group .uk-button:active,
.uk-button-group .uk-button:hover {
position: relative
}
.uk-close::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-close {
-webkit-appearance: none;
margin: 0;
border: none;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
padding: 0;
background: 0 0;
display: inline-block;
box-sizing: content-box;
width: 20px;
line-height: 20px;
text-align: center;
vertical-align: middle;
}
.uk-close:after {
display: block;
content: "\f00d";
font-family: FontAwesome
}
.uk-close:focus,
.uk-close:hover {
opacity: .5;
outline: 0;
color: inherit;
text-decoration: none;
cursor: pointer
}
.uk-close-alt {
padding: 2px;
border-radius: 50%;
background: #fff;
opacity: 1;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 0 6px rgba(0, 0, 0, .3)
}
.uk-close-alt:focus,
.uk-close-alt:hover {
opacity: 1
}
.uk-close-alt:after {
opacity: .5
}
.uk-close-alt:focus:after,
.uk-close-alt:hover:after {
opacity: .8
}
.uk-badge {
display: inline-block;
padding: 0 5px;
background: #009dd8;
font-size: 10px;
font-weight: 700;
line-height: 14px;
color: #fff;
text-align: center;
vertical-align: middle;
text-transform: none;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .3);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
border-radius: 2px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
a.uk-badge:hover {
color: #fff
}
.uk-badge-notification {
box-sizing: border-box;
min-width: 18px;
border-radius: 500px;
font-size: 12px;
line-height: 18px
}
.uk-badge-success {
background-color: #82bb42;
background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
background-image: linear-gradient(to bottom, #9fd256, #6fac34)
}
.uk-badge-warning {
background-color: #f9a124;
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406)
}
.uk-badge-danger {
background-color: #d32c46;
background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
background-image: linear-gradient(to bottom, #ee465a, #c11a39)
}
.uk-alert {
margin-bottom: 15px;
padding: 10px;
background: #ebf7fd;
color: #2d7091;
border: 1px solid rgba(45, 112, 145, .3);
border-radius: 4px;
text-shadow: 0 1px 0 #fff
}
*+.uk-alert {
margin-top: 15px
}
.uk-alert>:last-child {
margin-bottom: 0
}
.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
color: inherit
}
.uk-alert>.uk-close:first-child {
float: right
}
.uk-alert>.uk-close:first-child+* {
margin-top: 0
}
.uk-alert-success {
background: #f2fae3;
color: #659f13;
border-color: rgba(101, 159, 19, .3)
}
.uk-alert-warning {
background: #fffceb;
color: #e28327;
border-color: rgba(226, 131, 39, .3)
}
.uk-alert-danger {
background: #fff1f0;
color: #d85030;
border-color: rgba(216, 80, 48, .3)
}
.uk-alert-large {
padding: 20px
}
.uk-alert-large>.uk-close:first-child {
margin: -10px -10px 0 0
}
.uk-thumbnail {
display: inline-block;
max-width: 100%;
box-sizing: border-box;
margin: 0;
padding: 4px;
border: 1px solid #E5E5E5;
background: #fff;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
}
a.uk-thumbnail:focus,
a.uk-thumbnail:hover {
border-color: #b2b2b2;
background-color: #fff;
text-decoration: none;
outline: 0;
box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}
.uk-thumbnail-caption {
padding-top: 4px;
text-align: center;
color: #666
}
.uk-thumbnail-mini {
width: 150px
}
.uk-thumbnail-small {
width: 200px
}
.uk-thumbnail-medium {
width: 300px
}
.uk-thumbnail-large {
width: 400px
}
.uk-thumbnail-expand,
.uk-thumbnail-expand>img {
width: 100%
}
.uk-overlay {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle;
overflow: hidden;
-webkit-transform: translateZ(0);
margin: 0
}
.uk-overlay.uk-border-circle {
-webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}
.uk-overlay>:first-child {
margin-bottom: 0
}
.uk-overlay-panel {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
color: #fff
}
.uk-overlay-panel.uk-flex>*>:last-child,
.uk-overlay-panel>:last-child {
margin-bottom: 0
}
.uk-overlay-panel h1,
.uk-overlay-panel h2,
.uk-overlay-panel h3,
.uk-overlay-panel h4,
.uk-overlay-panel h5,
.uk-overlay-panel h6 {
color: inherit
}
.uk-overlay-panel a:not([class]) {
color: inherit;
text-decoration: underline
}
.uk-overlay-panel a[class*=uk-icon-]:not(.uk-icon-button) {
color: inherit
}
.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
opacity: 0
}
.uk-overlay-active:not(.uk-active)>.uk-overlay-panel:not(.uk-ignore) {
opacity: 0
}
.uk-overlay-background {
background: rgba(0, 0, 0, .5)
}
.uk-overlay-image {
padding: 0
}
.uk-overlay-top {
bottom: auto
}
.uk-overlay-bottom {
top: auto
}
.uk-overlay-left {
right: auto
}
.uk-overlay-right {
left: auto
}
.uk-overlay-icon:before {
content: "\f002";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
color: #fff
}
.uk-overlay-blur,
.uk-overlay-fade,
.uk-overlay-grayscale,
.uk-overlay-scale,
.uk-overlay-spin,
[class*=uk-overlay-slide] {
transition-duration: .3s;
transition-timing-function: ease-out;
transition-property: opacity, transform, filter
}
.uk-overlay-active .uk-overlay-fade,
.uk-overlay-active .uk-overlay-scale,
.uk-overlay-active .uk-overlay-spin,
.uk-overlay-active [class*=uk-overlay-slide] {
transition-duration: .8s
}
.uk-overlay-fade {
opacity: .7
}
.uk-overlay-active .uk-active>.uk-overlay-fade,
.uk-overlay-hover.uk-hover .uk-overlay-fade,
.uk-overlay-hover:hover .uk-overlay-fade {
opacity: 1
}
.uk-overlay-scale {
-webkit-transform: scale(1);
transform: scale(1)
}
.uk-overlay-active .uk-active>.uk-overlay-scale,
.uk-overlay-hover.uk-hover .uk-overlay-scale,
.uk-overlay-hover:hover .uk-overlay-scale {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.uk-overlay-spin {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
.uk-overlay-active .uk-active>.uk-overlay-spin,
.uk-overlay-hover.uk-hover .uk-overlay-spin,
.uk-overlay-hover:hover .uk-overlay-spin {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
.uk-overlay-grayscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.uk-overlay-active .uk-active>.uk-overlay-grayscale,
.uk-overlay-hover.uk-hover .uk-overlay-grayscale,
.uk-overlay-hover:hover .uk-overlay-grayscale {
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
[class*=uk-overlay-slide] {
opacity: 0
}
.uk-overlay-slide-top {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.uk-overlay-slide-bottom {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
.uk-overlay-slide-left {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.uk-overlay-slide-right {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.uk-overlay-active .uk-active>[class*=uk-overlay-slide],
.uk-overlay-hover.uk-hover [class*=uk-overlay-slide],
.uk-overlay-hover:hover [class*=uk-overlay-slide] {
opacity: 1;
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0)
}
.uk-overlay-area {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .3);
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
-webkit-transform: translate3d(0, 0, 0)
}
.uk-overlay-toggle.uk-hover .uk-overlay-area,
.uk-overlay-toggle:hover .uk-overlay-area,
.uk-overlay.uk-hover .uk-overlay-area,
.uk-overlay:hover .uk-overlay-area {
opacity: 1
}
.uk-overlay-area:empty:before {
content: "\f002";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
color: #fff
}
.uk-overlay-area:not(:empty) {
font-size: 0
}
.uk-overlay-area:not(:empty):before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.uk-overlay-area-content {
display: inline-block;
box-sizing: border-box;
width: 100%;
vertical-align: middle;
font-size: 1rem;
text-align: center;
padding: 0 15px;
color: #fff
}
.uk-overlay-area-content>:last-child {
margin-bottom: 0
}
.uk-overlay-area-content a:not([class]),
.uk-overlay-area-content a:not([class]):hover {
color: inherit
}
.uk-overlay-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
background: rgba(0, 0, 0, .5);
color: #fff;
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
-webkit-transform: translate3d(0, 0, 0)
}
.uk-overlay-toggle.uk-hover .uk-overlay-caption,
.uk-overlay-toggle:hover .uk-overlay-caption,
.uk-overlay.uk-hover .uk-overlay-caption,
.uk-overlay:hover .uk-overlay-caption {
opacity: 1
}
[class*=uk-column-] {
-webkit-column-gap: 25px;
-moz-column-gap: 25px;
column-gap: 25px
}
.uk-column-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.uk-column-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.uk-column-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.uk-column-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5
}
.uk-column-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6
}
@media (min-width:480px) {
.uk-column-small-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.uk-column-small-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.uk-column-small-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.uk-column-small-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5
}
.uk-column-small-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6
}
}
@media (min-width:768px) {
.uk-column-medium-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.uk-column-medium-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.uk-column-medium-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.uk-column-medium-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5
}
.uk-column-medium-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6
}
}
@media (min-width:960px) {
.uk-column-large-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.uk-column-large-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.uk-column-large-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.uk-column-large-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5
}
.uk-column-large-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6
}
}
@media (min-width:1220px) {
.uk-column-xlarge-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.uk-column-xlarge-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.uk-column-xlarge-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.uk-column-xlarge-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5
}
.uk-column-xlarge-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6
}
}
[class*=uk-animation-] {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@media screen {
[data-uk-scrollspy*=uk-animation-]:not([data-uk-scrollspy*=target]) {
opacity: 0
}
}
.uk-animation-fade {
-webkit-animation-name: uk-fade;
animation-name: uk-fade;
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-timing-function: linear!important;
animation-timing-function: linear!important
}
.uk-animation-scale-up {
-webkit-animation-name: uk-fade-scale-02;
animation-name: uk-fade-scale-02
}
.uk-animation-scale-down {
-webkit-animation-name: uk-fade-scale-18;
animation-name: uk-fade-scale-18
}
.uk-animation-slide-top {
-webkit-animation-name: uk-fade-top;
animation-name: uk-fade-top
}
.uk-animation-slide-bottom {
-webkit-animation-name: uk-fade-bottom;
animation-name: uk-fade-bottom
}
.uk-animation-slide-left {
-webkit-animation-name: uk-fade-left;
animation-name: uk-fade-left
}
.uk-animation-slide-right {
-webkit-animation-name: uk-fade-right;
animation-name: uk-fade-right
}
.uk-animation-scale {
-webkit-animation-name: uk-scale-12;
animation-name: uk-scale-12
}
.uk-animation-shake {
-webkit-animation-name: uk-shake;
animation-name: uk-shake
}
.uk-animation-reverse {
-webkit-animation-direction: reverse;
animation-direction: reverse;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.uk-animation-15 {
-webkit-animation-duration: 15s;
animation-duration: 15s
}
.uk-animation-top-left {
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.uk-animation-top-center {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0
}
.uk-animation-top-right {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0
}
.uk-animation-middle-left {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%
}
.uk-animation-middle-right {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.uk-animation-bottom-left {
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%
}
.uk-animation-bottom-center {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.uk-animation-bottom-right {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
.uk-animation-hover:not(:hover),
.uk-animation-hover:not(:hover) [class*=uk-animation-],
.uk-touch .uk-animation-hover:not(.uk-hover),
.uk-touch .uk-animation-hover:not(.uk-hover) [class*=uk-animation-] {
-webkit-animation-name: none;
animation-name: none
}
@-webkit-keyframes uk-fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes uk-fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes uk-fade-top {
0% {
opacity: 0;
-webkit-transform: translateY(-100%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@keyframes uk-fade-top {
0% {
opacity: 0;
transform: translateY(-100%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@-webkit-keyframes uk-fade-bottom {
0% {
opacity: 0;
-webkit-transform: translateY(100%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@keyframes uk-fade-bottom {
0% {
opacity: 0;
transform: translateY(100%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@-webkit-keyframes uk-fade-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@keyframes uk-fade-left {
0% {
opacity: 0;
transform: translateX(-100%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@-webkit-keyframes uk-fade-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@keyframes uk-fade-right {
0% {
opacity: 0;
transform: translateX(100%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@-webkit-keyframes uk-fade-scale-02 {
0% {
opacity: 0;
-webkit-transform: scale(.2)
}
100% {
opacity: 1;
-webkit-transform: scale(1)
}
}
@keyframes uk-fade-scale-02 {
0% {
opacity: 0;
transform: scale(.2)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@-webkit-keyframes uk-fade-scale-15 {
0% {
opacity: 0;
-webkit-transform: scale(1.5)
}
100% {
opacity: 1;
-webkit-transform: scale(1)
}
}
@keyframes uk-fade-scale-15 {
0% {
opacity: 0;
transform: scale(1.5)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@-webkit-keyframes uk-fade-scale-18 {
0% {
opacity: 0;
-webkit-transform: scale(1.8)
}
100% {
opacity: 1;
-webkit-transform: scale(1)
}
}
@keyframes uk-fade-scale-18 {
0% {
opacity: 0;
transform: scale(1.8)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@-webkit-keyframes uk-slide-left {
0% {
-webkit-transform: translateX(-100%)
}
100% {
-webkit-transform: translateX(0)
}
}
@keyframes uk-slide-left {
0% {
transform: translateX(-100%)
}
100% {
transform: translateX(0)
}
}
@-webkit-keyframes uk-slide-right {
0% {
-webkit-transform: translateX(100%)
}
100% {
-webkit-transform: translateX(0)
}
}
@keyframes uk-slide-right {
0% {
transform: translateX(100%)
}
100% {
transform: translateX(0)
}
}
@-webkit-keyframes uk-slide-left-33 {
0% {
-webkit-transform: translateX(33%)
}
100% {
-webkit-transform: translateX(0)
}
}
@keyframes uk-slide-left-33 {
0% {
transform: translateX(33%)
}
100% {
transform: translateX(0)
}
}
@-webkit-keyframes uk-slide-right-33 {
0% {
-webkit-transform: translateX(-33%)
}
100% {
-webkit-transform: translateX(0)
}
}
@keyframes uk-slide-right-33 {
0% {
transform: translateX(-33%)
}
100% {
transform: translateX(0)
}
}
@-webkit-keyframes uk-scale-12 {
0% {
-webkit-transform: scale(1.2)
}
100% {
-webkit-transform: scale(1)
}
}
@keyframes uk-scale-12 {
0% {
transform: scale(1.2)
}
100% {
transform: scale(1)
}
}
@-webkit-keyframes uk-rotate {
0% {
-webkit-transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg)
}
}
@keyframes uk-rotate {
0% {
transform: rotate(0)
}
100% {
transform: rotate(359deg)
}
}
@-webkit-keyframes uk-shake {
0%,
100% {
-webkit-transform: translateX(0)
}
10% {
-webkit-transform: translateX(-9px)
}
20% {
-webkit-transform: translateX(8px)
}
30% {
-webkit-transform: translateX(-7px)
}
40% {
-webkit-transform: translateX(6px)
}
50% {
-webkit-transform: translateX(-5px)
}
60% {
-webkit-transform: translateX(4px)
}
70% {
-webkit-transform: translateX(-3px)
}
80% {
-webkit-transform: translateX(2px)
}
90% {
-webkit-transform: translateX(-1px)
}
}
@keyframes uk-shake {
0%,
100% {
transform: translateX(0)
}
10% {
transform: translateX(-9px)
}
20% {
transform: translateX(8px)
}
30% {
transform: translateX(-7px)
}
40% {
transform: translateX(6px)
}
50% {
transform: translateX(-5px)
}
60% {
transform: translateX(4px)
}
70% {
transform: translateX(-3px)
}
80% {
transform: translateX(2px)
}
90% {
transform: translateX(-1px)
}
}
@-webkit-keyframes uk-slide-top-fixed {
0% {
opacity: 0;
-webkit-transform: translateY(-10px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@keyframes uk-slide-top-fixed {
0% {
opacity: 0;
transform: translateY(-10px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@-webkit-keyframes uk-slide-bottom-fixed {
0% {
opacity: 0;
-webkit-transform: translateY(10px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@keyframes uk-slide-bottom-fixed {
0% {
opacity: 0;
transform: translateY(10px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.uk-dropdown,
.uk-dropdown-blank {
display: none;
position: absolute;
z-index: 1020;
box-sizing: border-box;
width: 200px
}
.uk-dropdown {
padding: 10px 20px;
background: #fff;
color: #666;
font-size: 1rem;
vertical-align: top;
border: 1px solid #d3d3d3;
}
.uk-open>.uk-dropdown,
.uk-open>.uk-dropdown-blank {
display: block;
-webkit-animation: uk-fade .2s ease-in-out;
animation: uk-fade .2s ease-in-out;
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.uk-dropdown-top {
margin-top: -5px
}
.uk-dropdown-bottom {}
.uk-dropdown-left {
margin-left: -5px
}
.uk-dropdown-right {
margin-left: 5px
}
.uk-dropdown .uk-nav {
margin: 0 -20px
}
.uk-grid .uk-dropdown-grid+.uk-dropdown-grid {
margin-top: 15px
}
.uk-dropdown-grid>[class*=uk-width-]>.uk-panel+.uk-panel {
margin-top: 15px
}
@media (min-width:768px) {
.uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid {
margin-left: -15px;
margin-right: -15px
}
.uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid>[class*=uk-width-] {
padding-left: 15px;
padding-right: 15px
}
.uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) {
border-left: 1px solid #E5E5E5
}
.uk-dropdown-width-2:not(.uk-dropdown-stack) {
width: 400px
}
.uk-dropdown-width-3:not(.uk-dropdown-stack) {
width: 600px
}
.uk-dropdown-width-4:not(.uk-dropdown-stack) {
width: 800px
}
.uk-dropdown-width-5:not(.uk-dropdown-stack) {
width: 1000px
}
}
@media (max-width:767px) {
.uk-dropdown-grid>[class*=uk-width-] {
width: 100%
}
.uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) {
margin-top: 15px
}
}
.uk-dropdown-stack>.uk-dropdown-grid>[class*=uk-width-] {
width: 100%
}
.uk-dropdown-stack>.uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) {
margin-top: 15px
}
.uk-dropdown-small {
min-width: 150px;
width: auto;
padding: 5px;
white-space: nowrap
}
.uk-dropdown-small .uk-nav {
margin: 0 -5px
}
.uk-dropdown-navbar {
background: #fff;
color: #666;
left: 0px;
}
.uk-open>.uk-dropdown-navbar {
-webkit-animation: uk-slide-top-fixed .2s ease-in-out;
animation: uk-slide-top-fixed .2s ease-in-out
}
.uk-dropdown-scrollable {
overflow-y: auto;
max-height: 200px
}
.uk-dropdown-navbar.uk-dropdown-flip {
left: auto
}
.uk-modal {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1010;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background: rgba(0, 0, 0, .6);
opacity: 0;
-webkit-transition: opacity .15s linear;
-moz-transition: opacity .15s linear;
-ms-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
touch-action: cross-slide-y pinch-zoom double-tap-zoom;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.uk-modal.uk-open {
opacity: 1
}
.uk-modal-page,
.uk-modal-page body {
overflow: hidden
}
.uk-modal-dialog {
position: relative;
box-sizing: border-box;
margin: 100px auto;
padding: 10px;
width: 650px;
max-width: 100%;
max-width: calc(100% - 20px);
background: #fff;
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: opacity .3s linear, -webkit-transform .3s ease-out;
transition: opacity .3s linear, transform .3s ease-out;
box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}
@media (max-width:767px) {
.uk-modal-dialog {
width: auto;
margin: 10px auto
}
}
.uk-open .uk-modal-dialog {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.uk-modal-dialog>:not([class*=uk-modal-]):last-child {
margin-bottom: 0
}
.uk-modal-dialog>.uk-close:first-child {
margin: -10px -10px 0 0;
float: right;
color: #898989;
}
.uk-modal-dialog>.uk-close:first-child+:not([class*=uk-modal-]) {
margin-top: 0
}
.uk-modal-dialog-lightbox {
margin: 15px auto;
padding: 0;
max-width: 95%;
max-width: calc(100% - 30px);
min-height: 50px;
border-radius: 0
}
.uk-modal-dialog-lightbox>.uk-close:first-child {
position: absolute;
top: -12px;
right: -12px;
margin: 0;
float: none
}
@media (max-width:767px) {
.uk-modal-dialog-lightbox>.uk-close:first-child {
top: -7px;
right: -7px
}
}
.uk-modal-dialog-blank {
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear
}
.uk-modal-dialog-blank>.uk-close:first-child {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
margin: 0;
float: none
}
@media (min-width:768px) {
.uk-modal-dialog-large {
width: 930px
}
}
@media (min-width:1220px) {
.uk-modal-dialog-large {
width: 1130px
}
}
.uk-modal-header {
margin-bottom: 15px;
margin: -20px -20px 15px -20px;
padding: 20px;
border-bottom: 1px solid #E5E5E5;
border-radius: 4px 4px 0 0;
background: #fafafa
}
.uk-modal-footer {
margin-top: 15px;
margin: 15px -20px -20px -20px;
padding: 20px;
border-top: 1px solid #E5E5E5;
border-radius: 0 0 4px 4px;
background: #fafafa
}
.uk-modal-footer>:last-child,
.uk-modal-header>:last-child {
margin-bottom: 0
}
.uk-modal-caption {
position: absolute;
left: 0;
right: 0;
bottom: -20px;
margin-bottom: -10px;
color: #fff;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.uk-modal-spinner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 25px;
color: #ddd
}
.uk-modal-spinner:after {
content: "\f110";
display: block;
font-family: FontAwesome;
-webkit-animation: uk-rotate 2s infinite linear;
animation: uk-rotate 2s infinite linear
}
.uk-offcanvas {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
touch-action: none;
background: rgba(0, 0, 0, .1)
}
.uk-offcanvas.uk-active {
display: block
}
.uk-offcanvas-page {
position: fixed;
-webkit-transition: margin-left .3s ease-in-out;
transition: margin-left .3s ease-in-out;
margin-left: 0
}
.uk-offcanvas-bar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
z-index: 1001;
width: 270px;
max-width: 100%;
background: #333;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
-ms-scroll-chaining: none
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.uk-offcanvas-bar-flip {
left: auto;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.uk-offcanvas-bar[mode=none] {
-webkit-transition: none;
transition: none
}
.uk-offcanvas-bar[mode=reveal] {
-webkit-transform: translateX(0);
transform: translateX(0);
clip: rect(0, 0, 100vh, 0);
-webkit-transition: -webkit-transform .3s ease-in-out, clip .3s ease-in-out;
transition: transform .3s ease-in-out, clip .3s ease-in-out
}
.uk-offcanvas-bar-flip[mode=reveal] {
clip: none;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.uk-offcanvas-bar-flip[mode=reveal]>* {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out
}
.uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode=reveal].uk-offcanvas-bar-show>* {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.uk-offcanvas .uk-panel {
margin: 20px 15px;
color: #777;
text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}
.uk-offcanvas .uk-panel-title {
color: #ccc
}
.uk-offcanvas .uk-panel a:not([class]) {
color: #ccc
}
.uk-offcanvas .uk-panel a:not([class]):hover {
color: #fff
}
.uk-offcanvas-bar:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
background: rgba(0, 0, 0, .6);
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .6)
}
.uk-offcanvas-bar-flip:after {
right: auto;
left: 0;
width: 1px;
background: rgba(0, 0, 0, .6);
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .6)
}
.uk-switcher {
margin: 0;
padding: 0;
list-style: none;
touch-action: cross-slide-y pinch-zoom double-tap-zoom
}
.uk-switcher>:not(.uk-active) {
display: none
}
.uk-text-small {
font-size: 11px;
line-height: 16px
}
.uk-text-large {
font-size: 20px;
line-height: 26px;
font-weight: 300
}
.uk-text-bold {
font-weight: 700
}
.uk-text-muted {
color: #999!important
}
.uk-text-primary {
color: #2d7091!important
}
.uk-text-success {
color: #659f13!important
}
.uk-text-warning {
color: #e28327!important
}
.uk-text-danger {
color: #d85030!important
}
.uk-text-contrast {
color: #fff!important
}
.uk-text-left {
text-align: left!important
}
.uk-text-right {
text-align: right!important
}
.uk-text-center {
text-align: center!important
}
.uk-text-justify {
text-align: justify!important
}
.uk-text-top {
vertical-align: top!important
}
.uk-text-middle {
vertical-align: middle!important
}
.uk-text-bottom {
vertical-align: bottom!important
}
@media (max-width:959px) {
.uk-text-center-medium {
text-align: center!important
}
.uk-text-left-medium {
text-align: left!important
}
}
@media (max-width:767px) {
.uk-text-center-small {
text-align: center!important
}
.uk-text-left-small {
text-align: left!important
}
}
.uk-text-nowrap {
white-space: nowrap
}
.uk-text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.uk-text-break {
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto
}
.uk-text-capitalize {
text-transform: capitalize!important
}
.uk-text-lowercase {
text-transform: lowercase!important
}
.uk-text-uppercase {
text-transform: uppercase!important
}
.uk-container {
box-sizing: border-box;
max-width: 980px;
padding: 0 25px
}
@media (min-width:1220px) {
.uk-container {
max-width: 1200px;
padding: 0 35px
}
}
.uk-container:after,
.uk-container:before {
content: "";
display: table
}
.uk-container:after {
clear: both
}
.uk-container-center {
margin-left: auto;
margin-right: auto
}
.uk-clearfix:before {
content: "";
display: table-cell
}
.uk-clearfix:after {
content: "";
display: table;
clear: both
}
.uk-nbfc {
overflow: hidden
}
.uk-nbfc-alt {
display: table-cell;
width: 10000px
}
.uk-float-left {
float: left
}
.uk-float-right {
float: right
}
[class*=uk-float-] {
max-width: 100%
}
[class*=uk-align-] {
display: block;
margin-bottom: 15px
}
.uk-align-left {
margin-right: 15px;
float: left
}
.uk-align-right {
margin-left: 15px;
float: right
}
@media (min-width:768px) {
.uk-align-medium-left {
margin-right: 15px;
float: left
}
.uk-align-medium-right {
margin-left: 15px;
float: right
}
}
.uk-align-center {
margin-left: auto;
margin-right: auto
}
.uk-vertical-align {
font-size: 0
}
.uk-vertical-align:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.uk-vertical-align-bottom,
.uk-vertical-align-middle {
display: inline-block;
max-width: 100%;
font-size: 1rem
}
.uk-vertical-align-middle {
vertical-align: middle
}
.uk-vertical-align-bottom {
vertical-align: bottom
}
[class*=uk-height] {
box-sizing: border-box
}
.uk-height-1-1 {
height: 100%
}
.uk-height-viewport {
height: 100vh;
min-height: 600px
}
.uk-responsive-height,
.uk-responsive-width {
box-sizing: border-box
}
.uk-responsive-width {
max-width: 100%!important;
height: auto
}
.uk-responsive-height {
max-height: 100%;
width: auto
}
.uk-margin {
margin-bottom: 15px
}
*+.uk-margin {
margin-top: 15px
}
.uk-margin-top {
margin-top: 15px!important
}
.uk-margin-bottom {
margin-bottom: 15px!important
}
.uk-margin-left {
margin-left: 15px!important
}
.uk-margin-right {
margin-right: 15px!important
}
.uk-margin-large {
margin-bottom: 50px
}
*+.uk-margin-large {
margin-top: 50px
}
.uk-margin-large-top {
margin-top: 50px!important
}
.uk-margin-large-bottom {
margin-bottom: 50px!important
}
.uk-margin-large-left {
margin-left: 50px!important
}
.uk-margin-large-right {
margin-right: 50px!important
}
.uk-margin-small {
margin-bottom: 5px
}
*+.uk-margin-small {
margin-top: 5px
}
.uk-margin-small-top {
margin-top: 5px!important
}
.uk-margin-small-bottom {
margin-bottom: 5px!important
}
.uk-margin-small-left {
margin-left: 5px!important
}
.uk-margin-small-right {
margin-right: 5px!important
}
.uk-margin-remove {
margin: 0!important
}
.uk-margin-top-remove {
margin-top: 0!important
}
.uk-margin-bottom-remove {
margin-bottom: 0!important
}
.uk-padding-remove {
padding: 0!important
}
.uk-padding-top-remove {
padding-top: 0!important
}
.uk-padding-bottom-remove {
padding-bottom: 0!important
}
.uk-padding-vertical-remove {
padding-top: 0!important;
padding-bottom: 0!important
}
.uk-border-circle {
border-radius: 50%
}
.uk-border-rounded {
border-radius: 5px
}
.uk-heading-large {
font-size: 36px;
line-height: 42px
}
@media (min-width:768px) {
.uk-heading-large {
font-size: 52px;
line-height: 64px
}
}
.uk-link-muted,
.uk-link-muted a {
color: #666
}
.uk-link-muted a:hover,
.uk-link-muted:hover {
color: #666
}
.uk-link-reset,
.uk-link-reset a,
.uk-link-reset a:focus,
.uk-link-reset a:hover,
.uk-link-reset:focus,
.uk-link-reset:hover {
color: inherit;
text-decoration: none
}
.uk-scrollable-text {
height: 300px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
resize: both
}
.uk-scrollable-box {
box-sizing: border-box;
height: 170px;
padding: 10px;
border: 1px solid #E5E5E5;
overflow: auto;
-webkit-overflow-scrolling: touch;
resize: both;
border-radius: 3px
}
.uk-scrollable-box>:last-child {
margin-bottom: 0
}
.uk-overflow-hidden {
overflow: hidden
}
.uk-overflow-container {
overflow: auto;
-webkit-overflow-scrolling: touch
}
.uk-overflow-container>:last-child {
margin-bottom: 0
}
.uk-position-absolute,
[class*=uk-position-top],
[class*=uk-position-bottom] {
position: absolute!important
}
.uk-position-top {
top: 0;
left: 0;
right: 0
}
.uk-position-bottom {
bottom: 0;
left: 0;
right: 0
}
.uk-position-top-left {
top: 0;
left: 0
}
.uk-position-top-right {
top: 0;
right: 0
}
.uk-position-bottom-left {
bottom: 0;
left: 0
}
.uk-position-bottom-right {
bottom: 0;
right: 0
}
.uk-position-cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.uk-position-relative {
position: relative!important
}
.uk-position-z-index {
z-index: 1
}
.uk-display-block {
display: block!important
}
.uk-display-inline {
display: inline!important
}
.uk-display-inline-block {
display: inline-block!important;
max-width: 100%
}
@media (min-width:960px) {
.uk-visible-small {
display: none!important
}
.uk-visible-medium {
display: none!important
}
.uk-hidden-large {
display: none!important
}
}
@media (min-width:768px) and (max-width:959px) {
.uk-visible-small {
display: none!important
}
.uk-visible-large {
display: none!important
}
.uk-hidden-medium {
display: none!important
}
}
@media (max-width:767px) {
.uk-visible-medium {
display: none!important
}
.uk-visible-large {
display: none!important
}
.uk-hidden-small {
display: none!important
}
}
.uk-hidden {
display: none!important;
visibility: hidden!important
}
.uk-invisible {
visibility: hidden!important
}
.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
display: block!important;
visibility: visible!important
}
.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
display: inline-block!important;
visibility: visible!important
}
.uk-notouch .uk-hidden-notouch,
.uk-touch .uk-hidden-touch {
display: none!important
}
.uk-flex {
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.uk-flex-inline {
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex
}
.uk-flex-inline>*,
.uk-flex>* {
-ms-flex-negative: 1
}
.uk-flex-top {
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start
}
.uk-flex-middle {
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}
.uk-flex-bottom {
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end
}
.uk-flex-center {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.uk-flex-right {
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.uk-flex-space-between {
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.uk-flex-space-around {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around
}
.uk-flex-row-reverse {
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse
}
.uk-flex-column {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.uk-flex-column-reverse {
-ms-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse
}
.uk-flex-nowrap {
-ms-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap
}
.uk-flex-wrap {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.uk-flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse
}
.uk-flex-wrap-top {
-ms-flex-line-pack: start;
-webkit-align-content: flex-start;
align-content: flex-start
}
.uk-flex-wrap-middle {
-ms-flex-line-pack: center;
-webkit-align-content: center;
align-content: center
}
.uk-flex-wrap-bottom {
-ms-flex-line-pack: end;
-webkit-align-content: flex-end;
align-content: flex-end
}
.uk-flex-wrap-space-between {
-ms-flex-line-pack: justify;
-webkit-align-content: space-between;
align-content: space-between
}
.uk-flex-wrap-space-around {
-ms-flex-line-pack: distribute;
-webkit-align-content: space-around;
align-content: space-around
}
.uk-flex-order-first {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
.uk-flex-order-last {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99
}
@media (min-width:480px) {
.uk-flex-order-first-small {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
.uk-flex-order-last-small {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99
}
}
@media (min-width:768px) {
.uk-flex-order-first-medium {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
.uk-flex-order-last-medium {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99
}
}
@media (min-width:960px) {
.uk-flex-order-first-large {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
.uk-flex-order-last-large {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99
}
}
@media (min-width:1220px) {
.uk-flex-order-first-xlarge {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
.uk-flex-order-last-xlarge {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99
}
}
.uk-flex-item-none {
-ms-flex: none;
-webkit-flex: none;
flex: none
}
.uk-flex-item-auto {
-ms-flex: auto;
-webkit-flex: auto;
flex: auto;
-ms-flex-negative: 1
}
.uk-flex-item-1 {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1
}
.uk-contrast {
color: #fff
}
.uk-contrast .uk-link,
.uk-contrast a:not([class]) {
color: rgba(255, 255, 255, .7);
text-decoration: none
}
.uk-contrast .uk-link:hover,
.uk-contrast a:not([class]):hover {
color: #fff;
text-decoration: underline
}
.uk-contrast:not(pre)>code,
.uk-contrast:not(pre)>kbd,
.uk-contrast:not(pre)>samp {
color: #fff;
border-color: rgba(255, 255, 255, .2);
background: rgba(255, 255, 255, .1)
}
.uk-contrast em {
color: #fff
}
.uk-contrast h1,
.uk-contrast h2,
.uk-contrast h3,
.uk-contrast h4,
.uk-contrast h5,
.uk-contrast h6 {
color: #fff
}
.uk-contrast hr {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-nav li>a,
.uk-contrast .uk-nav li>a:hover {
text-decoration: none
}
.uk-contrast .uk-nav-side>li>a {
color: #fff
}
.uk-contrast .uk-nav-side>li>a:focus,
.uk-contrast .uk-nav-side>li>a:hover {
background: rgba(255, 255, 255, .1);
color: #fff;
text-shadow: none
}
.uk-contrast .uk-nav-side>li.uk-active>a {
background: #fff;
color: #444;
text-shadow: none
}
.uk-contrast .uk-nav-side .uk-nav-header {
color: #fff
}
.uk-contrast .uk-nav-side .uk-nav-divider {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-nav-side ul a {
color: rgba(255, 255, 255, .7)
}
.uk-contrast .uk-nav-side ul a:hover {
color: #fff
}
.uk-contrast .uk-subnav>*>a {
color: rgba(255, 255, 255, .7);
text-decoration: none
}
.uk-contrast .uk-subnav>*>a:focus,
.uk-contrast .uk-subnav>*>a:hover {
color: #fff;
text-decoration: none
}
.uk-contrast .uk-subnav>.uk-active>a {
color: #fff
}
.uk-contrast .uk-subnav-line>:nth-child(n+2):before {
border-left-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-subnav-pill>*>a:focus,
.uk-contrast .uk-subnav-pill>*>a:hover {
background: rgba(255, 255, 255, .7);
color: #444;
text-decoration: none
}
.uk-contrast .uk-subnav-pill>.uk-active>a {
background: #fff;
color: #444
}
.uk-contrast .uk-tab {
border-bottom-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-tab>li>a {
border-color: transparent;
color: rgba(255, 255, 255, .7);
text-shadow: none
}
.uk-contrast .uk-tab>li.uk-open>a,
.uk-contrast .uk-tab>li>a:focus,
.uk-contrast .uk-tab>li>a:hover {
border-color: rgba(255, 255, 255, .7);
background: rgba(255, 255, 255, .7);
color: #444;
text-decoration: none
}
.uk-contrast .uk-tab>li.uk-active>a {
border-color: rgba(255, 255, 255, .2);
border-bottom-color: transparent;
background: #fff;
color: #444
}
.uk-contrast .uk-tab-center {
border-bottom-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-tab-grid:before {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-list-line>li:nth-child(n+2) {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-form input:not([type]),
.uk-contrast .uk-form input[type=text],
.uk-contrast .uk-form input[type=password],
.uk-contrast .uk-form input[type=email],
.uk-contrast .uk-form input[type=url],
.uk-contrast .uk-form input[type=search],
.uk-contrast .uk-form input[type=tel],
.uk-contrast .uk-form input[type=number],
.uk-contrast .uk-form input[type=datetime],
.uk-contrast .uk-form input[type=datetime-local],
.uk-contrast .uk-form input[type=date],
.uk-contrast .uk-form input[type=month],
.uk-contrast .uk-form input[type=time],
.uk-contrast .uk-form input[type=week],
.uk-contrast .uk-form input[type=color],
.uk-contrast .uk-form select,
.uk-contrast .uk-form textarea {
border-color: rgba(255, 255, 255, .8);
background: rgba(255, 255, 255, .8);
color: #444;
background-clip: padding-box
}
.uk-contrast .uk-form input:not([type]):focus,
.uk-contrast .uk-form input[type=text]:focus,
.uk-contrast .uk-form input[type=password]:focus,
.uk-contrast .uk-form input[type=email]:focus,
.uk-contrast .uk-form input[type=url]:focus,
.uk-contrast .uk-form input[type=search]:focus,
.uk-contrast .uk-form input[type=tel]:focus,
.uk-contrast .uk-form input[type=number]:focus,
.uk-contrast .uk-form input[type=datetime]:focus,
.uk-contrast .uk-form input[type=datetime-local]:focus,
.uk-contrast .uk-form input[type=date]:focus,
.uk-contrast .uk-form input[type=month]:focus,
.uk-contrast .uk-form input[type=time]:focus,
.uk-contrast .uk-form input[type=week]:focus,
.uk-contrast .uk-form input[type=color]:focus,
.uk-contrast .uk-form select:focus,
.uk-contrast .uk-form textarea:focus {
border-color: #fff;
background: #fff;
color: #444
}
.uk-contrast .uk-form:-ms-input-placeholder {
color: rgba(68, 68, 68, .7)!important
}
.uk-contrast .uk-form::-moz-placeholder {
color: rgba(68, 68, 68, .7)
}
.uk-contrast .uk-form::-webkit-input-placeholder {
color: rgba(68, 68, 68, .7)
}
.uk-contrast .uk-button {
color: #444;
background: #fff;
border-color: transparent
}
.uk-contrast .uk-button:focus,
.uk-contrast .uk-button:hover {
background-color: rgba(255, 255, 255, .8);
color: #444;
border-color: transparent
}
.uk-contrast .uk-button.uk-active,
.uk-contrast .uk-button:active {
background-color: rgba(255, 255, 255, .7);
color: #444;
box-shadow: none
}
.uk-contrast .uk-button-primary {
background-color: #009dd8;
color: #fff
}
.uk-contrast .uk-button-primary:focus,
.uk-contrast .uk-button-primary:hover {
background-color: #00aff2;
color: #fff
}
.uk-contrast .uk-button-primary.uk-active,
.uk-contrast .uk-button-primary:active {
background-color: #008abf;
color: #fff
}
.uk-contrast .uk-icon-hover {
color: rgba(255, 255, 255, .7)
}
.uk-contrast .uk-icon-hover:hover {
color: #fff
}
.uk-contrast .uk-icon-button {
background: #fff;
color: #444;
border-color: transparent
}
.uk-contrast .uk-icon-button:focus,
.uk-contrast .uk-icon-button:hover {
background-color: rgba(255, 255, 255, .8);
color: #444;
border-color: transparent
}
.uk-contrast .uk-icon-button:active {
background-color: rgba(255, 255, 255, .7);
color: #444;
box-shadow: none
}
.uk-contrast .uk-text-muted {
color: rgba(255, 255, 255, .6)!important
}
.uk-contrast .uk-text-primary {
color: #2d7091!important
}
@media print {
*,
:after,
:before {
background: 0 0!important;
color: #000!important;
box-shadow: none!important;
text-shadow: none!important
}
a,
a:visited {
text-decoration: underline
}
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
}
@page {
margin: .5cm
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
}
.uk-dotnav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.uk-dotnav>* {
-ms-flex: none;
-webkit-flex: none;
flex: none;
}
.uk-dotnav>*+* {
margin-left: 10px;
}
.uk-dotnav:after,
.uk-dotnav:before {
content: "";
display: block;
overflow: hidden
}
.uk-dotnav:after {
clear: both
}
.uk-dotnav>* {
float: left
}
.uk-dotnav>*>* {
display: block;
box-sizing: content-box;
width: 12px;
height: 12px;
background: #878481;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.uk-dotnav>*>:focus,
.uk-dotnav>*>:hover {
background: #333;
outline: 0
}
.uk-dotnav>*>:active {
background: rgba(50, 50, 50, .6)
}
.uk-dotnav>.uk-active>* {
background: rgba(50, 50, 50, .4);
}
.uk-dotnav-contrast>*>* {
background: rgba(255, 255, 255, .4)
}
.uk-dotnav-contrast>*>:focus,
.uk-dotnav-contrast>*>:hover {
background: rgba(255, 255, 255, .7)
}
.uk-dotnav-contrast>*>:active {
background: rgba(255, 255, 255, .9)
}
.uk-dotnav-contrast>.uk-active>* {
background: rgba(255, 255, 255, .9)
}
.uk-dotnav-vertical {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.uk-dotnav-vertical>* {
float: none
}
.uk-slidenav {
display: inline-block;
box-sizing: border-box;
width: 60px;
height: 60px;
line-height: 60px;
color: rgba(50, 50, 50, .4);
font-size: 60px;
text-align: center
}
.uk-slidenav:focus,
.uk-slidenav:hover {
outline: 0;
text-decoration: none;
color: rgba(50, 50, 50, .7);
cursor: pointer
}
.uk-slidenav:active {
color: rgba(50, 50, 50, .9)
}
.uk-slidenav-previous:before {
content: "\f104";
font-family: FontAwesome
}
.uk-slidenav-next:before {
content: "\f105";
font-family: FontAwesome
}
.uk-slidenav-position {
position: relative
}
.uk-slidenav-position .uk-slidenav {
display: none;
position: absolute;
top: 50%;
z-index: 1;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.uk-slidenav-position:hover .uk-slidenav {
display: block
}
.uk-slidenav-position .uk-slidenav-previous {
left: 5px
}
.uk-slidenav-position .uk-slidenav-next {
right: 5px
}
.uk-slidenav-contrast {
color: rgba(255, 255, 255, .5)
}
.uk-slidenav-contrast:focus,
.uk-slidenav-contrast:hover {
color: rgba(255, 255, 255, .7)
}
.uk-slidenav-contrast:active {
color: rgba(255, 255, 255, .9)
}
.uk-form input[type=checkbox],
.uk-form input[type=radio] {
display: inline-block;
height: 13px;
width: 13px;
border: 1px solid #aaa;
overflow: hidden;
margin-top: -4px;
vertical-align: middle;
-webkit-appearance: none;
outline: 0;
background: 0 0
}
.uk-form input[type=radio] {
border-radius: 50%
}
.uk-form input[type=checkbox]:before,
.uk-form input[type=radio]:before {
display: block
}
.uk-form input[type=radio]:checked:before {
content: '';
width: 8px;
height: 8px;
margin: 1.5px auto 0;
border-radius: 50%;
background: #00a8e6
}
.uk-form input[type=checkbox]:checked:before,
.uk-form input[type=checkbox]:indeterminate:before {
content: "\f00c";
font-family: FontAwesome;
font-size: 12px;
-webkit-font-smoothing: antialiased;
text-align: center;
line-height: 11px;
color: #00a8e6
}
.uk-form input[type=checkbox]:indeterminate:before {
content: "\f068"
}
.uk-form input[type=checkbox]:disabled,
.uk-form input[type=radio]:disabled {
border-color: #ddd
}
.uk-form input[type=radio]:disabled:checked:before {
background-color: #aaa
}
.uk-form input[type=checkbox]:disabled:checked:before,
.uk-form input[type=checkbox]:disabled:indeterminate:before {
color: #aaa
}
.uk-form-file {
display: inline-block;
vertical-align: middle;
position: relative;
overflow: hidden
}
.uk-form-file input[type=file] {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
opacity: 0;
cursor: pointer;
left: 0;
font-size: 500px
}
.uk-form-password {
display: inline-block;
position: relative;
max-width: 100%
}
.uk-form-password-toggle {
display: block;
position: absolute;
top: 50%;
right: 10px;
margin-top: -6px;
font-size: 13px;
line-height: 13px;
color: #999
}
.uk-form-password-toggle:hover {
color: #999;
text-decoration: none
}
.uk-form-password>input {
padding-right: 50px!important
}
.uk-form-select {
display: inline-block;
vertical-align: middle;
position: relative;
overflow: hidden
}
.uk-form-select select {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
left: 0;
-webkit-appearance: none
}
.uk-placeholder {
margin-bottom: 15px;
padding: 15px;
border: 1px dashed #E5E5E5;
background: #fafafa;
color: #666
}
*+.uk-placeholder {
margin-top: 15px
}
.uk-placeholder>:last-child {
margin-bottom: 0
}
.uk-placeholder-large {
padding-top: 80px;
padding-bottom: 80px
}
.uk-progress {
box-sizing: border-box;
height: 20px;
margin-bottom: 15px;
background: #f7f7f7;
overflow: hidden;
line-height: 20px;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07), inset 0 2px 2px rgba(0, 0, 0, .07);
border-radius: 4px
}
*+.uk-progress {
margin-top: 15px
}
.uk-progress-bar {
width: 0;
height: 100%;
background: #009dd8;
float: left;
-webkit-transition: width .6s ease;
transition: width .6s ease;
font-size: 12px;
color: #fff;
text-align: center;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(0, 0, 0, .1);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-progress-mini {
height: 6px
}
.uk-progress-small {
height: 12px
}
.uk-progress-success .uk-progress-bar {
background-color: #82bb42;
background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
background-image: linear-gradient(to bottom, #9fd256, #6fac34)
}
.uk-progress-warning .uk-progress-bar {
background-color: #f9a124;
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406)
}
.uk-progress-danger .uk-progress-bar {
background-color: #d32c46;
background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
background-image: linear-gradient(to bottom, #ee465a, #c11a39)
}
.uk-progress-striped .uk-progress-bar {
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 30px 30px
}
.uk-progress-striped.uk-active .uk-progress-bar {
-webkit-animation: uk-progress-bar-stripes 2s linear infinite;
animation: uk-progress-bar-stripes 2s linear infinite
}
@-webkit-keyframes uk-progress-bar-stripes {
0% {
background-position: 0 0
}
100% {
background-position: 30px 0
}
}
@keyframes uk-progress-bar-stripes {
0% {
background-position: 0 0
}
100% {
background-position: 30px 0
}
}
.uk-progress-mini,
.uk-progress-small {
border-radius: 500px
}
.uk-accordion-title {
margin: 0;
font-size: 14px;
line-height: 20px;
cursor: pointer;
}
.uk-accordion-content:after,
.uk-accordion-content:before {
content: "";
display: table
}
.uk-accordion-content:after {
clear: both
}
.uk-accordion-content>:last-child {
margin-bottom: 0
}
.uk-autocomplete {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle
}
.uk-dropdown-flip {
left: auto;
right: 0
}
.uk-nav-autocomplete>li>a {
color: #666
}
.uk-nav-autocomplete>li.uk-active>a {
background: #009dd8;
color: #fff;
outline: 0;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-nav-autocomplete .uk-nav-header {
color: #999
}
.uk-nav-autocomplete .uk-nav-divider {
border-top: 1px solid #E5E5E5
}
.uk-datepicker {
z-index: 1050;
width: auto;
-webkit-animation: uk-fade .2s ease-in-out;
animation: uk-fade .2s ease-in-out;
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.uk-datepicker-nav {
margin-bottom: 15px;
text-align: center;
line-height: 20px
}
.uk-datepicker-nav:after,
.uk-datepicker-nav:before {
content: "";
display: table
}
.uk-datepicker-nav:after {
clear: both
}
.uk-datepicker-nav a {
color: #666;
text-decoration: none
}
.uk-datepicker-nav a:hover {
color: #666
}
.uk-datepicker-previous {
float: left
}
.uk-datepicker-next {
float: right
}
.uk-datepicker-next:after,
.uk-datepicker-previous:after {
width: 20px;
font-family: FontAwesome
}
.uk-datepicker-previous:after {
content: "\f053"
}
.uk-datepicker-next:after {
content: "\f054"
}
.uk-datepicker-table {
width: 100%
}
.uk-datepicker-table td,
.uk-datepicker-table th {
padding: 2px
}
.uk-datepicker-table th {
font-size: 12px
}
.uk-datepicker-table a {
display: block;
width: 26px;
line-height: 24px;
text-align: center;
color: #666;
text-decoration: none;
border: 1px solid transparent;
border-radius: 4px;
background-origin: border-box
}
a.uk-datepicker-table-muted {
color: #999
}
.uk-datepicker-table a:focus,
.uk-datepicker-table a:hover {
background-color: #fafafa;
color: #666;
outline: 0;
border-color: rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .3);
text-shadow: 0 1px 0 #fff
}
.uk-datepicker-table a:active {
background-color: #f5f5f5;
color: #666;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .3);
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-datepicker-table a.uk-active {
background: #009dd8;
color: #fff;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-htmleditor-navbar {
background: #f7f7f7;
border: 1px solid rgba(0, 0, 0, .1);
border-bottom-color: rgba(0, 0, 0, .2);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(to bottom, #fff, #eee)
}
.uk-htmleditor-navbar:after,
.uk-htmleditor-navbar:before {
content: "";
display: table
}
.uk-htmleditor-navbar:after {
clear: both
}
.uk-htmleditor-navbar-nav {
margin: 0;
padding: 0;
list-style: none;
float: left
}
.uk-htmleditor-navbar-nav>li {
float: left
}
.uk-htmleditor-navbar-nav>li>a {
display: block;
box-sizing: border-box;
text-decoration: none;
height: 41px;
padding: 0 15px;
line-height: 40px;
color: #666;
font-size: 11px;
cursor: pointer;
margin-top: -1px;
margin-left: -1px;
border: 1px solid transparent;
border-bottom-width: 0;
text-shadow: 0 1px 0 #fff
}
.uk-htmleditor-navbar-nav>li:hover>a,
.uk-htmleditor-navbar-nav>li>a:focus {
background-color: transparent;
color: #666;
outline: 0;
position: relative;
z-index: 1;
border-left-color: rgba(0, 0, 0, .1);
border-right-color: rgba(0, 0, 0, .1);
border-top-color: rgba(0, 0, 0, .1);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-htmleditor-navbar-nav>li>a:active {
background-color: #f5f5f5;
color: #666;
border-left-color: rgba(0, 0, 0, .1);
border-right-color: rgba(0, 0, 0, .1);
border-top-color: rgba(0, 0, 0, .2);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-htmleditor-navbar-nav>li.uk-active>a {
background-color: #fafafa;
color: #666;
border-left-color: rgba(0, 0, 0, .1);
border-right-color: rgba(0, 0, 0, .1);
border-top-color: rgba(0, 0, 0, .2);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-htmleditor-navbar-flip {
float: right
}
[data-mode=split] .uk-htmleditor-button-code,
[data-mode=split] .uk-htmleditor-button-preview {
display: none
}
.uk-htmleditor-content {
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
background: #fff;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.uk-htmleditor-content:after,
.uk-htmleditor-content:before {
content: "";
display: table
}
.uk-htmleditor-content:after {
clear: both
}
.uk-htmleditor-fullscreen {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 990
}
.uk-htmleditor-fullscreen .uk-htmleditor-content {
position: absolute;
top: 41px;
left: 0;
right: 0;
bottom: 0
}
.uk-htmleditor-fullscreen .uk-icon-expand:before {
content: "\f066"
}
.uk-htmleditor-code,
.uk-htmleditor-preview {
box-sizing: border-box
}
.uk-htmleditor-preview {
padding: 20px;
overflow-y: scroll;
position: relative
}
[data-mode=tab][data-active-tab=code] .uk-htmleditor-preview,
[data-mode=tab][data-active-tab=preview] .uk-htmleditor-code {
display: none
}
[data-mode=split] .uk-htmleditor-code,
[data-mode=split] .uk-htmleditor-preview {
float: left;
width: 50%
}
[data-mode=split] .uk-htmleditor-code {
border-right: 1px solid #eee
}
.uk-htmleditor-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.uk-htmleditor .CodeMirror {
padding: 10px;
box-sizing: border-box
}
.uk-htmleditor-navbar-nav:first-child>li:first-child>a {
border-top-left-radius: 4px
}
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav>li>a {
margin-left: 0;
margin-right: -1px
}
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child>li:first-child>a {
border-top-left-radius: 0
}
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child>li:last-child>a {
border-top-right-radius: 4px
}
.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0
}
.uk-htmleditor-fullscreen .uk-htmleditor-content {
border: none;
border-radius: 0
}
.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav>li>a {
border-radius: 0!important
}
[data-uk-slider] {
direction: ltr
}
html[dir=rtl] .uk-slider>* {
direction: rtl
}
.uk-slider {
position: relative;
z-index: 0;
touch-action: pan-y
}
.uk-slider:not(.uk-grid) {
margin: 0;
padding: 0;
list-style: none
}
.uk-slider>* {
position: absolute;
top: 0;
left: 0
}
.uk-slider-container {
overflow: hidden
}
.uk-slider:not(.uk-drag) {
-webkit-transition: -webkit-transform .2s linear;
transition: transform .2s linear
}
.uk-slider.uk-drag {
cursor: col-resize;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.uk-slider a,
.uk-slider img {
-webkit-user-drag: none;
user-drag: none;
-webkit-touch-callout: none
}
.uk-slider img {
pointer-events: none
}
.uk-slider-fullscreen,
.uk-slider-fullscreen>li {
height: 100vh
}
.uk-slideshow {
position: relative;
z-index: 0;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
touch-action: pan-y
}
.uk-slideshow>li {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0
}
.uk-slideshow>.uk-active {
z-index: 10;
opacity: 1
}
.uk-slideshow>li>img {
visibility: hidden
}
[data-uk-slideshow-slide] {
cursor: pointer
}
.uk-slideshow-fullscreen,
.uk-slideshow-fullscreen>li {
height: 100vh
}
.uk-slideshow-fade-in {
-webkit-animation: uk-fade .5s linear;
animation: uk-fade .5s linear
}
.uk-slideshow-fade-out {
-webkit-animation: uk-fade .5s linear reverse;
animation: uk-fade .5s linear reverse
}
.uk-slideshow-scroll-forward-in {
-webkit-animation: uk-slide-right .5s ease-in-out;
animation: uk-slide-right .5s ease-in-out
}
.uk-slideshow-scroll-forward-out {
-webkit-animation: uk-slide-left .5s ease-in-out reverse;
animation: uk-slide-left .5s ease-in-out reverse
}
.uk-slideshow-scroll-backward-in {
-webkit-animation: uk-slide-left .5s ease-in-out;
animation: uk-slide-left .5s ease-in-out
}
.uk-slideshow-scroll-backward-out {
-webkit-animation: uk-slide-right .5s ease-in-out reverse;
animation: uk-slide-right .5s ease-in-out reverse
}
.uk-slideshow-scale-out {
-webkit-animation: uk-fade-scale-15 .5s ease-in-out reverse;
animation: uk-fade-scale-15 .5s ease-in-out reverse
}
.uk-slideshow-swipe-forward-in {
-webkit-animation: uk-slide-left-33 .5s ease-in-out;
animation: uk-slide-left-33 .5s ease-in-out
}
.uk-slideshow-swipe-forward-out {
-webkit-animation: uk-slide-left .5s ease-in-out reverse;
animation: uk-slide-left .5s ease-in-out reverse
}
.uk-slideshow-swipe-backward-in {
-webkit-animation: uk-slide-right-33 .5s ease-in-out;
animation: uk-slide-right-33 .5s ease-in-out
}
.uk-slideshow-swipe-backward-out {
-webkit-animation: uk-slide-right .5s ease-in-out reverse;
animation: uk-slide-right .5s ease-in-out reverse
}
.uk-slideshow-swipe-backward-in:before,
.uk-slideshow-swipe-forward-in:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background: rgba(0, 0, 0, .6);
-webkit-animation: uk-fade .5s ease-in-out reverse;
animation: uk-fade .5s ease-in-out reverse
}
.uk-notify {
position: fixed;
top: 10px;
left: 10px;
z-index: 1040;
box-sizing: border-box;
width: 350px
}
.uk-notify-bottom-right,
.uk-notify-top-right {
left: auto;
right: 10px
}
.uk-notify-bottom-center,
.uk-notify-top-center {
left: 50%;
margin-left: -175px
}
.uk-notify-bottom-center,
.uk-notify-bottom-left,
.uk-notify-bottom-right {
top: auto;
bottom: 10px
}
@media (max-width:479px) {
.uk-notify {
left: 10px;
right: 10px;
width: auto;
margin: 0
}
}
.uk-notify-message {
position: relative;
margin-bottom: 10px;
padding: 15px;
background: #444;
color: #fff;
font-size: 16px;
line-height: 22px;
cursor: pointer;
border: 1px solid #444;
border-radius: 4px
}
.uk-notify-message>.uk-close {
visibility: hidden;
float: right
}
.uk-notify-message:hover>.uk-close {
visibility: visible
}
.uk-notify-message-primary {
background: #ebf7fd;
color: #2d7091;
border-color: rgba(45, 112, 145, .3)
}
.uk-notify-message-success {
background: #f2fae3;
color: #659f13;
border-color: rgba(101, 159, 19, .3)
}
.uk-notify-message-warning {
background: #fffceb;
color: #e28327;
border-color: rgba(226, 131, 39, .3)
}
.uk-notify-message-danger {
background: #fff1f0;
color: #d85030;
border-color: rgba(216, 80, 48, .3)
}
.uk-search {
display: inline-block;
position: relative;
margin: 0
}
.uk-search:before {
content: "\f002";
position: absolute;
top: 0;
left: 0;
width: 30px;
line-height: 30px;
text-align: center;
font-family: FontAwesome;
font-size: 14px;
color: rgba(0, 0, 0, .2)
}
.uk-search-field::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-search-field::-webkit-search-cancel-button,
.uk-search-field::-webkit-search-decoration {
-webkit-appearance: none
}
.uk-search-field::-ms-clear {
display: none
}
.uk-search-field::-moz-placeholder {
opacity: 1
}
.uk-search-field {
box-sizing: border-box;
margin: 0;
border-radius: 0;
font: inherit;
color: #666;
-webkit-appearance: none;
width: 120px;
height: 30px;
padding: 0 0 0 30px;
border: 1px solid transparent;
background: rgba(0, 0, 0, 0);
-webkit-transition: all .2s linear;
transition: all .2s linear;
vertical-align: middle
}
.uk-search-field:-ms-input-placeholder {
color: #999!important
}
.uk-search-field::-moz-placeholder {
color: #999
}
.uk-search-field::-webkit-input-placeholder {
color: #999
}
.uk-search-field:focus {
outline: 0
}
.uk-search-field:focus,
.uk-search.uk-active .uk-search-field {
width: 180px
}
.uk-dropdown-search {
width: 300px;
margin-top: 0;
background: #fff;
color: #666
}
.uk-open>.uk-dropdown-search {
-webkit-animation: uk-slide-top-fixed .2s ease-in-out;
animation: uk-slide-top-fixed .2s ease-in-out
}
.uk-navbar-flip .uk-dropdown-search {
margin-top: 12px;
margin-right: -16px
}
.uk-nav-search>li>a {
color: #666
}
.uk-nav-search>li.uk-active>a {
background: #009dd8;
color: #fff;
outline: 0;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-nav-search .uk-nav-header {
color: #999
}
.uk-nav-search .uk-nav-divider {
border-top: 1px solid #E5E5E5
}
.uk-nav-search ul a {
color: #00adbb
}
.uk-nav-search ul a:hover {
color: #0B5F90
}
.uk-offcanvas .uk-search {
display: block;
margin: 20px 15px
}
.uk-offcanvas .uk-search:before {
color: #777
}
.uk-offcanvas .uk-search-field {
width: 100%;
border-color: transparent;
background: #1a1a1a;
color: #ccc
}
.uk-offcanvas .uk-search-field:-ms-input-placeholder {
color: #777!important
}
.uk-offcanvas .uk-search-field::-moz-placeholder {
color: #777
}
.uk-offcanvas .uk-search-field::-webkit-input-placeholder {
color: #777
}
.uk-nestable {
padding: 0;
list-style: none
}
.uk-nestable a,
.uk-nestable img {
-webkit-touch-callout: none
}
.uk-nestable-list {
margin: 0;
padding-left: 40px;
list-style: none
}
.uk-nestable-item {
touch-action: none
}
.uk-nestable-item+.uk-nestable-item {
margin-top: 10px
}
.uk-nestable-list:not(.uk-nestable-dragged)>.uk-nestable-item:first-child {
margin-top: 10px
}
.uk-nestable-dragged {
position: absolute;
z-index: 1050;
pointer-events: none;
padding-left: 0
}
.uk-nestable-placeholder {
position: relative
}
.uk-nestable-placeholder>* {
opacity: 0
}
.uk-nestable-placeholder:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 1px dashed #E5E5E5;
opacity: 1
}
.uk-nestable-empty {
min-height: 30px
}
.uk-nestable-handle {
touch-action: none
}
.uk-nestable-handle:hover {
cursor: move
}
.uk-nestable-moving,
.uk-nestable-moving * {
cursor: move
}
.uk-nestable-moving iframe {
pointer-events: none
}
[data-nestable-action=toggle] {
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.uk-nestable-toggle {
display: inline-block;
visibility: hidden
}
.uk-nestable-toggle:after {
content: "\f147";
font-family: FontAwesome
}
.uk-parent>:not(.uk-nestable-list) .uk-nestable-toggle {
visibility: visible
}
.uk-collapsed .uk-nestable-list {
display: none
}
.uk-collapsed .uk-nestable-toggle:after {
content: "\f196"
}
.uk-nestable-panel {
padding: 5px;
background: #f7f7f7;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .3);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(to bottom, #fff, #eee);
text-shadow: 0 1px 0 #fff
}
.uk-sortable {
position: relative
}
.uk-sortable>* {
touch-action: none
}
.uk-sortable a,
.uk-sortable img {
-webkit-touch-callout: none
}
.uk-sortable>:last-child {
margin-bottom: 0
}
.uk-sortable-dragged {
position: absolute;
z-index: 1050;
pointer-events: none
}
.uk-sortable-placeholder {
opacity: 0
}
.uk-sortable-empty {
min-height: 30px
}
.uk-sortable-handle {
touch-action: none
}
.uk-sortable-handle:hover {
cursor: move
}
.uk-sortable-moving,
.uk-sortable-moving * {
cursor: move
}
.uk-sortable-moving iframe {
pointer-events: none
}
[data-uk-sticky].uk-active {
z-index: 980;
box-sizing: border-box;
-webkit-backface-visibility: hidden
}
[data-uk-sticky][class*=uk-animation-] {
-webkit-animation-duration: .2s;
animation-duration: .2s
}
[data-uk-sticky].uk-animation-reverse {
-webkit-animation-duration: .2s;
animation-duration: .2s
}
.uk-dragover {
box-shadow: 0 0 20px rgba(100, 100, 100, .3)
}
.uk-tooltip {
display: none;
position: absolute;
z-index: 1030;
box-sizing: border-box;
max-width: 200px;
padding: 5px 8px;
background: #333;
color: rgba(255, 255, 255, .7);
font-size: 12px;
line-height: 18px;
border-radius: 3px;
text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}
.uk-tooltip:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border: 5px dashed #333
}
.uk-tooltip-top-left:after,
.uk-tooltip-top-right:after,
.uk-tooltip-top:after {
bottom: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: #333
}
.uk-tooltip-bottom-left:after,
.uk-tooltip-bottom-right:after,
.uk-tooltip-bottom:after {
top: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: #333
}
.uk-tooltip-bottom:after,
.uk-tooltip-top:after {
left: 50%;
margin-left: -5px
}
.uk-tooltip-bottom-left:after,
.uk-tooltip-top-left:after {
left: 10px
}
.uk-tooltip-bottom-right:after,
.uk-tooltip-top-right:after {
right: 10px
}
.uk-tooltip-left:after {
right: -5px;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: #333
}
.uk-tooltip-right:after {
left: -5px;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
border-right-color: #333
}
.offcanvas li.l1>a.dropicon {
position: absolute;
z-index: 0;
padding: 10px 20px;
border-left: 1px solid #242424;
right: 2px;
top: 0;
width: 0
}
.offcanvas li.l1>a:not(.dropicon)::after {
display: none
}
.offcanvas li.l1.uk-parent>a:not(.dropicon) {
margin-right: 42px
}
.offcanvas ul.l3 {
border-top: 0;
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.05);
box-shadow: inset 1px 0 0 rgba(255,255,255,.05);
border-left: 1px solid rgba(0,0,0,.3)
}
.lib-dib {
display: inline-block
}
.lib-db {
display: block
}
.lib-di {
display: inline
}
.lib-ha {
height: auto
}
.lib-fl-none {
float: none
}
.lib-italic {
font-style: italic
}
.lib-uppercase {
text-transform: uppercase
}
.lib-capitalize {
text-transform: capitalize
}
.lib-grid-5 {
margin-left: -5px
}
.lib-grid-5>* {
padding-left: 5px
}
.lib-grid-15 {
margin-left: -15px
}
.lib-grid-15>* {
padding-left: 15px
}
.lib-grid-20 {
margin-left: -20px
}
.lib-grid-20>* {
padding-left: 20px
}
.lib-grid-30 {
margin-left: -30px
}
.lib-grid-30>* {
padding-left: 30px
}
.lib-grid-35 {
margin-left: -35px
}
.lib-grid-35>* {
padding-left: 35px
}
.lib-grid-40 {
margin-left: -40px
}
.lib-grid-40>* {
padding-left: 40px
}
.lib-grid-45 {
margin-left: -45px
}
.lib-grid-45>* {
padding-left: 45px
}
.lib-grid-50 {
margin-left: -50px
}
.lib-grid-50>* {
padding-left: 50px
}
.m0 {
margin: 0!important
}
.ml0 {
margin-left: 0
}
.mr0 {
margin-right: 0
}
.mt0 {
margin-top: 0
}
.mb0 {
margin-bottom: 0!important
}
.mlr0 {
margin-left: 0;
margin-right: 0
}
.mtb0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.m5 {
margin: 5px
}
.ml5 {
margin-left: 5px
}
.mr5 {
margin-right: 5px
}
.mt5 {
margin-top: 5px
}
.mb5 {
margin-bottom: 5px!important
}
.mlr5 {
margin-left: 5px;
margin-right: 5px
}
.mtb5 {
margin-top: 5px;
margin-bottom: 5px
}
.m10 {
margin: 10px
}
.ml10 {
margin-left: 10px
}
.mr10 {
margin-right: 10px
}
.mt10 {
margin-top: 10px
}
.mb10 {
margin-bottom: 10px!important
}
.mlr10 {
margin-left: 10px;
margin-right: 10px
}
.mtb10 {
margin-top: 10px;
margin-bottom: 10px
}
.m15 {
margin: 15px
}
.ml15 {
margin-left: 15px
}
.mr15 {
margin-right: 15px
}
.mt15 {
margin-top: 15px
}
.mb15 {
margin-bottom: 15px!important
}
.mlr15 {
margin-left: 15px;
margin-right: 15px
}
.mtb15 {
margin-top: 15px;
margin-bottom: 15px
}
.m20 {
margin: 20px
}
.ml20 {
margin-left: 20px
}
.mr20 {
margin-right: 20px
}
.mt20 {
margin-top: 20px
}
.mb20 {
margin-bottom: 20px!important
}
.mlr20 {
margin-left: 20px;
margin-right: 20px
}
.mtb20 {
margin-top: 20px;
margin-bottom: 20px
}
.m25 {
margin: 25px
}
.ml25 {
margin-left: 25px
}
.mr25 {
margin-right: 25px
}
.mt25 {
margin-top: 25px
}
.mb25 {
margin-bottom: 25px!important
}
.mlr25 {
margin-left: 25px;
margin-right: 25px
}
.mtb25 {
margin-top: 25px;
margin-bottom: 25px
}
.m30 {
margin: 30px
}
.ml30 {
margin-left: 30px
}
.mr30 {
margin-right: 30px
}
.mt30 {
margin-top: 30px
}
.mb30 {
margin-bottom: 30px!important
}
.mlr30 {
margin-left: 30px;
margin-right: 30px
}
.mtb30 {
margin-top: 30px;
margin-bottom: 30px
}
.m35 {
margin: 35px
}
.ml35 {
margin-left: 35px
}
.mr35 {
margin-right: 35px
}
.mt35 {
margin-top: 35px
}
.mb35 {
margin-bottom: 35px!important
}
.mlr35 {
margin-left: 35px;
margin-right: 35px
}
.mtb35 {
margin-top: 35px;
margin-bottom: 35px
}
.m40 {
margin: 40px
}
.ml40 {
margin-left: 40px
}
.mr40 {
margin-right: 40px
}
.mt40 {
margin-top: 40px
}
.mb40 {
margin-bottom: 40px!important
}
.mlr40 {
margin-left: 40px;
margin-right: 40px
}
.mtb40 {
margin-top: 40px;
margin-bottom: 40px
}
.m45 {
margin: 45px
}
.ml45 {
margin-left: 45px
}
.mr45 {
margin-right: 45px
}
.mt45 {
margin-top: 45px
}
.mb45 {
margin-bottom: 45px!important
}
.mlr45 {
margin-left: 45px;
margin-right: 45px
}
.mtb45 {
margin-top: 45px;
margin-bottom: 45px
}
.m50 {
margin: 50px
}
.ml50 {
margin-left: 50px
}
.mr50 {
margin-right: 50px
}
.mt50 {
margin-top: 50px
}
.mb50 {
margin-bottom: 50px!important
}
.mlr50 {
margin-left: 50px;
margin-right: 50px
}
.mtb50 {
margin-top: 50px;
margin-bottom: 50
}
.p0 {
padding: 0!important
}
.pl0 {
padding-left: 0
}
.pr0 {
padding-right: 0
}
.pt0 {
padding-top: 0
}
.pb0 {
padding-bottom: 0!important
}
.plr0 {
padding-left: 0;
padding-right: 0
}
.ptb0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.p5 {
padding: 5px
}
.pl5 {
padding-left: 5px
}
.pr5 {
padding-right: 5px
}
.pt5 {
padding-top: 5px
}
.pb5 {
padding-bottom: 5px!important
}
.plr5 {
padding-left: 5px;
padding-right: 5px
}
.ptb5 {
padding-top: 5px;
padding-bottom: 5px
}
.p10 {
padding: 10px
}
.pl10 {
padding-left: 10px
}
.pr10 {
padding-right: 10px
}
.pt10 {
padding-top: 10px
}
.pb10 {
padding-bottom: 10px!important
}
.plr10 {
padding-left: 10px;
padding-right: 10px
}
.ptb10 {
padding-top: 10px;
padding-bottom: 10px
}
.p15 {
padding: 15px
}
.pl15 {
padding-left: 15px
}
.pr15 {
padding-right: 15px
}
.pt15 {
padding-top: 15px
}
.pb15 {
padding-bottom: 15px!important
}
.plr15 {
padding-left: 15px;
padding-right: 15px
}
.ptb15 {
padding-top: 15px;
padding-bottom: 15px
}
.p20 {
padding: 20px
}
.pl20 {
padding-left: 20px
}
.pr20 {
padding-right: 20px
}
.pt20 {
padding-top: 20px
}
.pb20 {
padding-bottom: 20px!important
}
.plr20 {
padding-left: 20px;
padding-right: 20px
}
.ptb20 {
padding-top: 20px;
padding-bottom: 20px
}
.p25 {
padding: 25px
}
.pl25 {
padding-left: 25px
}
.pr25 {
padding-right: 25px
}
.pt25 {
padding-top: 25px
}
.pb25 {
padding-bottom: 25px!important
}
.plr25 {
padding-left: 25px;
padding-right: 25px
}
.ptb25 {
padding-top: 25px;
padding-bottom: 25px
}
.p30 {
padding: 30px
}
.pl30 {
padding-left: 30px
}
.pr30 {
padding-right: 30px
}
.pt30 {
padding-top: 30px
}
.pb30 {
padding-bottom: 30px!important
}
.plr30 {
padding-left: 30px;
padding-right: 30px
}
.ptb30 {
padding-top: 30px;
padding-bottom: 30px
}
.p35 {
padding: 35px
}
.pl35 {
padding-left: 35px
}
.pr35 {
padding-right: 35px
}
.pt35 {
padding-top: 35px
}
.pb35 {
padding-bottom: 35px!important
}
.plr35 {
padding-left: 35px;
padding-right: 35px
}
.ptb35 {
padding-top: 35px;
padding-bottom: 35px
}
.p40 {
padding: 40px
}
.pl40 {
padding-left: 40px
}
.pr40 {
padding-right: 40px
}
.pt40 {
padding-top: 40px
}
.pb40 {
padding-bottom: 40px!important
}
.plr40 {
padding-left: 40px;
padding-right: 40px
}
.ptb40 {
padding-top: 40px;
padding-bottom: 40px
}
.p45 {
padding: 45px
}
.pl45 {
padding-left: 45px
}
.pr45 {
padding-right: 45px
}
.pt45 {
padding-top: 45px
}
.pb45 {
padding-bottom: 45px!important
}
.plr45 {
padding-left: 45px;
padding-right: 45px
}
.ptb45 {
padding-top: 45px;
padding-bottom: 45px
}
.p50 {
padding: 50px
}
.pl50 {
padding-left: 50px
}
.pr50 {
padding-right: 50px
}
.pt50 {
padding-top: 50px
}
.pb50 {
padding-bottom: 50px!important
}
.plr50 {
padding-left: 50px;
padding-right: 50px
}
.ptb50 {
padding-top: 50px;
padding-bottom: 50
}
@media (min-width: 1220px) {
.lib-visible-xlarge {
display:block;
visibility: visible
}
}
@media (max-width: 1220px) {
.lib-visible-xlarge {
display:none;
visibility: hidden
}
}
@media (min-width: 1220px) {
.lib-hidden-xlarge {
display:none;
visibility: hidden
}
}
@media (max-width: 1220px) {
.lib-hidden-xlarge {
display:block;
visibility: visible
}
}
@media (max-width: 1220px) {
.col-1220 {
-webkit-flex-direction:column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
}
@media (max-width: 960px) {
.col-960 {
-webkit-flex-direction:column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
}
@media (max-width: 768px) {
.col-768 {
-webkit-flex-direction:column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
}
@media (max-width: 567px) {
.col-567 {
-webkit-flex-direction:column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
}
@media (max-width: 479px) {
.col-479 {
-webkit-flex-direction:column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
}
@media (max-width: 1220px) {
.col-reverse-1220 {
-webkit-flex-direction:column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media (max-width: 960px) {
.col-reverse-960 {
-webkit-flex-direction:column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media (max-width: 768px) {
.col-reverse-768 {
-webkit-flex-direction:column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media (max-width: 567px) {
.col-reverse-567 {
-webkit-flex-direction:column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media (max-width: 479px) {
.col-reverse-479 {
-webkit-flex-direction:column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
[class*=lib-line] {
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical
}
.lib-line-1 {
-webkit-line-clamp: 1
}
.lib-line-2 {
-webkit-line-clamp: 2
}
.lib-line-3 {
-webkit-line-clamp: 3
}
.lib-line-4 {
-webkit-line-clamp: 4
}
.lib-line-5 {
-webkit-line-clamp: 5
}
.lib-line-6 {
-webkit-line-clamp: 6
}
.lib-line-7 {
-webkit-line-clamp: 7
}
.lib-line-8 {
-webkit-line-clamp: 8
}
.lib-line-9 {
-webkit-line-clamp: 9
}
.lib-line-10 {
-webkit-line-clamp: 10
}
.img-responsive {
display: block;
width: 100%;
height: 100%
}
.img-responsive img {
display: block;
width: 100%;
height: auto
}
.img-fit {
position: relative;
display: block;
text-align: center
}
.img-fit>img {
max-width: 100%;
max-height: 100%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.img-cover {
display: block;
width: 100%;
height: 100%
}
.img-cover img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.img-fit-fill {
display: block;
width: 100%;
height: 100%
}
.img-fit-fill img {
display: block;
width: inherit;
height: inherit;
object-fit: fill
}
.img-contain {
display: block;
width: 100%;
height: 100%
}
.img-contain img {
display: block;
width: 100%;
height: 100%;
object-fit: contain
}
.img-scaledown {
display: block;
width: 100%;
height: 100%
}
.img-scaledown img {
display: block;
width: 100%;
height: 100%;
object-fit: scale-down
}
.moblie-menu-btn {
position: absolute;
width: 25px;
height: 30px;
left: 10px;
top: 50%;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%)
}
.moblie-menu-btn>* {
display: block;
position: relative;
width: 23px;
height: 2px;
top: 14px;
background: #333;
text-indent: -99999px
}
.moblie-menu-btn>:after,.moblie-menu-btn>:before {
content: '';
display: block;
position: absolute;
height: 2px;
width: 23px;
left: 0;
background: #333;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear
}
.moblie-menu-btn>:before {
top: -7px
}
.moblie-menu-btn>:after {
bottom: -7px
}
.uk-offcanvas-page .moblie-menu-btn.skin-1>:before {
width: 13px;
-webkit-transform: rotate(315deg) translate(-4px,0);
-moz-transform: rotate(315deg) translate(-4px,0);
-o-transform: rotate(315deg) translate(-4px,0);
-ms-transform: rotate(315deg) translate(-4px,0);
transform: rotate(315deg) translate(-4px,0)
}
.uk-offcanvas-page .moblie-menu-btn.skin-1>:after {
width: 13px;
-webkit-transform: rotate(-315deg) translate(-4px,0);
-moz-transform: rotate(-315deg) translate(-4px,0);
-o-transform: rotate(-315deg) translate(-4px,0);
-ms-transform: rotate(-315deg) translate(-4px,0);
transform: rotate(-315deg) translate(-4px,0)
}
.button-scaleX {
display: inline-block;
position: relative;
padding: 12px 20px;
font-size: 14px;
line-height: 20px;
color: #fff;
-moz-border-radius: 25px;
-o-border-radius: 25px;
-ms-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
background: #0a5495;
-webkit-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear
}
.button-scaleX:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
background: #0a5495;
-moz-border-radius: 25px;
-o-border-radius: 25px;
-ms-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.button-scaleX>* {
position: relative;
z-index: 20
}
.button-scaleX:hover {
background: 0 0
}
.button-scaleX:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
.img-effect1 {
position: relative;
overflow: hidden;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear
}
.img-effect1:after,.img-effect1:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
box-shadow: 75px 0 0 rgba(255,255,255,.01) inset,0 75px 0 rgba(255,255,255,.01) inset,-75px 0 0 rgba(255,255,255,.01) inset,0 -75px 0 rgba(255,255,255,.01) inset;
-webkit-box-shadow: 75px 0 0 rgba(255,255,255,.01) inset,0 75px 0 rgba(255,255,255,.01) inset,-75px 0 0 rgba(255,255,255,.01) inset,0 -75px 0 rgba(255,255,255,.01) inset;
-moz-box-shadow: 75px 0 0 rgba(255,255,255,.01) inset,0 75px 0 rgba(255,255,255,.01) inset,-75px 0 0 rgba(255,255,255,.01) inset,0 -75px 0 rgba(255,255,255,.01) inset;
-ms-box-shadow: 75px 0 0 rgba(255,255,255,.01) inset,0 75px 0 rgba(255,255,255,.01) inset,-75px 0 0 rgba(255,255,255,.01) inset,0 -75px 0 rgba(255,255,255,.01) inset;
-o-box-shadow: 75px 0 0 rgba(255,255,255,.01) inset,0 75px 0 rgba(255,255,255,.01) inset,-75px 0 0 rgba(255,255,255,.01) inset,0 -75px 0 rgba(255,255,255,.01) inset;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear
}
.img-effect1:after {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg)
}
.img-effect1:hover:after,.img-effect1:hover:before {
box-shadow: 5px 0 0 rgba(255,0,0,.5) inset,0 5px 0 rgba(252,150,0,.5) inset,-5px 0 0 rgba(0,255,0,.5) inset,0 -5px 0 rgba(0,150,255,.5) inset;
-webkit-box-shadow: 5px 0 0 rgba(255,0,0,.5) inset,0 5px 0 rgba(252,150,0,.5) inset,-5px 0 0 rgba(0,255,0,.5) inset,0 -5px 0 rgba(0,150,255,.5) inset;
-moz-box-shadow: 5px 0 0 rgba(255,0,0,.5) inset,0 5px 0 rgba(252,150,0,.5) inset,-5px 0 0 rgba(0,255,0,.5) inset,0 -5px 0 rgba(0,150,255,.5) inset;
-ms-box-shadow: 5px 0 0 rgba(255,0,0,.5) inset,0 5px 0 rgba(252,150,0,.5) inset,-5px 0 0 rgba(0,255,0,.5) inset,0 -5px 0 rgba(0,150,255,.5) inset;
-o-box-shadow: 5px 0 0 rgba(255,0,0,.5) inset,0 5px 0 rgba(252,150,0,.5) inset,-5px 0 0 rgba(0,255,0,.5) inset,0 -5px 0 rgba(0,150,255,.5) inset
}
.img-effect1:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05)
}
.img-paper-roll {
position: relative
}
.img-paper-roll:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
top: 0;
right: 0;
background: linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
transition-duration: .4s;
-webkit-transition-property: width,height;
-moz-transition-property: width,height;
-ms-transition-property: width,height;
-o-transition-property: width,height;
transition-property: width,height;
z-index: 100
}
.img-paper-roll:hover:before {
width: 25px;
height: 25px
}
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:after,.ui-helper-clearfix:before {
content: "";
display: table;
border-collapse: collapse
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-front {
z-index: 100
}
.ui-state-disabled {
cursor: default!important;
pointer-events: none
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0
}
.ui-menu .ui-menu {
position: absolute
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0
}
.ui-menu .ui-state-active,.ui-menu .ui-state-focus {
margin: -1px
}
.ui-menu-icons {
position: relative
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible
}
.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited {
text-decoration: none
}
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap
}
input.ui-button.ui-button-icon-only {
text-indent: 0
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em
}
button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner {
border: 0;
padding: 0
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block
}
.ui-controlgroup>.ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0
}
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus {
z-index: 9999
}
.ui-controlgroup-vertical>.ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%
}
.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
border-left: none
}
.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
border-top: none
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none
}
.ui-controlgroup-vertical .ui-spinner-input {
width: 75%;
width: calc(100% - 2.4em)
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid
}
.ui-checkboxradio-disabled {
pointer-events: none
}
.ui-slider {
position: relative;
text-align: left
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit
}
.ui-slider-horizontal {
height: .8em
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.ui-slider-vertical {
width: .8em;
height: 100px
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
top: 0
}
.ui-tabs {
position: relative;
padding: .2em
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: 0 0
}
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em
}
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5
}
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333
}
.ui-widget-content a {
color: #333
}
.ui-widget-header {
border: 1px solid #ddd;
background: #e9e9e9;
color: #333;
font-weight: 700
}
.ui-widget-header a {
color: #333
}
.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: 400;
color: #454545
}
.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button {
color: #454545;
text-decoration: none
}
.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
border: 1px solid #ccc;
background: #ededed;
font-weight: 400;
color: #2b2b2b
}
.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover {
color: #2b2b2b;
text-decoration: none
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6
}
.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active {
border: 1px solid #003eff;
background: #007fff;
font-weight: 400;
color: #fff
}
.ui-icon-background,.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #fff
}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
color: #fff;
text-decoration: none
}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90
}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
color: #777620
}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f
}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
color: #5f3f3f
}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
color: #5f3f3f
}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
font-weight: 700
}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: 400
}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35)
}
.ui-icon {
width: 16px;
height: 16px
}
.ui-icon,.ui-widget-content .ui-icon {
background-image: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/images/ui/ui-icons_444444_256x240.png)
}
.ui-widget-header .ui-icon {
background-image: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/images/ui/ui-icons_444444_256x240.png)
}
.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon {
background-image: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/images/ui/ui-icons_555555_256x240.png)
}
.ui-button:active .ui-icon,.ui-state-active .ui-icon {
background-image: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/images/ui/ui-icons_ffffff_256x240.png)
}
.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon {
background-image: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/images/ui/ui-icons_777620_256x240.png)
}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
background-image: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/images/ui/ui-icons_cc0000_256x240.png)
}
.ui-button .ui-icon {
background-image: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/images/ui/ui-icons_777777_256x240.png)
}
.ui-icon-blank {
background-position: 16px 16px
}
.ui-icon-caret-1-n {
background-position: 0 0
}
.ui-icon-caret-1-ne {
background-position: -16px 0
}
.ui-icon-caret-1-e {
background-position: -32px 0
}
.ui-icon-caret-1-se {
background-position: -48px 0
}
.ui-icon-caret-1-s {
background-position: -65px 0
}
.ui-icon-caret-1-sw {
background-position: -80px 0
}
.ui-icon-caret-1-w {
background-position: -96px 0
}
.ui-icon-caret-1-nw {
background-position: -112px 0
}
.ui-icon-caret-2-n-s {
background-position: -128px 0
}
.ui-icon-caret-2-e-w {
background-position: -144px 0
}
.ui-icon-triangle-1-n {
background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px
}
.ui-icon-triangle-1-e {
background-position: -32px -16px
}
.ui-icon-triangle-1-se {
background-position: -48px -16px
}
.ui-icon-triangle-1-s {
background-position: -65px -16px
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px
}
.ui-icon-triangle-1-w {
background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px
}
.ui-icon-arrow-1-n {
background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px
}
.ui-icon-arrow-1-e {
background-position: -32px -32px
}
.ui-icon-arrow-1-se {
background-position: -48px -32px
}
.ui-icon-arrow-1-s {
background-position: -65px -32px
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px
}
.ui-icon-arrow-1-w {
background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
background-position: 1px -48px
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px
}
.ui-icon-arrow-4 {
background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px
}
.ui-icon-extlink {
background-position: -32px -80px
}
.ui-icon-newwin {
background-position: -48px -80px
}
.ui-icon-refresh {
background-position: -64px -80px
}
.ui-icon-shuffle {
background-position: -80px -80px
}
.ui-icon-transfer-e-w {
background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px
}
.ui-icon-folder-collapsed {
background-position: 0 -96px
}
.ui-icon-folder-open {
background-position: -16px -96px
}
.ui-icon-document {
background-position: -32px -96px
}
.ui-icon-document-b {
background-position: -48px -96px
}
.ui-icon-note {
background-position: -64px -96px
}
.ui-icon-mail-closed {
background-position: -80px -96px
}
.ui-icon-mail-open {
background-position: -96px -96px
}
.ui-icon-suitcase {
background-position: -112px -96px
}
.ui-icon-comment {
background-position: -128px -96px
}
.ui-icon-person {
background-position: -144px -96px
}
.ui-icon-print {
background-position: -160px -96px
}
.ui-icon-trash {
background-position: -176px -96px
}
.ui-icon-locked {
background-position: -192px -96px
}
.ui-icon-unlocked {
background-position: -208px -96px
}
.ui-icon-bookmark {
background-position: -224px -96px
}
.ui-icon-tag {
background-position: -240px -96px
}
.ui-icon-home {
background-position: 0 -112px
}
.ui-icon-flag {
background-position: -16px -112px
}
.ui-icon-calendar {
background-position: -32px -112px
}
.ui-icon-cart {
background-position: -48px -112px
}
.ui-icon-pencil {
background-position: -64px -112px
}
.ui-icon-clock {
background-position: -80px -112px
}
.ui-icon-disk {
background-position: -96px -112px
}
.ui-icon-calculator {
background-position: -112px -112px
}
.ui-icon-zoomin {
background-position: -128px -112px
}
.ui-icon-zoomout {
background-position: -144px -112px
}
.ui-icon-search {
background-position: -160px -112px
}
.ui-icon-wrench {
background-position: -176px -112px
}
.ui-icon-gear {
background-position: -192px -112px
}
.ui-icon-heart {
background-position: -208px -112px
}
.ui-icon-star {
background-position: -224px -112px
}
.ui-icon-link {
background-position: -240px -112px
}
.ui-icon-cancel {
background-position: 0 -128px
}
.ui-icon-plus {
background-position: -16px -128px
}
.ui-icon-plusthick {
background-position: -32px -128px
}
.ui-icon-minus {
background-position: -48px -128px
}
.ui-icon-minusthick {
background-position: -64px -128px
}
.ui-icon-close {
background-position: -80px -128px
}
.ui-icon-closethick {
background-position: -96px -128px
}
.ui-icon-key {
background-position: -112px -128px
}
.ui-icon-lightbulb {
background-position: -128px -128px
}
.ui-icon-scissors {
background-position: -144px -128px
}
.ui-icon-clipboard {
background-position: -160px -128px
}
.ui-icon-copy {
background-position: -176px -128px
}
.ui-icon-contact {
background-position: -192px -128px
}
.ui-icon-image {
background-position: -208px -128px
}
.ui-icon-video {
background-position: -224px -128px
}
.ui-icon-script {
background-position: -240px -128px
}
.ui-icon-alert {
background-position: 0 -144px
}
.ui-icon-info {
background-position: -16px -144px
}
.ui-icon-notice {
background-position: -32px -144px
}
.ui-icon-help {
background-position: -48px -144px
}
.ui-icon-check {
background-position: -64px -144px
}
.ui-icon-bullet {
background-position: -80px -144px
}
.ui-icon-radio-on {
background-position: -96px -144px
}
.ui-icon-radio-off {
background-position: -112px -144px
}
.ui-icon-pin-w {
background-position: -128px -144px
}
.ui-icon-pin-s {
background-position: -144px -144px
}
.ui-icon-play {
background-position: 0 -160px
}
.ui-icon-pause {
background-position: -16px -160px
}
.ui-icon-seek-next {
background-position: -32px -160px
}
.ui-icon-seek-prev {
background-position: -48px -160px
}
.ui-icon-seek-end {
background-position: -64px -160px
}
.ui-icon-seek-start {
background-position: -80px -160px
}
.ui-icon-seek-first {
background-position: -80px -160px
}
.ui-icon-stop {
background-position: -96px -160px
}
.ui-icon-eject {
background-position: -112px -160px
}
.ui-icon-volume-off {
background-position: -128px -160px
}
.ui-icon-volume-on {
background-position: -144px -160px
}
.ui-icon-power {
background-position: 0 -176px
}
.ui-icon-signal-diag {
background-position: -16px -176px
}
.ui-icon-signal {
background-position: -32px -176px
}
.ui-icon-battery-0 {
background-position: -48px -176px
}
.ui-icon-battery-1 {
background-position: -64px -176px
}
.ui-icon-battery-2 {
background-position: -80px -176px
}
.ui-icon-battery-3 {
background-position: -96px -176px
}
.ui-icon-circle-plus {
background-position: 0 -192px
}
.ui-icon-circle-minus {
background-position: -16px -192px
}
.ui-icon-circle-close {
background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px
}
.ui-icon-circle-zoomin {
background-position: -176px -192px
}
.ui-icon-circle-zoomout {
background-position: -192px -192px
}
.ui-icon-circle-check {
background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px
}
.ui-icon-circlesmall-close {
background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px
}
.ui-icon-squaresmall-close {
background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px
}
.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top {
border-top-left-radius: 3px
}
.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr {
border-top-right-radius: 3px
}
.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left {
border-bottom-left-radius: 3px
}
.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right {
border-bottom-right-radius: 3px
}
.ui-widget-overlay {
background: #aaa;
opacity: .3;
filter: Alpha(Opacity=30)
}
.ui-widget-shadow {
-webkit-box-shadow: 0 0 5px #666;
box-shadow: 0 0 5px #666
}
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: 1px solid #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: 400;
height: 42px;
line-height: 40px;
outline: 0;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left!important;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto
}
.nice-select:hover {
border-color: #dbdbdb
}
.nice-select.open,.nice-select:active,.nice-select:focus {
border-color: #999
}
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
width: 5px
}
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg)
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0)
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none
}
.nice-select.disabled:after {
border-color: #ccc
}
.nice-select.wide {
width: 100%
}
.nice-select.wide .list {
left: 0!important;
right: 0!important
}
.nice-select.right {
float: right
}
.nice-select.right .list {
left: auto;
right: 0
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px
}
.nice-select.small:after {
height: 4px;
width: 4px
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px
}
.nice-select .list {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68,68,68,.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(.75) translateY(-21px);
-ms-transform: scale(.75) translateY(-21px);
transform: scale(.75) translateY(-21px);
-webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
z-index: 9
}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent!important
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: 0;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all .2s;
transition: all .2s
}
.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover {
background-color: #f6f6f6
}
.nice-select .option.selected {
font-weight: 700
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default
}
.no-csspointerevents .nice-select .list {
display: none
}
.no-csspointerevents .nice-select.open .list {
display: block
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform,-webkit-transform
}
.swiper-invisible-blank-slide {
visibility: hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height,-webkit-transform;
transition-property: height,-webkit-transform;
-o-transition-property: transform,height;
transition-property: transform,height;
transition-property: transform,height,-webkit-transform
}
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-button-next,.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s opacity;
-o-transition: .3s opacity;
transition: .3s opacity;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: .2s top,.2s -webkit-transform;
transition: .2s top,.2s -webkit-transform;
-o-transition: .2s transform,.2s top;
transition: .2s transform,.2s top;
transition: .2s transform,.2s top,.2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s left,.2s -webkit-transform;
transition: .2s left,.2s -webkit-transform;
-o-transition: .2s transform,.2s left;
transition: .2s transform,.2s left;
transition: .2s transform,.2s left,.2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s right,.2s -webkit-transform;
transition: .2s right,.2s -webkit-transform;
-o-transition: .2s transform,.2s right;
transition: .2s transform,.2s right;
transition: .2s transform,.2s right,.2s -webkit-transform
}
.swiper-pagination-progressbar {
background: rgba(0,0,0,.25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255,255,255,.25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0,0,0,.25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0,0,0,.5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
animation: swiper-preloader-spin 1s steps(12,end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px
}
.img-flash,.img-shine {
position: relative;
overflow: hidden
}
.img-circle:before,.img-shine:before {
content: '';
display: block
}
.img-circle,.img-flash,.img-shine,.img-slide,.img-zoomin,.img-zoomout {
overflow: hidden
}
.img-flash:hover>* {
opacity: 1;
-webkit-animation: imgFlash 1.5s;
-o-animation: imgFlash 1.5s;
animation: imgFlash 1.5s
}
@-webkit-keyframes imgFlash {
0% {
opacity: .6
}
100% {
opacity: 1
}
}
@-moz-keyframes imgFlash {
0% {
opacity: .6
}
100% {
opacity: 1
}
}
@keyframes imgFlash {
0% {
opacity: .6
}
100% {
opacity: 1
}
}
.img-shine:before {
position: absolute;
top: 0;
left: -75%;
z-index: 100;
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 100%);
background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
-o-transform: skewX(-25deg);
transform: skewX(-25deg)
}
.img-shine:hover:before {
-webkit-animation: imgShine .75s ease-in-out;
-o-animation: imgShine .75s ease-in-out;
animation: imgShine .75s ease-in-out
}
@-webkit-keyframes imgShine {
100% {
left: 125%
}
}
@-moz-keyframes imgShine {
100% {
left: 125%
}
}
@keyframes imgShine {
100% {
left: 125%
}
}
.img-circle {
position: relative
}
.img-circle:before {
position: absolute;
width: 0;
height: 0;
border-radius: 50%;
top: 50%;
left: 50%;
z-index: 10;
opacity: 0;
background: rgba(255,255,255,.3);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.img-slide,.img-slide>*,.img-zoomin,.img-zoomin>*,.img-zoomout,.img-zoomout>*,[class*=img-caption] {
position: relative
}
.img-circle:hover:before {
-webkit-animation: circle .75s infinite;
animation: circle .75s infinite
}
@-webkit-keyframes circle {
0%,40% {
opacity: 1
}
100% {
width: 200%;
height: 200%;
opacity: 0
}
}
@-moz-keyframes circle {
0%,40% {
opacity: 1
}
100% {
width: 200%;
height: 200%;
opacity: 0
}
}
@keyframes circle {
0%,40% {
opacity: 1
}
100% {
width: 200%;
height: 200%;
opacity: 0
}
}
.img-zoomin>* {
-webkit-transition: transform .4s ease-in-out;
-o-transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out
}
.img-zoomin:hover>* {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.img-slide>* {
left: 0;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.img-slide:hover>* {
left: -10px
}
.img-zoomout>* {
-webkit-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.img-zoomout:hover>* {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
[class*=img-caption] {
display: block;
overflow: hidden
}
[class*=img-caption] .image {
display: block;
position: relative;
font-size: 0;
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
[class*=img-caption]>.info {
display: block;
position: absolute;
z-index: 100;
left: 0;
right: 0;
background: #fff;
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
backface-visibility: hidden
}
.img-caption-bottom>.info {
visibility: hidden;
opacity: 0;
top: initial;
bottom: 0;
-webkit-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
backface-visibility: hidden
}
.img-caption-bottom:hover>.info {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.img-caption-bottom:hover>.image {
-webkit-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px)
}
.img-caption-top>.info {
opacity: 0;
top: 0;
bottom: initial;
-webkit-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.img-caption-top:hover>.info {
opacity: 1;
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.img-caption-top:hover>.image {
-webkit-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px)
}
[class*=img-push] {
display: block;
overflow: hidden;
position: relative
}
[class*=img-push] .image {
display: block;
position: relative;
-webkit-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
[class*=img-push] .info {
display: block;
position: absolute;
z-index: 100;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #fff;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.img-push-up .info {
-webkit-transform: translate(0,100%);
-o-transform: translate(0,100%);
transform: translate(0,100%)
}
.img-push-down .info,.img-push-up:hover .image {
-webkit-transform: translate(0,-100%);
-o-transform: translate(0,-100%);
transform: translate(0,-100%)
}
.img-push-down:hover .image {
-webkit-transform: translate(0,100%);
-o-transform: translate(0,100%);
transform: translate(0,100%)
}
.img-push-left .info {
-webkit-transform: translate(100%,0);
-o-transform: translate(100%,0);
transform: translate(100%,0)
}
.img-push-left:hover .image,.img-push-right .info {
-webkit-transform: translate(-100%,0);
-o-transform: translate(-100%,0);
transform: translate(-100%,0)
}
.img-push-right:hover .image {
-webkit-transform: translate(100%,0);
-o-transform: translate(100%,0);
transform: translate(100%,0)
}
[class*=img-push]:hover .info {
-webkit-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0)
}
@-moz-keyframes hotline-shake {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
-moz-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-moz-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-moz-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-moz-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-moz-transform: rotate(0) scale(1) skew(1deg)
}
100% {
-moz-transform: rotate(0) scale(1) skew(1deg)
}
}
@-webkit-keyframes hotline-shake {
0% {
-webkit-transform: rotate(0) scale(1) skew(1deg)
}
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg)
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg)
}
}
@-o-keyframes hotline-shake {
0% {
-o-transform: rotate(0) scale(1) skew(1deg)
}
10% {
-o-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-o-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-o-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-o-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-o-transform: rotate(0) scale(1) skew(1deg)
}
100% {
-o-transform: rotate(0) scale(1) skew(1deg)
}
}
@keyframes hotline-shake {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@-moz-keyframes btn-blink {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes btn-blink {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes btn-blink {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
.simply-scroll-container {
position: relative
}
.simply-scroll-clip {
position: relative;
overflow: hidden
}
.simply-scroll-list {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none
}
.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none
}
.simply-scroll-list li img {
border: none;
display: block
}
.simply-scroll-btn {
position: absolute;
background-image: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/css/buttons.png);
width: 42px;
height: 44px;
z-index: 3;
cursor: pointer
}
.simply-scroll-btn-left {
left: 6px;
bottom: 6px;
background-position: 0 -44px
}
.simply-scroll-btn-left.disabled {
background-position: 0 0!important
}
.simply-scroll-btn-left:focus,.simply-scroll-btn-left:hover {
background-position: 0 -88px
}
.simply-scroll-btn-right {
right: 6px;
bottom: 6px;
background-position: -84px -44px
}
.simply-scroll-btn-right.disabled {
background-position: -84px 0!important
}
.simply-scroll-btn-right:focus,.simply-scroll-btn-right:hover {
background-position: -84px -88px
}
.simply-scroll-btn-up {
right: 6px;
top: 6px;
background-position: -126px -44px
}
.simply-scroll-btn-up.disabled {
background-position: -126px 0!important
}
.simply-scroll-btn-up:focus,.simply-scroll-btn-up:hover {
background-position: -126px -88px
}
.simply-scroll-btn-down {
right: 6px;
bottom: 6px;
background-position: -42px -44px
}
.simply-scroll-btn-down.disabled {
background-position: -42px 0!important
}
.simply-scroll-btn-down:focus,.simply-scroll-btn-down:hover {
background-position: -42px -88px
}
.simply-scroll-btn-pause {
right: 6px;
bottom: 6px;
background-position: -168px -44px
}
.simply-scroll-btn-pause:focus,.simply-scroll-btn-pause:hover {
background-position: -168px -88px
}
.simply-scroll-btn-pause.active {
background-position: -84px -44px
}
.simply-scroll-btn-pause.active:focus,.simply-scroll-btn-pause.active:hover {
background-position: -84px -88px
}
.simply-scroll {
width: 576px;
height: 200px;
margin-bottom: 1em
}
.simply-scroll .simply-scroll-clip {
width: 576px;
height: 200px
}
.simply-scroll .simply-scroll-list li {
float: left;
width: 290px;
height: 200px
}
.vert {
width: 340px;
height: 400px;
margin-bottom: 1.5em
}
.vert .simply-scroll-clip {
width: 290px;
height: 400px
}
.vert .simply-scroll-list li {
width: 140px;
height: 200px
}
.vert .simply-scroll-btn-up {
right: 0;
top: 0
}
.vert .simply-scroll-btn-down {
right: 0;
top: 52px
}
.thumb-ratio {
position: relative;
padding-top: 50%
}
.thumb-ratio>* {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1
}
@font-face {
font-family: Pe-icon-7-stroke;
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Icon-font-7/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot?d7yf1v);
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Icon-font-7/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format('embedded-opentype'),url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Icon-font-7/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.woff?d7yf1v) format('woff'),url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Icon-font-7/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.ttf?d7yf1v) format('truetype'),url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Icon-font-7/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format('svg');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: Ionicons;
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/ionicons-master/docs/fonts/ionicons.eot?d7yf1v);
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/ionicons-master/docs/fonts/ionicons.eot?#iefixd7yf1v) format('embedded-opentype'),url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/ionicons-master/docs/fonts/ionicons.woff?d7yf1v) format('woff'),url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/ionicons-master/docs/fonts/ionicons.ttf?d7yf1v) format('truetype');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: Poppins;
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Poppins/SVN-Poppins Regular.ttf);
font-weight: 400;
font-style: normal
}
@font-face {
font-family: 'Poppins Light';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Poppins/PoppinsVN-300.ttf);
font-weight: 400;
font-style: normal
}
body,html {
min-height: 100%
}
body {
background: #fff;
color: #333;
font: 400 14px/20px Poppins,sans-serif
}
h1,h2,h3,h4,h5,h6 {
margin: 0 0 10px 0;
font-size: 16px;
line-height: 20px
}
*,:after,:before {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box
} ol,ul {
margin: 0;
padding: 0;
list-style-position: inside
}
form input[type=text]::-webkit-input-placeholder,form textarea::-webkit-input-placeholder {
color: #666;
font-size: 14px
}
form input[type=text]::-moz-placeholder,form textarea::-moz-placeholder {
color: #666;
font-size: 14px
}
form input[type=text]:-ms-input-placeholder,form textarea:-ms-input-placeholder {
color: #666;
font-size: 14px
}
form input[type=text]:-moz-placeholder,form textarea:-moz-placeholder {
color: #666;
font-size: 14px
}
form input[type=checkbox]:not(:disabled),form input[type=radio]:not(:disabled) {
cursor: pointer;
vertical-align: middle;
margin: 0 5px 0 0
}
label {
display: inline-block;
cursor: pointer
}
@media (min-width: 1220px) {
.uk-container {
max-width:1200px;
padding: 0
}
}
@media (max-width: 1220px) {
.uk-container {
padding:0 10px
}
}
.logo {
margin: 0;
padding: 0
}
.logo a {
display: block;
margin: 0;
padding: 0
}
.banner {
display: block
}
.banner a,.banner p {
margin: 0
}
.banner a,.banner img {
display: block;
width: 100%;
height: 100%
}
.uk-modal-close.uk-close {
position: absolute;
width: 32px;
height: 32px;
top: 0;
right: 0;
opacity: 1;
background: #fff url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/img/close.png) center no-repeat;
-webkit-background-size: 32px;
-moz-background-size: 32px;
background-size: 32px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
z-index: 1020
}
.uk-modal-close.uk-close:after {
display: none
}
.uk-modal-dialog-lightbox .uk-slidenav {
height: 100%;
width: 35%;
top: 0;
z-index: 1;
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0)
}
.uk-modal-dialog-lightbox .uk-slidenav:before {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
line-height: 30px;
text-align: center;
font-size: 24px;
background: rgba(0,0,0,.7);
margin: 0;
position: absolute;
top: 50%;
left: 10px;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%)
}
.uk-modal-dialog-lightbox .uk-slidenav-previous {
left: 0
}
.uk-modal-dialog-lightbox .uk-slidenav-next {
right: 0
}
.uk-modal-dialog-lightbox .uk-slidenav-next:before {
left: initial;
right: 10px
}
.breadcrumb {
position: relative;
padding: 10px 0;
margin: 0 0 10px 0;
color: #666
}
.breadcrumb ul {
height: 18px;
overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis
}
.breadcrumb ul a {
font-size: 13px;
line-height: 18px;
text-transform: uppercase;
font-weight: 700;
color: #666
}
.breadcrumb ul a .fa {
color: #999
}
.breadcrumb ul li.uk-active a,.breadcrumb ul li:not(:first-child) a:hover {
color: #ba2026
}
.uk-breadcrumb>li+li:before {
position: absolute;
color: #222;
content: "\e684";
font-family: Pe-icon-7-stroke;
font-size: 28px;
width: 30px;
height: 24px;
line-height: 24px;
text-align: center;
left: -15px;
top: -2px
}
@media (min-width: 960px) {
.breadcrumb {
margin:0 0 15px 0
}
.breadcrumb ul a {
font-size: 14px
}
}
@media (max-width: 960px) {
.breadcrumb {
padding:7px 0;
background: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/img/bg-breadcrumb.png) 0 0
}
.breadcrumb ul a {
text-transform: none
}
}
.pagination {
padding: 15px 0 0 0
}
.pagination .uk-pagination>li:nth-child(n+2) {
margin-left: 10px
}
.pagination ul>li>a {
display: block;
padding: 0;
width: 26px;
height: 26px;
background: #fff;
border-radius: 0;
border: 1px solid #ec7914;
line-height: 26px;
font-size: 13px;
font-weight: 700;
color: #252525
}
.pagination ul>li.uk-active>a,.pagination ul>li:hover>a {
background: #ec7914;
border-color: #ec7914;
color: #ddd
}
@media (max-width: 479px) {
.pagination ul>li>a {
background:#fff
}
}
[class*=" pe-7s-"],[class^=pe-7s-] {
display: inline-block;
font-family: Pe-icon-7-stroke;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.pe-7s-album:before {
content: "\e6aa"
}
.pe-7s-arc:before {
content: "\e6ab"
}
.pe-7s-back-2:before {
content: "\e6ac"
}
.pe-7s-bandaid:before {
content: "\e6ad"
}
.pe-7s-car:before {
content: "\e6ae"
}
.pe-7s-diamond:before {
content: "\e6af"
}
.pe-7s-door-lock:before {
content: "\e6b0"
}
.pe-7s-eyedropper:before {
content: "\e6b1"
}
.pe-7s-female:before {
content: "\e6b2"
}
.pe-7s-gym:before {
content: "\e6b3"
}
.pe-7s-hammer:before {
content: "\e6b4"
}
.pe-7s-headphones:before {
content: "\e6b5"
}
.pe-7s-helm:before {
content: "\e6b6"
}
.pe-7s-hourglass:before {
content: "\e6b7"
}
.pe-7s-leaf:before {
content: "\e6b8"
}
.pe-7s-magic-wand:before {
content: "\e6b9"
}
.pe-7s-male:before {
content: "\e6ba"
}
.pe-7s-map-2:before {
content: "\e6bb"
}
.pe-7s-next-2:before {
content: "\e6bc"
}
.pe-7s-paint-bucket:before {
content: "\e6bd"
}
.pe-7s-pendrive:before {
content: "\e6be"
}
.pe-7s-photo:before {
content: "\e6bf"
}
.pe-7s-piggy:before {
content: "\e6c0"
}
.pe-7s-plugin:before {
content: "\e6c1"
}
.pe-7s-refresh-2:before {
content: "\e6c2"
}
.pe-7s-rocket:before {
content: "\e6c3"
}
.pe-7s-settings:before {
content: "\e6c4"
}
.pe-7s-shield:before {
content: "\e6c5"
}
.pe-7s-smile:before {
content: "\e6c6"
}
.pe-7s-usb:before {
content: "\e6c7"
}
.pe-7s-vector:before {
content: "\e6c8"
}
.pe-7s-wine:before {
content: "\e6c9"
}
.pe-7s-cloud-upload:before {
content: "\e68a"
}
.pe-7s-cash:before {
content: "\e68c"
}
.pe-7s-close:before {
content: "\e680"
}
.pe-7s-bluetooth:before {
content: "\e68d"
}
.pe-7s-cloud-download:before {
content: "\e68b"
}
.pe-7s-way:before {
content: "\e68e"
}
.pe-7s-close-circle:before {
content: "\e681"
}
.pe-7s-id:before {
content: "\e68f"
}
.pe-7s-angle-up:before {
content: "\e682"
}
.pe-7s-wristwatch:before {
content: "\e690"
}
.pe-7s-angle-up-circle:before {
content: "\e683"
}
.pe-7s-world:before {
content: "\e691"
}
.pe-7s-angle-right:before {
content: "\e684"
}
.pe-7s-volume:before {
content: "\e692"
}
.pe-7s-angle-right-circle:before {
content: "\e685"
}
.pe-7s-users:before {
content: "\e693"
}
.pe-7s-angle-left:before {
content: "\e686"
}
.pe-7s-user-female:before {
content: "\e694"
}
.pe-7s-angle-left-circle:before {
content: "\e687"
}
.pe-7s-up-arrow:before {
content: "\e695"
}
.pe-7s-angle-down:before {
content: "\e688"
}
.pe-7s-switch:before {
content: "\e696"
}
.pe-7s-angle-down-circle:before {
content: "\e689"
}
.pe-7s-scissors:before {
content: "\e697"
}
.pe-7s-wallet:before {
content: "\e600"
}
.pe-7s-safe:before {
content: "\e698"
}
.pe-7s-volume2:before {
content: "\e601"
}
.pe-7s-volume1:before {
content: "\e602"
}
.pe-7s-voicemail:before {
content: "\e603"
}
.pe-7s-video:before {
content: "\e604"
}
.pe-7s-user:before {
content: "\e605"
}
.pe-7s-upload:before {
content: "\e606"
}
.pe-7s-unlock:before {
content: "\e607"
}
.pe-7s-umbrella:before {
content: "\e608"
}
.pe-7s-trash:before {
content: "\e609"
}
.pe-7s-tools:before {
content: "\e60a"
}
.pe-7s-timer:before {
content: "\e60b"
}
.pe-7s-ticket:before {
content: "\e60c"
}
.pe-7s-target:before {
content: "\e60d"
}
.pe-7s-sun:before {
content: "\e60e"
}
.pe-7s-study:before {
content: "\e60f"
}
.pe-7s-stopwatch:before {
content: "\e610"
}
.pe-7s-star:before {
content: "\e611"
}
.pe-7s-speaker:before {
content: "\e612"
}
.pe-7s-signal:before {
content: "\e613"
}
.pe-7s-shuffle:before {
content: "\e614"
}
.pe-7s-shopbag:before {
content: "\e615"
}
.pe-7s-share:before {
content: "\e616"
}
.pe-7s-server:before {
content: "\e617"
}
.pe-7s-search:before {
content: "\e618"
}
.pe-7s-film:before {
content: "\e6a5"
}
.pe-7s-science:before {
content: "\e619"
}
.pe-7s-disk:before {
content: "\e6a6"
}
.pe-7s-ribbon:before {
content: "\e61a"
}
.pe-7s-repeat:before {
content: "\e61b"
}
.pe-7s-refresh:before {
content: "\e61c"
}
.pe-7s-add-user:before {
content: "\e6a9"
}
.pe-7s-refresh-cloud:before {
content: "\e61d"
}
.pe-7s-paperclip:before {
content: "\e69c"
}
.pe-7s-radio:before {
content: "\e61e"
}
.pe-7s-note2:before {
content: "\e69d"
}
.pe-7s-print:before {
content: "\e61f"
}
.pe-7s-network:before {
content: "\e69e"
}
.pe-7s-prev:before {
content: "\e620"
}
.pe-7s-mute:before {
content: "\e69f"
}
.pe-7s-power:before {
content: "\e621"
}
.pe-7s-medal:before {
content: "\e6a0"
}
.pe-7s-portfolio:before {
content: "\e622"
}
.pe-7s-like2:before {
content: "\e6a1"
}
.pe-7s-plus:before {
content: "\e623"
}
.pe-7s-left-arrow:before {
content: "\e6a2"
}
.pe-7s-play:before {
content: "\e624"
}
.pe-7s-key:before {
content: "\e6a3"
}
.pe-7s-plane:before {
content: "\e625"
}
.pe-7s-joy:before {
content: "\e6a4"
}
.pe-7s-photo-gallery:before {
content: "\e626"
}
.pe-7s-pin:before {
content: "\e69b"
}
.pe-7s-phone:before {
content: "\e627"
}
.pe-7s-plug:before {
content: "\e69a"
}
.pe-7s-pen:before {
content: "\e628"
}
.pe-7s-right-arrow:before {
content: "\e699"
}
.pe-7s-paper-plane:before {
content: "\e629"
}
.pe-7s-delete-user:before {
content: "\e6a7"
}
.pe-7s-paint:before {
content: "\e62a"
}
.pe-7s-bottom-arrow:before {
content: "\e6a8"
}
.pe-7s-notebook:before {
content: "\e62b"
}
.pe-7s-note:before {
content: "\e62c"
}
.pe-7s-next:before {
content: "\e62d"
}
.pe-7s-news-paper:before {
content: "\e62e"
}
.pe-7s-musiclist:before {
content: "\e62f"
}
.pe-7s-music:before {
content: "\e630"
}
.pe-7s-mouse:before {
content: "\e631"
}
.pe-7s-more:before {
content: "\e632"
}
.pe-7s-moon:before {
content: "\e633"
}
.pe-7s-monitor:before {
content: "\e634"
}
.pe-7s-micro:before {
content: "\e635"
}
.pe-7s-menu:before {
content: "\e636"
}
.pe-7s-map:before {
content: "\e637"
}
.pe-7s-map-marker:before {
content: "\e638"
}
.pe-7s-mail:before {
content: "\e639"
}
.pe-7s-mail-open:before {
content: "\e63a"
}
.pe-7s-mail-open-file:before {
content: "\e63b"
}
.pe-7s-magnet:before {
content: "\e63c"
}
.pe-7s-loop:before {
content: "\e63d"
}
.pe-7s-look:before {
content: "\e63e"
}
.pe-7s-lock:before {
content: "\e63f"
}
.pe-7s-lintern:before {
content: "\e640"
}
.pe-7s-link:before {
content: "\e641"
}
.pe-7s-like:before {
content: "\e642"
}
.pe-7s-light:before {
content: "\e643"
}
.pe-7s-less:before {
content: "\e644"
}
.pe-7s-keypad:before {
content: "\e645"
}
.pe-7s-junk:before {
content: "\e646"
}
.pe-7s-info:before {
content: "\e647"
}
.pe-7s-home:before {
content: "\e648"
}
.pe-7s-help2:before {
content: "\e649"
}
.pe-7s-help1:before {
content: "\e64a"
}
.pe-7s-graph3:before {
content: "\e64b"
}
.pe-7s-graph2:before {
content: "\e64c"
}
.pe-7s-graph1:before {
content: "\e64d"
}
.pe-7s-graph:before {
content: "\e64e"
}
.pe-7s-global:before {
content: "\e64f"
}
.pe-7s-gleam:before {
content: "\e650"
}
.pe-7s-glasses:before {
content: "\e651"
}
.pe-7s-gift:before {
content: "\e652"
}
.pe-7s-folder:before {
content: "\e653"
}
.pe-7s-flag:before {
content: "\e654"
}
.pe-7s-filter:before {
content: "\e655"
}
.pe-7s-file:before {
content: "\e656"
}
.pe-7s-expand1:before {
content: "\e657"
}
.pe-7s-exapnd2:before {
content: "\e658"
}
.pe-7s-edit:before {
content: "\e659"
}
.pe-7s-drop:before {
content: "\e65a"
}
.pe-7s-drawer:before {
content: "\e65b"
}
.pe-7s-download:before {
content: "\e65c"
}
.pe-7s-display2:before {
content: "\e65d"
}
.pe-7s-display1:before {
content: "\e65e"
}
.pe-7s-diskette:before {
content: "\e65f"
}
.pe-7s-date:before {
content: "\e660"
}
.pe-7s-cup:before {
content: "\e661"
}
.pe-7s-culture:before {
content: "\e662"
}
.pe-7s-crop:before {
content: "\e663"
}
.pe-7s-credit:before {
content: "\e664"
}
.pe-7s-copy-file:before {
content: "\e665"
}
.pe-7s-config:before {
content: "\e666"
}
.pe-7s-compass:before {
content: "\e667"
}
.pe-7s-comment:before {
content: "\e668"
}
.pe-7s-coffee:before {
content: "\e669"
}
.pe-7s-cloud:before {
content: "\e66a"
}
.pe-7s-clock:before {
content: "\e66b"
}
.pe-7s-check:before {
content: "\e66c"
}
.pe-7s-chat:before {
content: "\e66d"
}
.pe-7s-cart:before {
content: "\e66e"
}
.pe-7s-camera:before {
content: "\e66f"
}
.pe-7s-call:before {
content: "\e670"
}
.pe-7s-calculator:before {
content: "\e671"
}
.pe-7s-browser:before {
content: "\e672"
}
.pe-7s-box2:before {
content: "\e673"
}
.pe-7s-box1:before {
content: "\e674"
}
.pe-7s-bookmarks:before {
content: "\e675"
}
.pe-7s-bicycle:before {
content: "\e676"
}
.pe-7s-bell:before {
content: "\e677"
}
.pe-7s-battery:before {
content: "\e678"
}
.pe-7s-ball:before {
content: "\e679"
}
.pe-7s-back:before {
content: "\e67a"
}
.pe-7s-attention:before {
content: "\e67b"
}
.pe-7s-anchor:before {
content: "\e67c"
}
.pe-7s-albums:before {
content: "\e67d"
}
.pe-7s-alarm:before {
content: "\e67e"
}
.pe-7s-airplay:before {
content: "\e67f"
}
body.stop-scrolling {
height: 100%;
overflow: hidden;
}
.sweet-overlay {
background-color: black; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; background-color: rgba(0, 0, 0, 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000;
}
.sweet-alert {
background-color: white;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
width: 478px;
padding: 17px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
display: none;
z-index: 99999;
}
@media all and (max-width: 540px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px;
}
}
.sweet-alert h2 {
color: #575757;
font-size: 30px;
text-align: center;
font-weight: 600;
text-transform: none;
position: relative;
margin: 25px 0;
padding: 0;
line-height: 40px;
display: block;
}
.sweet-alert p {
color: #797979;
font-size: 16px;
text-align: center;
font-weight: 300;
position: relative;
text-align: inherit;
float: none;
margin: 0;
padding: 0;
line-height: normal;
}
.sweet-alert fieldset {
border: none;
position: relative;
}
.sweet-alert .sa-error-container {
background-color: #f1f1f1;
margin-left: -17px;
margin-right: -17px;
overflow: hidden;
padding: 0 10px;
max-height: 0;
webkit-transition: padding 0.15s, max-height 0.15s;
transition: padding 0.15s, max-height 0.15s;
}
.sweet-alert .sa-error-container.show {
padding: 10px 0;
max-height: 100px;
webkit-transition: padding 0.2s, max-height 0.2s;
transition: padding 0.25s, max-height 0.25s;
}
.sweet-alert .sa-error-container .icon {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: white;
line-height: 24px;
text-align: center;
margin-right: 3px;
}
.sweet-alert .sa-error-container p {
display: inline-block;
}
.sweet-alert .sa-input-error {
position: absolute;
top: 29px;
right: 26px;
width: 20px;
height: 20px;
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.1s;
transition: all 0.1s;
}
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
content: "";
width: 20px;
height: 6px;
background-color: #f06e57;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -9px;
}
.sweet-alert .sa-input-error::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-input-error::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-input-error.show {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.sweet-alert input {
width: 100%;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d7d7d7;
height: 43px;
margin-top: 10px;
margin-bottom: 17px;
font-size: 18px;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
padding: 0 12px;
display: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.sweet-alert input:focus {
outline: none;
box-shadow: 0px 0px 3px #c4e6f5;
border: 1px solid #b4dbed;
}
.sweet-alert input:focus::-moz-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input:focus:-ms-input-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input:focus::-webkit-input-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input::-moz-placeholder {
color: #bdbdbd;
}
.sweet-alert input:-ms-input-placeholder {
color: #bdbdbd;
}
.sweet-alert input::-webkit-input-placeholder {
color: #bdbdbd;
}
.sweet-alert.show-input input {
display: block;
}
.sweet-alert button {
background-color: #AEDEF4;
color: white;
border: none;
box-shadow: none;
font-size: 17px;
font-weight: 500;
-webkit-border-radius: 4px;
border-radius: 5px;
padding: 10px 32px;
margin: 26px 5px 0 5px;
cursor: pointer;
}
.sweet-alert button:focus {
outline: none;
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.sweet-alert button:hover {
background-color: #a1d9f2;
}
.sweet-alert button:active {
background-color: #81ccee;
}
.sweet-alert button.cancel {
background-color: #D0D0D0;
}
.sweet-alert button.cancel:hover {
background-color: #c8c8c8;
}
.sweet-alert button.cancel:active {
background-color: #b6b6b6;
}
.sweet-alert button.cancel:focus {
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}
.sweet-alert button::-moz-focus-inner {
border: 0;
}
.sweet-alert[data-has-cancel-button=false] button {
box-shadow: none !important;
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
padding-bottom: 40px;
}
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
border-color: #F27474;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #F27474;
display: block;
top: 37px;
border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
border-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-left: -2px;
background-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-info {
border-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-success {
border-color: #A5DC86;
}
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
content: '';
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
-webkit-border-radius: 120px 0 0 120px;
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
-webkit-border-radius: 0 120px 120px 0;
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0px 60px;
transform-origin: 0px 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: white;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #A5DC86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat;
} @-webkit-keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@-webkit-keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@-webkit-keyframes slideFromTop {
0% {
top: 0%;
}
100% {
top: 50%;
}
}
@keyframes slideFromTop {
0% {
top: 0%;
}
100% {
top: 50%;
}
}
@-webkit-keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0%;
}
}
@keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0%;
}
}
@-webkit-keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@-webkit-keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
@keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
.showSweetAlert[data-animation=pop] {
-webkit-animation: showSweetAlert 0.3s;
animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideFromTop 0.3s;
animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideFromBottom 0.3s;
animation: slideFromBottom 0.3s;
}
.hideSweetAlert[data-animation=pop] {
-webkit-animation: hideSweetAlert 0.2s;
animation: hideSweetAlert 0.2s;
}
.hideSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none;
}
.hideSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideToTop 0.4s;
animation: slideToTop 0.4s;
}
.hideSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideToBottom 0.3s;
animation: slideToBottom 0.3s;
}
@-webkit-keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@-webkit-keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@-webkit-keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}
.animateSuccessTip {
-webkit-animation: animateSuccessTip 0.75s;
animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
-webkit-animation: animateSuccessLong 0.75s;
animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in;
}
@-webkit-keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
.animateErrorIcon {
-webkit-animation: animateErrorIcon 0.5s;
animation: animateErrorIcon 0.5s;
}
@-webkit-keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
@keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
.animateXMark {
-webkit-animation: animateXMark 0.5s;
animation: animateXMark 0.5s;
}
@-webkit-keyframes pulseWarning {
0% {
border-color: #F8D486;
}
100% {
border-color: #F8BB86;
}
}
@keyframes pulseWarning {
0% {
border-color: #F8D486;
}
100% {
border-color: #F8BB86;
}
}
.pulseWarning {
-webkit-animation: pulseWarning 0.75s infinite alternate;
animation: pulseWarning 0.75s infinite alternate;
}
@-webkit-keyframes pulseWarningIns {
0% {
background-color: #F8D486;
}
100% {
background-color: #F8BB86;
}
}
@keyframes pulseWarningIns {
0% {
background-color: #F8D486;
}
100% {
background-color: #F8BB86;
}
}
.pulseWarningIns {
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
animation: pulseWarningIns 0.75s infinite alternate;
}    .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-ms-transform: rotate(45deg) \9;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-ms-transform: rotate(-45deg) \9;
} .sweet-alert .sa-icon.sa-success {
border-color: transparent\9;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
-ms-transform: rotate(45deg) \9;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
-ms-transform: rotate(-45deg) \9;
} .cart-panel .panel-body .list-product-cart li:not(:last-child) {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dashed #ccc;
}
.price_view { }
.list-product-cart .prd_quantity {
width: 132px !important;
margin: 0 !important;
}
.list-product-cart .prd-infor .title a {  } .cart-container {
display: inline-block;
margin: 100px auto;
background: #fafafa;
padding: 300px 0;
max-width: 70%;
padding: 50px;
border: 1px solid #ccc;
}
.cart-information .heading {
color: #000;
font-size: 20px;
line-height: 35px;
margin: 0 0 30px 0;
text-align: left;
}
.cart-order-code {
font-size: 18px;
margin: 0 0 30px 0;
font-weight: 600;
text-align: left;
}
.cart-order-description {
text-align: left;
}
.cart-order-description ul {
list-style: circle;
padding-left: 20px;
font-size: 16px;
text-align: left;
}
.cart-order-description ul li {
margin: 0 0 20px 0;
}
.cart-order-button {
text-align: left;
}
.cart-order-button > * {
color: #fff;
padding: 10px 30px;
display: inline-block;
background: #ed5565;
border-radius: 5px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
transition: all 0.5s ease;
}
.cart-order-button > *:hover {
color: #fff;
background: #18a689;
}
.soluong {
display: inline-block;
float: left;
width: 120px;
margin-right: 15px;
}
.details-pro .form_product_content {
width: 100%;
float: left;
}
.form-group .input_number_product {
display: inline-flex;
width: 120px;
height: 52px;
position: relative;
background: transparent;
padding: 0;
}
.form_product_content .btn_num.num_1 {
left: 0;
font-size: 16px;
line-height: 0px;
border: none;
display: inline-block;
width: 30px;
height: 49px;
background: transparent;
float: left;
color: #6e7874;
text-align: center;
padding: 0px;
position: relative;
padding-right: 0px;
line-height: 50px;
position: absolute;
top: 0;
}
.form-group .input_number_product .btn_num.num_2 {
right: 0;
top: 0;
}
.form-group .input_number_product .btn_num {
font-size: 16px;
line-height: 0px;
border: none;
display: inline-block;
width: 30px;
height: 49px;
background: transparent;
float: left;
color: #6e7874;
text-align: center;
padding: 0px;
position: relative;
padding-right: 0px;
line-height: 50px;
position: absolute;
}
.button_actions {
display: inline-block;
float: left;
margin-top: 35px;
position: relative;
height: 50px;
}
.button_actions .btn_base:first-child {
margin-right: 15px;
}
.button_actions .btn_add_cart {
position: relative;
}
.button_actions .btn_base {
height: 50px;
line-height: 50px;
font-family: "Arial";
color: #fff;
font-weight: 400;
text-decoration: none;
background: #222222;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 20px;
white-space: nowrap;
outline: none !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
text-align: center;
border-radius: 5px;
border: solid 1px #222222;
font-weight: 700;
float: left;
}
.button_actions .btn_base.fast {
background: #f1db25;
color: #fff;
border-color: #f1db25;
transition: all ease-in-out 0.2s;
}
.button_actions .btn_base.fast:hover {
color: #fff;
background: #222222;
cursor: pointer;
border-color: #222222;
}
.form-wholesale-title {
font-family: "Arial";
font-weight: 700;
display: inline-block;
line-height: 35px;
margin-right: 20px;
font-size: 14px;
}
.form-wholesale label > input[type="radio"] + span {
padding: 10px 15px;
background-color: #aaa;
display: inline-block;
border-radius: 3px;
color: #fff;
transition: all .5s ease;
}
.radio-check-icon input[type="radio"] + span:hover {
background-color: #FFA374;
cursor: pointer;
}
.form-wholesale input[type="radio"] {
display: none;
}
.form-wholesale input[ type="radio"]:checked + span {
background-color: #FA8144;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-Thin.ttf) format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-ThinItalic.ttf) format('truetype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-ExtraLight.ttf) format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf) format('truetype');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-LightItalic.ttf) format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-Black.ttf) format('truetype');
font-weight: 900;
font-style: normal;
} @font-face {
font-family: 'Roboto';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Light.eot);
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Light.eot) format('embedded-opentype'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Light.ttf) format('truetype'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Light.woff) format('woff'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Light.svg) format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Regular.eot);
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Regular.eot) format('embedded-opentype'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Regular.ttf) format('truetype'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Regular.woff) format('woff'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Regular.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Medium.eot);
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Medium.eot) format('embedded-opentype'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Medium.ttf) format('truetype'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Medium.woff) format('woff'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Medium.svg) format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Bold.eot);
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Bold.eot) format('embedded-opentype'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Bold.ttf) format('truetype'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Bold.woff) format('woff'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Bold.svg) format('svg');
font-weight: 600;
font-style: normal;
}
.line-1 {
display: -webkit-box !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-2 {
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-3 {
display: -webkit-box !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-4 {
display: -webkit-box !important;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-5 {
display: -webkit-box !important;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.loading {
position: relative;
}
.bg-loader {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5000;
background: rgba(120, 120, 120, 0.25) url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/css/loading.gif) 50% 50% no-repeat;
background-size: 25px;
}
.uk-pagination {
padding: 0;
list-style: none;
text-align: center;
font-size: 0
}
.uk-pagination:after, .uk-pagination:before {
content: "";
display: table
}
.uk-pagination:after {
clear: both
}
.uk-pagination>li {
display: inline-block;
font-size: 1rem;
vertical-align: top
}
.uk-pagination>li:nth-child(n+2) {
margin-left: 5px
}
.uk-pagination>li>a, .uk-pagination>li>span {
display: inline-block;
min-width: 16px;
padding: 3px 5px;
line-height: 20px;
text-decoration: none;
box-sizing: content-box;
text-align: center;
border-radius: 4px
}
.uk-pagination>li>a {
background: #f7f7f7;
color: #666;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .3);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(to bottom, #fff, #eee)
}
.uk-pagination>li>a:focus, .uk-pagination>li>a:hover {
background-color: #fafafa;
color: #666;
outline: 0;
background-image: none
}
.uk-pagination>li>a:active {
background-color: #f5f5f5;
color: #666;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .3);
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-pagination>.uk-active>span {
background: #009dd8;
color: #fff;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-pagination>.uk-disabled>span {
background-color: #fafafa;
color: #999;
border: 1px solid rgba(0, 0, 0, .2);
text-shadow: 0 1px 0 #fff
}
.uk-pagination-previous {
float: left
}
.uk-pagination-next {
float: right
}
.uk-pagination-left {
text-align: left
}
.uk-pagination-right {
text-align: right
}
.dt_pagination {
margin-top: 20px;
}
.dt_pagination li>a, .dt_pagination li>span {
display: inline-block;
min-width: 16px;
padding: 4px 6px;
line-height: 20px;
text-decoration: none;
box-sizing: content-box;
text-align: center;
border-radius: 0;
}
.dt_pagination li.uk-active>a {
background: #008f4d;
color: #fff;
border: 1px solid #008f4d;
}
.offcanvas li.l1>a.dropicon {
position: absolute;
z-index: 0;
padding: 10px 20px;
border-left: 1px solid #242424;
right: 2px;
top: 0;
width: 0
}
.offcanvas li.l1>a:not(.dropicon)::after {
display: none
}
.offcanvas li.l1.uk-parent>a:not(.dropicon) {
margin-right: 42px
}
.offcanvas ul.l3 {
border-top: 0;
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.05);
box-shadow: inset 1px 0 0 rgba(255,255,255,.05);
border-left: 1px solid rgba(0,0,0,.3)
}
.lib-dib {
display: inline-block
}
.lib-db {
display: block
}
.lib-di {
display: inline
}
.lib-ha {
height: auto
}
.lib-fl-none {
float: none
}
.lib-italic {
font-style: italic
}
.lib-uppercase {
text-transform: uppercase
}
.lib-capitalize {
text-transform: capitalize
}
.lib-grid-5 {
margin-left: -5px
}
.lib-grid-5>* {
padding-left: 5px
}
.lib-grid-15 {
margin-left: -15px
}
.lib-grid-15>* {
padding-left: 15px
}
.lib-grid-20 {
margin-left: -20px
}
.lib-grid-20>* {
padding-left: 20px
}
.lib-grid-30 {
margin-left: -30px
}
.lib-grid-30>* {
padding-left: 30px
}
.lib-grid-35 {
margin-left: -35px
}
.lib-grid-35>* {
padding-left: 35px
}
.lib-grid-40 {
margin-left: -40px
}
.lib-grid-40>* {
padding-left: 40px
}
.lib-grid-45 {
margin-left: -45px
}
.lib-grid-45>* {
padding-left: 45px
}
.lib-grid-50 {
margin-left: -50px
}
.lib-grid-50>* {
padding-left: 50px
}
.m0 {
margin: 0!important
}
.ml0 {
margin-left: 0
}
.mr0 {
margin-right: 0
}
.mt0 {
margin-top: 0
}
.mb0 {
margin-bottom: 0!important
}
.mlr0 {
margin-left: 0;
margin-right: 0
}
.mtb0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.m5 {
margin: 5px
}
.ml5 {
margin-left: 5px
}
.mr5 {
margin-right: 5px
}
.mt5 {
margin-top: 5px
}
.mb5 {
margin-bottom: 5px!important
}
.mlr5 {
margin-left: 5px;
margin-right: 5px
}
.mtb5 {
margin-top: 5px;
margin-bottom: 5px
}
.m10 {
margin: 10px
}
.ml10 {
margin-left: 10px
}
.mr10 {
margin-right: 10px
}
.mt10 {
margin-top: 10px
}
.mb10 {
margin-bottom: 10px!important
}
.mlr10 {
margin-left: 10px;
margin-right: 10px
}
.mtb10 {
margin-top: 10px;
margin-bottom: 10px
}
.m15 {
margin: 15px
}
.ml15 {
margin-left: 15px
}
.mr15 {
margin-right: 15px
}
.mt15 {
margin-top: 15px
}
.mb15 {
margin-bottom: 15px!important
}
.mlr15 {
margin-left: 15px;
margin-right: 15px
}
.mtb15 {
margin-top: 15px;
margin-bottom: 15px
}
.m20 {
margin: 20px
}
.ml20 {
margin-left: 20px
}
.mr20 {
margin-right: 20px
}
.mt20 {
margin-top: 20px
}
.mb20 {
margin-bottom: 20px!important
}
.mlr20 {
margin-left: 20px;
margin-right: 20px
}
.mtb20 {
margin-top: 20px;
margin-bottom: 20px
}
.m25 {
margin: 25px
}
.ml25 {
margin-left: 25px
}
.mr25 {
margin-right: 25px
}
.mt25 {
margin-top: 25px
}
.mb25 {
margin-bottom: 25px!important
}
.mlr25 {
margin-left: 25px;
margin-right: 25px
}
.mtb25 {
margin-top: 25px;
margin-bottom: 25px
}
.m30 {
margin: 30px
}
.ml30 {
margin-left: 30px
}
.mr30 {
margin-right: 30px
}
.mt30 {
margin-top: 30px
}
.mb30 {
margin-bottom: 30px!important
}
.mlr30 {
margin-left: 30px;
margin-right: 30px
}
.mtb30 {
margin-top: 30px;
margin-bottom: 30px
}
.m35 {
margin: 35px
}
.ml35 {
margin-left: 35px
}
.mr35 {
margin-right: 35px
}
.mt35 {
margin-top: 35px
}
.mb35 {
margin-bottom: 35px!important
}
.mlr35 {
margin-left: 35px;
margin-right: 35px
}
.mtb35 {
margin-top: 35px;
margin-bottom: 35px
}
.m40 {
margin: 40px
}
.ml40 {
margin-left: 40px
}
.mr40 {
margin-right: 40px
}
.mt40 {
margin-top: 40px
}
.mb40 {
margin-bottom: 40px!important
}
.mlr40 {
margin-left: 40px;
margin-right: 40px
}
.mtb40 {
margin-top: 40px;
margin-bottom: 40px
}
.m45 {
margin: 45px
}
.ml45 {
margin-left: 45px
}
.mr45 {
margin-right: 45px
}
.mt45 {
margin-top: 45px
}
.mb45 {
margin-bottom: 45px!important
}
.mlr45 {
margin-left: 45px;
margin-right: 45px
}
.mtb45 {
margin-top: 45px;
margin-bottom: 45px
}
.m50 {
margin: 50px
}
.ml50 {
margin-left: 50px
}
.mr50 {
margin-right: 50px
}
.mt50 {
margin-top: 50px
}
.mb50 {
margin-bottom: 50px!important
}
.mlr50 {
margin-left: 50px;
margin-right: 50px
}
.mtb50 {
margin-top: 50px;
margin-bottom: 50
}
.p0 {
padding: 0!important
}
.pl0 {
padding-left: 0
}
.pr0 {
padding-right: 0
}
.pt0 {
padding-top: 0
}
.pb0 {
padding-bottom: 0!important
}
.plr0 {
padding-left: 0;
padding-right: 0
}
.ptb0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.p5 {
padding: 5px
}
.pl5 {
padding-left: 5px
}
.pr5 {
padding-right: 5px
}
.pt5 {
padding-top: 5px
}
.pb5 {
padding-bottom: 5px!important
}
.plr5 {
padding-left: 5px;
padding-right: 5px
}
.ptb5 {
padding-top: 5px;
padding-bottom: 5px
}
.p10 {
padding: 10px
}
.pl10 {
padding-left: 10px
}
.pr10 {
padding-right: 10px
}
.pt10 {
padding-top: 10px
}
.pb10 {
padding-bottom: 10px!important
}
.plr10 {
padding-left: 10px;
padding-right: 10px
}
.ptb10 {
padding-top: 10px;
padding-bottom: 10px
}
.p15 {
padding: 15px
}
.pl15 {
padding-left: 15px
}
.pr15 {
padding-right: 15px
}
.pt15 {
padding-top: 15px
}
.pb15 {
padding-bottom: 15px!important
}
.plr15 {
padding-left: 15px;
padding-right: 15px
}
.ptb15 {
padding-top: 15px;
padding-bottom: 15px
}
.p20 {
padding: 20px
}
.pl20 {
padding-left: 20px
}
.pr20 {
padding-right: 20px
}
.pt20 {
padding-top: 20px
}
.pb20 {
padding-bottom: 20px!important
}
.plr20 {
padding-left: 20px;
padding-right: 20px
}
.ptb20 {
padding-top: 20px;
padding-bottom: 20px
}
.p25 {
padding: 25px
}
.pl25 {
padding-left: 25px
}
.pr25 {
padding-right: 25px
}
.pt25 {
padding-top: 25px
}
.pb25 {
padding-bottom: 25px!important
}
.plr25 {
padding-left: 25px;
padding-right: 25px
}
.ptb25 {
padding-top: 25px;
padding-bottom: 25px
}
.p30 {
padding: 30px
}
.pl30 {
padding-left: 30px
}
.pr30 {
padding-right: 30px
}
.pt30 {
padding-top: 30px
}
.pb30 {
padding-bottom: 30px!important
}
.plr30 {
padding-left: 30px;
padding-right: 30px
}
.ptb30 {
padding-top: 30px;
padding-bottom: 30px
}
.p35 {
padding: 35px
}
.pl35 {
padding-left: 35px
}
.pr35 {
padding-right: 35px
}
.pt35 {
padding-top: 35px
}
.pb35 {
padding-bottom: 35px!important
}
.plr35 {
padding-left: 35px;
padding-right: 35px
}
.ptb35 {
padding-top: 35px;
padding-bottom: 35px
}
.p40 {
padding: 40px
}
.pl40 {
padding-left: 40px
}
.pr40 {
padding-right: 40px
}
.pt40 {
padding-top: 40px
}
.pb40 {
padding-bottom: 40px!important
}
.plr40 {
padding-left: 40px;
padding-right: 40px
}
.ptb40 {
padding-top: 40px;
padding-bottom: 40px
}
.p45 {
padding: 45px
}
.pl45 {
padding-left: 45px
}
.pr45 {
padding-right: 45px
}
.pt45 {
padding-top: 45px
}
.pb45 {
padding-bottom: 45px!important
}
.plr45 {
padding-left: 45px;
padding-right: 45px
}
.ptb45 {
padding-top: 45px;
padding-bottom: 45px
}
.p50 {
padding: 50px
}
.pl50 {
padding-left: 50px
}
.pr50 {
padding-right: 50px
}
.pt50 {
padding-top: 50px
}
.pb50 {
padding-bottom: 50px!important
}
.plr50 {
padding-left: 50px;
padding-right: 50px
}
.ptb50 {
padding-top: 50px;
padding-bottom: 50
}
@media (min-width: 1220px) {
.lib-visible-xlarge {
display:block;
visibility: visible
}
}
@media (max-width: 1220px) {
.lib-visible-xlarge {
display:none;
visibility: hidden
}
}
@media (min-width: 1220px) {
.lib-hidden-xlarge {
display:none;
visibility: hidden
}
}
@media (max-width: 1220px) {
.lib-hidden-xlarge {
display:block;
visibility: visible
}
}
@media (max-width: 1220px) {
.col-1220 {
-webkit-flex-direction:column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
}
@media (max-width: 960px) {
.col-960 {
-webkit-flex-direction:column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
}
@media (max-width: 768px) {
.col-768 {
-webkit-flex-direction:column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
}
@media (max-width: 567px) {
.col-567 {
-webkit-flex-direction:column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
}
@media (max-width: 479px) {
.col-479 {
-webkit-flex-direction:column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
}
@media (max-width: 1220px) {
.col-reverse-1220 {
-webkit-flex-direction:column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media (max-width: 960px) {
.col-reverse-960 {
-webkit-flex-direction:column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media (max-width: 768px) {
.col-reverse-768 {
-webkit-flex-direction:column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media (max-width: 567px) {
.col-reverse-567 {
-webkit-flex-direction:column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media (max-width: 479px) {
.col-reverse-479 {
-webkit-flex-direction:column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
[class*=lib-line] {
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical
}
.lib-line-1 {
-webkit-line-clamp: 1
}
.lib-line-2 {
-webkit-line-clamp: 2
}
.lib-line-3 {
-webkit-line-clamp: 3
}
.lib-line-4 {
-webkit-line-clamp: 4
}
.lib-line-5 {
-webkit-line-clamp: 5
}
.lib-line-6 {
-webkit-line-clamp: 6
}
.lib-line-7 {
-webkit-line-clamp: 7
}
.lib-line-8 {
-webkit-line-clamp: 8
}
.lib-line-9 {
-webkit-line-clamp: 9
}
.lib-line-10 {
-webkit-line-clamp: 10
}
.img-responsive {
display: block;
width: 100%;
height: 100%
}
.img-responsive img {
display: block;
width: 100%;
height: auto
}
.img-fit {
position: relative;
display: block;
text-align: center
}
.img-fit>img {
max-width: 100%;
max-height: 100%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.img-cover {
display: block;
width: 100%;
height: 100%
}
.img-cover img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.img-fit-fill {
display: block;
width: 100%;
height: 100%
}
.img-fit-fill img {
display: block;
width: inherit;
height: inherit;
object-fit: fill
}
.img-contain {
display: block;
width: 100%;
height: 100%
}
.img-contain img {
display: block;
width: 100%;
height: 100%;
object-fit: contain
}
.img-scaledown {
display: block;
width: 100%;
height: 100%
}
.img-scaledown img {
display: block;
width: 100%;
height: 100%;
object-fit: scale-down
}
.moblie-menu-btn {
position: absolute;
width: 25px;
height: 30px;
left: 10px;
top: 50%;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%)
}
.moblie-menu-btn>* {
display: block;
position: relative;
width: 23px;
height: 2px;
top: 14px;
background: #333;
text-indent: -99999px
}
.moblie-menu-btn>:after,.moblie-menu-btn>:before {
content: '';
display: block;
position: absolute;
height: 2px;
width: 23px;
left: 0;
background: #333;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear
}
.moblie-menu-btn>:before {
top: -7px
}
.moblie-menu-btn>:after {
bottom: -7px
}
.uk-offcanvas-page .moblie-menu-btn.skin-1>:before {
width: 13px;
-webkit-transform: rotate(315deg) translate(-4px,0);
-moz-transform: rotate(315deg) translate(-4px,0);
-o-transform: rotate(315deg) translate(-4px,0);
-ms-transform: rotate(315deg) translate(-4px,0);
transform: rotate(315deg) translate(-4px,0)
}
.uk-offcanvas-page .moblie-menu-btn.skin-1>:after {
width: 13px;
-webkit-transform: rotate(-315deg) translate(-4px,0);
-moz-transform: rotate(-315deg) translate(-4px,0);
-o-transform: rotate(-315deg) translate(-4px,0);
-ms-transform: rotate(-315deg) translate(-4px,0);
transform: rotate(-315deg) translate(-4px,0)
}
.button-scaleX {
display: inline-block;
position: relative;
padding: 12px 20px;
font-size: 14px;
line-height: 20px;
color: #fff;
-moz-border-radius: 25px;
-o-border-radius: 25px;
-ms-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
background: #0a5495;
-webkit-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear
}
.button-scaleX:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
background: #0a5495;
-moz-border-radius: 25px;
-o-border-radius: 25px;
-ms-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.button-scaleX>* {
position: relative;
z-index: 20
}
.button-scaleX:hover {
background: 0 0
}
.button-scaleX:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
.img-effect1 {
position: relative;
overflow: hidden;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear
}
.img-effect1:after,.img-effect1:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
box-shadow: 75px 0 0 rgba(255,255,255,.01) inset,0 75px 0 rgba(255,255,255,.01) inset,-75px 0 0 rgba(255,255,255,.01) inset,0 -75px 0 rgba(255,255,255,.01) inset;
-webkit-box-shadow: 75px 0 0 rgba(255,255,255,.01) inset,0 75px 0 rgba(255,255,255,.01) inset,-75px 0 0 rgba(255,255,255,.01) inset,0 -75px 0 rgba(255,255,255,.01) inset;
-moz-box-shadow: 75px 0 0 rgba(255,255,255,.01) inset,0 75px 0 rgba(255,255,255,.01) inset,-75px 0 0 rgba(255,255,255,.01) inset,0 -75px 0 rgba(255,255,255,.01) inset;
-ms-box-shadow: 75px 0 0 rgba(255,255,255,.01) inset,0 75px 0 rgba(255,255,255,.01) inset,-75px 0 0 rgba(255,255,255,.01) inset,0 -75px 0 rgba(255,255,255,.01) inset;
-o-box-shadow: 75px 0 0 rgba(255,255,255,.01) inset,0 75px 0 rgba(255,255,255,.01) inset,-75px 0 0 rgba(255,255,255,.01) inset,0 -75px 0 rgba(255,255,255,.01) inset;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear
}
.img-effect1:after {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg)
}
.img-effect1:hover:after,.img-effect1:hover:before {
box-shadow: 5px 0 0 rgba(255,0,0,.5) inset,0 5px 0 rgba(252,150,0,.5) inset,-5px 0 0 rgba(0,255,0,.5) inset,0 -5px 0 rgba(0,150,255,.5) inset;
-webkit-box-shadow: 5px 0 0 rgba(255,0,0,.5) inset,0 5px 0 rgba(252,150,0,.5) inset,-5px 0 0 rgba(0,255,0,.5) inset,0 -5px 0 rgba(0,150,255,.5) inset;
-moz-box-shadow: 5px 0 0 rgba(255,0,0,.5) inset,0 5px 0 rgba(252,150,0,.5) inset,-5px 0 0 rgba(0,255,0,.5) inset,0 -5px 0 rgba(0,150,255,.5) inset;
-ms-box-shadow: 5px 0 0 rgba(255,0,0,.5) inset,0 5px 0 rgba(252,150,0,.5) inset,-5px 0 0 rgba(0,255,0,.5) inset,0 -5px 0 rgba(0,150,255,.5) inset;
-o-box-shadow: 5px 0 0 rgba(255,0,0,.5) inset,0 5px 0 rgba(252,150,0,.5) inset,-5px 0 0 rgba(0,255,0,.5) inset,0 -5px 0 rgba(0,150,255,.5) inset
}
.img-effect1:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05)
}
.img-paper-roll {
position: relative
}
.img-paper-roll:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
top: 0;
right: 0;
background: linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
transition-duration: .4s;
-webkit-transition-property: width,height;
-moz-transition-property: width,height;
-ms-transition-property: width,height;
-o-transition-property: width,height;
transition-property: width,height;
z-index: 100
}
.img-paper-roll:hover:before {
width: 25px;
height: 25px
}
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:after,.ui-helper-clearfix:before {
content: "";
display: table;
border-collapse: collapse
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-front {
z-index: 100
}
.ui-state-disabled {
cursor: default!important;
pointer-events: none
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0
}
.ui-menu .ui-menu {
position: absolute
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0
}
.ui-menu .ui-state-active,.ui-menu .ui-state-focus {
margin: -1px
}
.ui-menu-icons {
position: relative
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible
}
.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited {
text-decoration: none
}
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap
}
input.ui-button.ui-button-icon-only {
text-indent: 0
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em
}
button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner {
border: 0;
padding: 0
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block
}
.ui-controlgroup>.ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0
}
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus {
z-index: 9999
}
.ui-controlgroup-vertical>.ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%
}
.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
border-left: none
}
.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
border-top: none
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none
}
.ui-controlgroup-vertical .ui-spinner-input {
width: 75%;
width: calc(100% - 2.4em)
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid
}
.ui-checkboxradio-disabled {
pointer-events: none
}
.ui-slider {
position: relative;
text-align: left
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit
}
.ui-slider-horizontal {
height: .8em
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.ui-slider-vertical {
width: .8em;
height: 100px
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
top: 0
}
.ui-tabs {
position: relative;
padding: .2em
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: 0 0
}
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em
}
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5
}
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333
}
.ui-widget-content a {
color: #333
}
.ui-widget-header {
border: 1px solid #ddd;
background: #e9e9e9;
color: #333;
font-weight: 700
}
.ui-widget-header a {
color: #333
}
.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: 400;
color: #454545
}
.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button {
color: #454545;
text-decoration: none
}
.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
border: 1px solid #ccc;
background: #ededed;
font-weight: 400;
color: #2b2b2b
}
.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover {
color: #2b2b2b;
text-decoration: none
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6
}
.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active {
border: 1px solid #003eff;
background: #007fff;
font-weight: 400;
color: #fff
}
.ui-icon-background,.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #fff
}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
color: #fff;
text-decoration: none
}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90
}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
color: #777620
}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f
}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
color: #5f3f3f
}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
color: #5f3f3f
}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
font-weight: 700
}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: 400
}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35)
}
.ui-icon {
width: 16px;
height: 16px
}
.ui-icon,.ui-widget-content .ui-icon {
background-image: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/images/ui/ui-icons_444444_256x240.png)
}
.ui-widget-header .ui-icon {
background-image: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/images/ui/ui-icons_444444_256x240.png)
}
.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon {
background-image: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/images/ui/ui-icons_555555_256x240.png)
}
.ui-button:active .ui-icon,.ui-state-active .ui-icon {
background-image: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/images/ui/ui-icons_ffffff_256x240.png)
}
.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon {
background-image: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/images/ui/ui-icons_777620_256x240.png)
}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
background-image: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/images/ui/ui-icons_cc0000_256x240.png)
}
.ui-button .ui-icon {
background-image: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/images/ui/ui-icons_777777_256x240.png)
}
.ui-icon-blank {
background-position: 16px 16px
}
.ui-icon-caret-1-n {
background-position: 0 0
}
.ui-icon-caret-1-ne {
background-position: -16px 0
}
.ui-icon-caret-1-e {
background-position: -32px 0
}
.ui-icon-caret-1-se {
background-position: -48px 0
}
.ui-icon-caret-1-s {
background-position: -65px 0
}
.ui-icon-caret-1-sw {
background-position: -80px 0
}
.ui-icon-caret-1-w {
background-position: -96px 0
}
.ui-icon-caret-1-nw {
background-position: -112px 0
}
.ui-icon-caret-2-n-s {
background-position: -128px 0
}
.ui-icon-caret-2-e-w {
background-position: -144px 0
}
.ui-icon-triangle-1-n {
background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px
}
.ui-icon-triangle-1-e {
background-position: -32px -16px
}
.ui-icon-triangle-1-se {
background-position: -48px -16px
}
.ui-icon-triangle-1-s {
background-position: -65px -16px
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px
}
.ui-icon-triangle-1-w {
background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px
}
.ui-icon-arrow-1-n {
background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px
}
.ui-icon-arrow-1-e {
background-position: -32px -32px
}
.ui-icon-arrow-1-se {
background-position: -48px -32px
}
.ui-icon-arrow-1-s {
background-position: -65px -32px
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px
}
.ui-icon-arrow-1-w {
background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
background-position: 1px -48px
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px
}
.ui-icon-arrow-4 {
background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px
}
.ui-icon-extlink {
background-position: -32px -80px
}
.ui-icon-newwin {
background-position: -48px -80px
}
.ui-icon-refresh {
background-position: -64px -80px
}
.ui-icon-shuffle {
background-position: -80px -80px
}
.ui-icon-transfer-e-w {
background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px
}
.ui-icon-folder-collapsed {
background-position: 0 -96px
}
.ui-icon-folder-open {
background-position: -16px -96px
}
.ui-icon-document {
background-position: -32px -96px
}
.ui-icon-document-b {
background-position: -48px -96px
}
.ui-icon-note {
background-position: -64px -96px
}
.ui-icon-mail-closed {
background-position: -80px -96px
}
.ui-icon-mail-open {
background-position: -96px -96px
}
.ui-icon-suitcase {
background-position: -112px -96px
}
.ui-icon-comment {
background-position: -128px -96px
}
.ui-icon-person {
background-position: -144px -96px
}
.ui-icon-print {
background-position: -160px -96px
}
.ui-icon-trash {
background-position: -176px -96px
}
.ui-icon-locked {
background-position: -192px -96px
}
.ui-icon-unlocked {
background-position: -208px -96px
}
.ui-icon-bookmark {
background-position: -224px -96px
}
.ui-icon-tag {
background-position: -240px -96px
}
.ui-icon-home {
background-position: 0 -112px
}
.ui-icon-flag {
background-position: -16px -112px
}
.ui-icon-calendar {
background-position: -32px -112px
}
.ui-icon-cart {
background-position: -48px -112px
}
.ui-icon-pencil {
background-position: -64px -112px
}
.ui-icon-clock {
background-position: -80px -112px
}
.ui-icon-disk {
background-position: -96px -112px
}
.ui-icon-calculator {
background-position: -112px -112px
}
.ui-icon-zoomin {
background-position: -128px -112px
}
.ui-icon-zoomout {
background-position: -144px -112px
}
.ui-icon-search {
background-position: -160px -112px
}
.ui-icon-wrench {
background-position: -176px -112px
}
.ui-icon-gear {
background-position: -192px -112px
}
.ui-icon-heart {
background-position: -208px -112px
}
.ui-icon-star {
background-position: -224px -112px
}
.ui-icon-link {
background-position: -240px -112px
}
.ui-icon-cancel {
background-position: 0 -128px
}
.ui-icon-plus {
background-position: -16px -128px
}
.ui-icon-plusthick {
background-position: -32px -128px
}
.ui-icon-minus {
background-position: -48px -128px
}
.ui-icon-minusthick {
background-position: -64px -128px
}
.ui-icon-close {
background-position: -80px -128px
}
.ui-icon-closethick {
background-position: -96px -128px
}
.ui-icon-key {
background-position: -112px -128px
}
.ui-icon-lightbulb {
background-position: -128px -128px
}
.ui-icon-scissors {
background-position: -144px -128px
}
.ui-icon-clipboard {
background-position: -160px -128px
}
.ui-icon-copy {
background-position: -176px -128px
}
.ui-icon-contact {
background-position: -192px -128px
}
.ui-icon-image {
background-position: -208px -128px
}
.ui-icon-video {
background-position: -224px -128px
}
.ui-icon-script {
background-position: -240px -128px
}
.ui-icon-alert {
background-position: 0 -144px
}
.ui-icon-info {
background-position: -16px -144px
}
.ui-icon-notice {
background-position: -32px -144px
}
.ui-icon-help {
background-position: -48px -144px
}
.ui-icon-check {
background-position: -64px -144px
}
.ui-icon-bullet {
background-position: -80px -144px
}
.ui-icon-radio-on {
background-position: -96px -144px
}
.ui-icon-radio-off {
background-position: -112px -144px
}
.ui-icon-pin-w {
background-position: -128px -144px
}
.ui-icon-pin-s {
background-position: -144px -144px
}
.ui-icon-play {
background-position: 0 -160px
}
.ui-icon-pause {
background-position: -16px -160px
}
.ui-icon-seek-next {
background-position: -32px -160px
}
.ui-icon-seek-prev {
background-position: -48px -160px
}
.ui-icon-seek-end {
background-position: -64px -160px
}
.ui-icon-seek-start {
background-position: -80px -160px
}
.ui-icon-seek-first {
background-position: -80px -160px
}
.ui-icon-stop {
background-position: -96px -160px
}
.ui-icon-eject {
background-position: -112px -160px
}
.ui-icon-volume-off {
background-position: -128px -160px
}
.ui-icon-volume-on {
background-position: -144px -160px
}
.ui-icon-power {
background-position: 0 -176px
}
.ui-icon-signal-diag {
background-position: -16px -176px
}
.ui-icon-signal {
background-position: -32px -176px
}
.ui-icon-battery-0 {
background-position: -48px -176px
}
.ui-icon-battery-1 {
background-position: -64px -176px
}
.ui-icon-battery-2 {
background-position: -80px -176px
}
.ui-icon-battery-3 {
background-position: -96px -176px
}
.ui-icon-circle-plus {
background-position: 0 -192px
}
.ui-icon-circle-minus {
background-position: -16px -192px
}
.ui-icon-circle-close {
background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px
}
.ui-icon-circle-zoomin {
background-position: -176px -192px
}
.ui-icon-circle-zoomout {
background-position: -192px -192px
}
.ui-icon-circle-check {
background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px
}
.ui-icon-circlesmall-close {
background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px
}
.ui-icon-squaresmall-close {
background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px
}
.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top {
border-top-left-radius: 3px
}
.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr {
border-top-right-radius: 3px
}
.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left {
border-bottom-left-radius: 3px
}
.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right {
border-bottom-right-radius: 3px
}
.ui-widget-overlay {
background: #aaa;
opacity: .3;
filter: Alpha(Opacity=30)
}
.ui-widget-shadow {
-webkit-box-shadow: 0 0 5px #666;
box-shadow: 0 0 5px #666
}
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: 1px solid #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: 400;
height: 42px;
line-height: 40px;
outline: 0;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left!important;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto
}
.nice-select:hover {
border-color: #dbdbdb
}
.nice-select.open,.nice-select:active,.nice-select:focus {
border-color: #999
}
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
width: 5px
}
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg)
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0)
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none
}
.nice-select.disabled:after {
border-color: #ccc
}
.nice-select.wide {
width: 100%
}
.nice-select.wide .list {
left: 0!important;
right: 0!important
}
.nice-select.right {
float: right
}
.nice-select.right .list {
left: auto;
right: 0
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px
}
.nice-select.small:after {
height: 4px;
width: 4px
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px
}
.nice-select .list {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68,68,68,.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(.75) translateY(-21px);
-ms-transform: scale(.75) translateY(-21px);
transform: scale(.75) translateY(-21px);
-webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
z-index: 9
}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent!important
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: 0;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all .2s;
transition: all .2s
}
.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover {
background-color: #f6f6f6
}
.nice-select .option.selected {
font-weight: 700
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default
}
.no-csspointerevents .nice-select .list {
display: none
}
.no-csspointerevents .nice-select.open .list {
display: block
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform,-webkit-transform
}
.swiper-invisible-blank-slide {
visibility: hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height,-webkit-transform;
transition-property: height,-webkit-transform;
-o-transition-property: transform,height;
transition-property: transform,height;
transition-property: transform,height,-webkit-transform
}
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-button-next,.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s opacity;
-o-transition: .3s opacity;
transition: .3s opacity;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: .2s top,.2s -webkit-transform;
transition: .2s top,.2s -webkit-transform;
-o-transition: .2s transform,.2s top;
transition: .2s transform,.2s top;
transition: .2s transform,.2s top,.2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s left,.2s -webkit-transform;
transition: .2s left,.2s -webkit-transform;
-o-transition: .2s transform,.2s left;
transition: .2s transform,.2s left;
transition: .2s transform,.2s left,.2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s right,.2s -webkit-transform;
transition: .2s right,.2s -webkit-transform;
-o-transition: .2s transform,.2s right;
transition: .2s transform,.2s right;
transition: .2s transform,.2s right,.2s -webkit-transform
}
.swiper-pagination-progressbar {
background: rgba(0,0,0,.25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255,255,255,.25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0,0,0,.25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0,0,0,.5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
animation: swiper-preloader-spin 1s steps(12,end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px
}
.img-flash,.img-shine {
position: relative;
overflow: hidden
}
.img-circle:before,.img-shine:before {
content: '';
display: block
}
.img-circle,.img-flash,.img-shine,.img-slide,.img-zoomin,.img-zoomout {
overflow: hidden
}
.img-flash:hover>* {
opacity: 1;
-webkit-animation: imgFlash 1.5s;
-o-animation: imgFlash 1.5s;
animation: imgFlash 1.5s
}
@-webkit-keyframes imgFlash {
0% {
opacity: .6
}
100% {
opacity: 1
}
}
@-moz-keyframes imgFlash {
0% {
opacity: .6
}
100% {
opacity: 1
}
}
@keyframes imgFlash {
0% {
opacity: .6
}
100% {
opacity: 1
}
}
.img-shine:before {
position: absolute;
top: 0;
left: -75%;
z-index: 100;
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 100%);
background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
-o-transform: skewX(-25deg);
transform: skewX(-25deg)
}
.img-shine:hover:before {
-webkit-animation: imgShine .75s ease-in-out;
-o-animation: imgShine .75s ease-in-out;
animation: imgShine .75s ease-in-out
}
@-webkit-keyframes imgShine {
100% {
left: 125%
}
}
@-moz-keyframes imgShine {
100% {
left: 125%
}
}
@keyframes imgShine {
100% {
left: 125%
}
}
.img-circle {
position: relative
}
.img-circle:before {
position: absolute;
width: 0;
height: 0;
border-radius: 50%;
top: 50%;
left: 50%;
z-index: 10;
opacity: 0;
background: rgba(255,255,255,.3);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.img-slide,.img-slide>*,.img-zoomin,.img-zoomin>*,.img-zoomout,.img-zoomout>*,[class*=img-caption] {
position: relative
}
.img-circle:hover:before {
-webkit-animation: circle .75s infinite;
animation: circle .75s infinite
}
@-webkit-keyframes circle {
0%,40% {
opacity: 1
}
100% {
width: 200%;
height: 200%;
opacity: 0
}
}
@-moz-keyframes circle {
0%,40% {
opacity: 1
}
100% {
width: 200%;
height: 200%;
opacity: 0
}
}
@keyframes circle {
0%,40% {
opacity: 1
}
100% {
width: 200%;
height: 200%;
opacity: 0
}
}
.img-zoomin>* {
-webkit-transition: transform .4s ease-in-out;
-o-transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out
}
.img-zoomin:hover>* {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.img-slide>* {
left: 0;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.img-slide:hover>* {
left: -10px
}
.img-zoomout>* {
-webkit-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.img-zoomout:hover>* {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
[class*=img-caption] {
display: block;
overflow: hidden
}
[class*=img-caption] .image {
display: block;
position: relative;
font-size: 0;
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
[class*=img-caption]>.info {
display: block;
position: absolute;
z-index: 100;
left: 0;
right: 0;
background: #fff;
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
backface-visibility: hidden
}
.img-caption-bottom>.info {
visibility: hidden;
opacity: 0;
top: initial;
bottom: 0;
-webkit-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
backface-visibility: hidden
}
.img-caption-bottom:hover>.info {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.img-caption-bottom:hover>.image {
-webkit-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px)
}
.img-caption-top>.info {
opacity: 0;
top: 0;
bottom: initial;
-webkit-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.img-caption-top:hover>.info {
opacity: 1;
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.img-caption-top:hover>.image {
-webkit-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px)
}
[class*=img-push] {
display: block;
overflow: hidden;
position: relative
}
[class*=img-push] .image {
display: block;
position: relative;
-webkit-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
[class*=img-push] .info {
display: block;
position: absolute;
z-index: 100;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #fff;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.img-push-up .info {
-webkit-transform: translate(0,100%);
-o-transform: translate(0,100%);
transform: translate(0,100%)
}
.img-push-down .info,.img-push-up:hover .image {
-webkit-transform: translate(0,-100%);
-o-transform: translate(0,-100%);
transform: translate(0,-100%)
}
.img-push-down:hover .image {
-webkit-transform: translate(0,100%);
-o-transform: translate(0,100%);
transform: translate(0,100%)
}
.img-push-left .info {
-webkit-transform: translate(100%,0);
-o-transform: translate(100%,0);
transform: translate(100%,0)
}
.img-push-left:hover .image,.img-push-right .info {
-webkit-transform: translate(-100%,0);
-o-transform: translate(-100%,0);
transform: translate(-100%,0)
}
.img-push-right:hover .image {
-webkit-transform: translate(100%,0);
-o-transform: translate(100%,0);
transform: translate(100%,0)
}
[class*=img-push]:hover .info {
-webkit-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0)
}
@-moz-keyframes hotline-shake {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
-moz-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-moz-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-moz-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-moz-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-moz-transform: rotate(0) scale(1) skew(1deg)
}
100% {
-moz-transform: rotate(0) scale(1) skew(1deg)
}
}
@-webkit-keyframes hotline-shake {
0% {
-webkit-transform: rotate(0) scale(1) skew(1deg)
}
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg)
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg)
}
}
@-o-keyframes hotline-shake {
0% {
-o-transform: rotate(0) scale(1) skew(1deg)
}
10% {
-o-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-o-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-o-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-o-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-o-transform: rotate(0) scale(1) skew(1deg)
}
100% {
-o-transform: rotate(0) scale(1) skew(1deg)
}
}
@keyframes hotline-shake {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@-moz-keyframes btn-blink {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes btn-blink {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes btn-blink {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
.simply-scroll-container {
position: relative
}
.simply-scroll-clip {
position: relative;
overflow: hidden
}
.simply-scroll-list {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none
}
.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none
}
.simply-scroll-list li img {
border: none;
display: block
}
.simply-scroll-btn {
position: absolute;
background-image: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/css/buttons.png);
width: 42px;
height: 44px;
z-index: 3;
cursor: pointer
}
.simply-scroll-btn-left {
left: 6px;
bottom: 6px;
background-position: 0 -44px
}
.simply-scroll-btn-left.disabled {
background-position: 0 0!important
}
.simply-scroll-btn-left:focus,.simply-scroll-btn-left:hover {
background-position: 0 -88px
}
.simply-scroll-btn-right {
right: 6px;
bottom: 6px;
background-position: -84px -44px
}
.simply-scroll-btn-right.disabled {
background-position: -84px 0!important
}
.simply-scroll-btn-right:focus,.simply-scroll-btn-right:hover {
background-position: -84px -88px
}
.simply-scroll-btn-up {
right: 6px;
top: 6px;
background-position: -126px -44px
}
.simply-scroll-btn-up.disabled {
background-position: -126px 0!important
}
.simply-scroll-btn-up:focus,.simply-scroll-btn-up:hover {
background-position: -126px -88px
}
.simply-scroll-btn-down {
right: 6px;
bottom: 6px;
background-position: -42px -44px
}
.simply-scroll-btn-down.disabled {
background-position: -42px 0!important
}
.simply-scroll-btn-down:focus,.simply-scroll-btn-down:hover {
background-position: -42px -88px
}
.simply-scroll-btn-pause {
right: 6px;
bottom: 6px;
background-position: -168px -44px
}
.simply-scroll-btn-pause:focus,.simply-scroll-btn-pause:hover {
background-position: -168px -88px
}
.simply-scroll-btn-pause.active {
background-position: -84px -44px
}
.simply-scroll-btn-pause.active:focus,.simply-scroll-btn-pause.active:hover {
background-position: -84px -88px
}
.simply-scroll {
width: 576px;
height: 200px;
margin-bottom: 1em
}
.simply-scroll .simply-scroll-clip {
width: 576px;
height: 200px
}
.simply-scroll .simply-scroll-list li {
float: left;
width: 290px;
height: 200px
}
.vert {
width: 340px;
height: 400px;
margin-bottom: 1.5em
}
.vert .simply-scroll-clip {
width: 290px;
height: 400px
}
.vert .simply-scroll-list li {
width: 140px;
height: 200px
}
.vert .simply-scroll-btn-up {
right: 0;
top: 0
}
.vert .simply-scroll-btn-down {
right: 0;
top: 52px
}
.thumb-ratio {
position: relative;
padding-top: 50%
}
.thumb-ratio>* {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1
}
@font-face {
font-family: Pe-icon-7-stroke;
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Icon-font-7/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot?d7yf1v);
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Icon-font-7/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format('embedded-opentype'),url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Icon-font-7/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.woff?d7yf1v) format('woff'),url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Icon-font-7/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.ttf?d7yf1v) format('truetype'),url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Icon-font-7/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format('svg');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: Ionicons;
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/ionicons-master/docs/fonts/ionicons.eot?d7yf1v);
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/ionicons-master/docs/fonts/ionicons.eot?#iefixd7yf1v) format('embedded-opentype'),url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/ionicons-master/docs/fonts/ionicons.woff?d7yf1v) format('woff'),url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/ionicons-master/docs/fonts/ionicons.ttf?d7yf1v) format('truetype');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: Poppins;
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Poppins/SVN-Poppins Regular.ttf);
font-weight: 400;
font-style: normal
}
@font-face {
font-family: 'Poppins Light';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Poppins/PoppinsVN-300.ttf);
font-weight: 400;
font-style: normal
}
body,html {
min-height: 100%
}
body {
background: #fff;
color: #333;
font: 400 14px/20px Poppins,sans-serif
}
h1,h2,h3,h4,h5,h6 {
margin: 0 0 10px 0;
font-size: 16px;
line-height: 20px
}
*,:after,:before {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box
}
ol,ul {
margin: 0;
padding: 0;
list-style-position: inside
}
form input[type=text]::-webkit-input-placeholder,form textarea::-webkit-input-placeholder {
color: #666;
font-size: 14px
}
form input[type=text]::-moz-placeholder,form textarea::-moz-placeholder {
color: #666;
font-size: 14px
}
form input[type=text]:-ms-input-placeholder,form textarea:-ms-input-placeholder {
color: #666;
font-size: 14px
}
form input[type=text]:-moz-placeholder,form textarea:-moz-placeholder {
color: #666;
font-size: 14px
}
form input[type=checkbox]:not(:disabled),form input[type=radio]:not(:disabled) {
cursor: pointer;
vertical-align: middle;
margin: 0 5px 0 0
}
label {
display: inline-block;
cursor: pointer
}
@media (min-width: 1220px) {
.uk-container {
max-width:1200px;
padding: 0
}
}
@media (max-width: 1220px) {
.uk-container {
padding:0 10px
}
}
.logo {
margin: 0;
padding: 0
}
.logo a {
display: block;
margin: 0;
padding: 0
}
.banner {
display: block
}
.banner a,.banner p {
margin: 0
}
.banner a,.banner img {
display: block;
width: 100%;
height: 100%
}
.uk-modal-close.uk-close {
position: absolute;
width: 32px;
height: 32px;
top: 0;
right: 0;
opacity: 1;
background: #fff url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/img/close.png) center no-repeat;
-webkit-background-size: 32px;
-moz-background-size: 32px;
background-size: 32px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
z-index: 1020
}
.uk-modal-close.uk-close:after {
display: none
}
.uk-modal-dialog-lightbox .uk-slidenav {
height: 100%;
width: 35%;
top: 0;
z-index: 1;
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0)
}
.uk-modal-dialog-lightbox .uk-slidenav:before {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
line-height: 30px;
text-align: center;
font-size: 24px;
background: rgba(0,0,0,.7);
margin: 0;
position: absolute;
top: 50%;
left: 10px;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%)
}
.uk-modal-dialog-lightbox .uk-slidenav-previous {
left: 0
}
.uk-modal-dialog-lightbox .uk-slidenav-next {
right: 0
}
.uk-modal-dialog-lightbox .uk-slidenav-next:before {
left: initial;
right: 10px
}
.breadcrumb {
position: relative;
padding: 10px 0;
margin: 0 0 10px 0;
color: #666
}
.breadcrumb ul {
height: 18px;
overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis
}
.breadcrumb ul a {
font-size: 13px;
line-height: 18px;
text-transform: uppercase;
font-weight: 700;
color: #666
}
.breadcrumb ul a .fa {
color: #999
}
.breadcrumb ul li.uk-active a,.breadcrumb ul li:not(:first-child) a:hover {
color: #ba2026
}
.uk-breadcrumb>li+li:before {
position: absolute;
color: #222;
content: "\e684";
font-family: Pe-icon-7-stroke;
font-size: 28px;
width: 30px;
height: 24px;
line-height: 24px;
text-align: center;
left: -15px;
top: -2px
}
@media (min-width: 960px) {
.breadcrumb {
margin:0 0 15px 0
}
.breadcrumb ul a {
font-size: 14px
}
}
@media (max-width: 960px) {
.breadcrumb {
padding:7px 0;
background: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/img/bg-breadcrumb.png) 0 0
}
.breadcrumb ul a {
text-transform: none
}
}
.pagination {
padding: 15px 0 0 0
}
.pagination .uk-pagination>li:nth-child(n+2) {
margin-left: 10px
}
.pagination ul>li>a {
display: block;
padding: 0;
width: 26px;
height: 26px;
background: #fff;
border-radius: 0;
border: 1px solid #ec7914;
line-height: 26px;
font-size: 13px;
font-weight: 700;
color: #252525
}
.pagination ul>li.uk-active>a,.pagination ul>li:hover>a {
background: #ec7914;
border-color: #ec7914;
color: #ddd
}
@media (max-width: 479px) {
.pagination ul>li>a {
background:#fff
}
}
[class*=" pe-7s-"],[class^=pe-7s-] {
display: inline-block;
font-family: Pe-icon-7-stroke;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.pe-7s-album:before {
content: "\e6aa"
}
.pe-7s-arc:before {
content: "\e6ab"
}
.pe-7s-back-2:before {
content: "\e6ac"
}
.pe-7s-bandaid:before {
content: "\e6ad"
}
.pe-7s-car:before {
content: "\e6ae"
}
.pe-7s-diamond:before {
content: "\e6af"
}
.pe-7s-door-lock:before {
content: "\e6b0"
}
.pe-7s-eyedropper:before {
content: "\e6b1"
}
.pe-7s-female:before {
content: "\e6b2"
}
.pe-7s-gym:before {
content: "\e6b3"
}
.pe-7s-hammer:before {
content: "\e6b4"
}
.pe-7s-headphones:before {
content: "\e6b5"
}
.pe-7s-helm:before {
content: "\e6b6"
}
.pe-7s-hourglass:before {
content: "\e6b7"
}
.pe-7s-leaf:before {
content: "\e6b8"
}
.pe-7s-magic-wand:before {
content: "\e6b9"
}
.pe-7s-male:before {
content: "\e6ba"
}
.pe-7s-map-2:before {
content: "\e6bb"
}
.pe-7s-next-2:before {
content: "\e6bc"
}
.pe-7s-paint-bucket:before {
content: "\e6bd"
}
.pe-7s-pendrive:before {
content: "\e6be"
}
.pe-7s-photo:before {
content: "\e6bf"
}
.pe-7s-piggy:before {
content: "\e6c0"
}
.pe-7s-plugin:before {
content: "\e6c1"
}
.pe-7s-refresh-2:before {
content: "\e6c2"
}
.pe-7s-rocket:before {
content: "\e6c3"
}
.pe-7s-settings:before {
content: "\e6c4"
}
.pe-7s-shield:before {
content: "\e6c5"
}
.pe-7s-smile:before {
content: "\e6c6"
}
.pe-7s-usb:before {
content: "\e6c7"
}
.pe-7s-vector:before {
content: "\e6c8"
}
.pe-7s-wine:before {
content: "\e6c9"
}
.pe-7s-cloud-upload:before {
content: "\e68a"
}
.pe-7s-cash:before {
content: "\e68c"
}
.pe-7s-close:before {
content: "\e680"
}
.pe-7s-bluetooth:before {
content: "\e68d"
}
.pe-7s-cloud-download:before {
content: "\e68b"
}
.pe-7s-way:before {
content: "\e68e"
}
.pe-7s-close-circle:before {
content: "\e681"
}
.pe-7s-id:before {
content: "\e68f"
}
.pe-7s-angle-up:before {
content: "\e682"
}
.pe-7s-wristwatch:before {
content: "\e690"
}
.pe-7s-angle-up-circle:before {
content: "\e683"
}
.pe-7s-world:before {
content: "\e691"
}
.pe-7s-angle-right:before {
content: "\e684"
}
.pe-7s-volume:before {
content: "\e692"
}
.pe-7s-angle-right-circle:before {
content: "\e685"
}
.pe-7s-users:before {
content: "\e693"
}
.pe-7s-angle-left:before {
content: "\e686"
}
.pe-7s-user-female:before {
content: "\e694"
}
.pe-7s-angle-left-circle:before {
content: "\e687"
}
.pe-7s-up-arrow:before {
content: "\e695"
}
.pe-7s-angle-down:before {
content: "\e688"
}
.pe-7s-switch:before {
content: "\e696"
}
.pe-7s-angle-down-circle:before {
content: "\e689"
}
.pe-7s-scissors:before {
content: "\e697"
}
.pe-7s-wallet:before {
content: "\e600"
}
.pe-7s-safe:before {
content: "\e698"
}
.pe-7s-volume2:before {
content: "\e601"
}
.pe-7s-volume1:before {
content: "\e602"
}
.pe-7s-voicemail:before {
content: "\e603"
}
.pe-7s-video:before {
content: "\e604"
}
.pe-7s-user:before {
content: "\e605"
}
.pe-7s-upload:before {
content: "\e606"
}
.pe-7s-unlock:before {
content: "\e607"
}
.pe-7s-umbrella:before {
content: "\e608"
}
.pe-7s-trash:before {
content: "\e609"
}
.pe-7s-tools:before {
content: "\e60a"
}
.pe-7s-timer:before {
content: "\e60b"
}
.pe-7s-ticket:before {
content: "\e60c"
}
.pe-7s-target:before {
content: "\e60d"
}
.pe-7s-sun:before {
content: "\e60e"
}
.pe-7s-study:before {
content: "\e60f"
}
.pe-7s-stopwatch:before {
content: "\e610"
}
.pe-7s-star:before {
content: "\e611"
}
.pe-7s-speaker:before {
content: "\e612"
}
.pe-7s-signal:before {
content: "\e613"
}
.pe-7s-shuffle:before {
content: "\e614"
}
.pe-7s-shopbag:before {
content: "\e615"
}
.pe-7s-share:before {
content: "\e616"
}
.pe-7s-server:before {
content: "\e617"
}
.pe-7s-search:before {
content: "\e618"
}
.pe-7s-film:before {
content: "\e6a5"
}
.pe-7s-science:before {
content: "\e619"
}
.pe-7s-disk:before {
content: "\e6a6"
}
.pe-7s-ribbon:before {
content: "\e61a"
}
.pe-7s-repeat:before {
content: "\e61b"
}
.pe-7s-refresh:before {
content: "\e61c"
}
.pe-7s-add-user:before {
content: "\e6a9"
}
.pe-7s-refresh-cloud:before {
content: "\e61d"
}
.pe-7s-paperclip:before {
content: "\e69c"
}
.pe-7s-radio:before {
content: "\e61e"
}
.pe-7s-note2:before {
content: "\e69d"
}
.pe-7s-print:before {
content: "\e61f"
}
.pe-7s-network:before {
content: "\e69e"
}
.pe-7s-prev:before {
content: "\e620"
}
.pe-7s-mute:before {
content: "\e69f"
}
.pe-7s-power:before {
content: "\e621"
}
.pe-7s-medal:before {
content: "\e6a0"
}
.pe-7s-portfolio:before {
content: "\e622"
}
.pe-7s-like2:before {
content: "\e6a1"
}
.pe-7s-plus:before {
content: "\e623"
}
.pe-7s-left-arrow:before {
content: "\e6a2"
}
.pe-7s-play:before {
content: "\e624"
}
.pe-7s-key:before {
content: "\e6a3"
}
.pe-7s-plane:before {
content: "\e625"
}
.pe-7s-joy:before {
content: "\e6a4"
}
.pe-7s-photo-gallery:before {
content: "\e626"
}
.pe-7s-pin:before {
content: "\e69b"
}
.pe-7s-phone:before {
content: "\e627"
}
.pe-7s-plug:before {
content: "\e69a"
}
.pe-7s-pen:before {
content: "\e628"
}
.pe-7s-right-arrow:before {
content: "\e699"
}
.pe-7s-paper-plane:before {
content: "\e629"
}
.pe-7s-delete-user:before {
content: "\e6a7"
}
.pe-7s-paint:before {
content: "\e62a"
}
.pe-7s-bottom-arrow:before {
content: "\e6a8"
}
.pe-7s-notebook:before {
content: "\e62b"
}
.pe-7s-note:before {
content: "\e62c"
}
.pe-7s-next:before {
content: "\e62d"
}
.pe-7s-news-paper:before {
content: "\e62e"
}
.pe-7s-musiclist:before {
content: "\e62f"
}
.pe-7s-music:before {
content: "\e630"
}
.pe-7s-mouse:before {
content: "\e631"
}
.pe-7s-more:before {
content: "\e632"
}
.pe-7s-moon:before {
content: "\e633"
}
.pe-7s-monitor:before {
content: "\e634"
}
.pe-7s-micro:before {
content: "\e635"
}
.pe-7s-menu:before {
content: "\e636"
}
.pe-7s-map:before {
content: "\e637"
}
.pe-7s-map-marker:before {
content: "\e638"
}
.pe-7s-mail:before {
content: "\e639"
}
.pe-7s-mail-open:before {
content: "\e63a"
}
.pe-7s-mail-open-file:before {
content: "\e63b"
}
.pe-7s-magnet:before {
content: "\e63c"
}
.pe-7s-loop:before {
content: "\e63d"
}
.pe-7s-look:before {
content: "\e63e"
}
.pe-7s-lock:before {
content: "\e63f"
}
.pe-7s-lintern:before {
content: "\e640"
}
.pe-7s-link:before {
content: "\e641"
}
.pe-7s-like:before {
content: "\e642"
}
.pe-7s-light:before {
content: "\e643"
}
.pe-7s-less:before {
content: "\e644"
}
.pe-7s-keypad:before {
content: "\e645"
}
.pe-7s-junk:before {
content: "\e646"
}
.pe-7s-info:before {
content: "\e647"
}
.pe-7s-home:before {
content: "\e648"
}
.pe-7s-help2:before {
content: "\e649"
}
.pe-7s-help1:before {
content: "\e64a"
}
.pe-7s-graph3:before {
content: "\e64b"
}
.pe-7s-graph2:before {
content: "\e64c"
}
.pe-7s-graph1:before {
content: "\e64d"
}
.pe-7s-graph:before {
content: "\e64e"
}
.pe-7s-global:before {
content: "\e64f"
}
.pe-7s-gleam:before {
content: "\e650"
}
.pe-7s-glasses:before {
content: "\e651"
}
.pe-7s-gift:before {
content: "\e652"
}
.pe-7s-folder:before {
content: "\e653"
}
.pe-7s-flag:before {
content: "\e654"
}
.pe-7s-filter:before {
content: "\e655"
}
.pe-7s-file:before {
content: "\e656"
}
.pe-7s-expand1:before {
content: "\e657"
}
.pe-7s-exapnd2:before {
content: "\e658"
}
.pe-7s-edit:before {
content: "\e659"
}
.pe-7s-drop:before {
content: "\e65a"
}
.pe-7s-drawer:before {
content: "\e65b"
}
.pe-7s-download:before {
content: "\e65c"
}
.pe-7s-display2:before {
content: "\e65d"
}
.pe-7s-display1:before {
content: "\e65e"
}
.pe-7s-diskette:before {
content: "\e65f"
}
.pe-7s-date:before {
content: "\e660"
}
.pe-7s-cup:before {
content: "\e661"
}
.pe-7s-culture:before {
content: "\e662"
}
.pe-7s-crop:before {
content: "\e663"
}
.pe-7s-credit:before {
content: "\e664"
}
.pe-7s-copy-file:before {
content: "\e665"
}
.pe-7s-config:before {
content: "\e666"
}
.pe-7s-compass:before {
content: "\e667"
}
.pe-7s-comment:before {
content: "\e668"
}
.pe-7s-coffee:before {
content: "\e669"
}
.pe-7s-cloud:before {
content: "\e66a"
}
.pe-7s-clock:before {
content: "\e66b"
}
.pe-7s-check:before {
content: "\e66c"
}
.pe-7s-chat:before {
content: "\e66d"
}
.pe-7s-cart:before {
content: "\e66e"
}
.pe-7s-camera:before {
content: "\e66f"
}
.pe-7s-call:before {
content: "\e670"
}
.pe-7s-calculator:before {
content: "\e671"
}
.pe-7s-browser:before {
content: "\e672"
}
.pe-7s-box2:before {
content: "\e673"
}
.pe-7s-box1:before {
content: "\e674"
}
.pe-7s-bookmarks:before {
content: "\e675"
}
.pe-7s-bicycle:before {
content: "\e676"
}
.pe-7s-bell:before {
content: "\e677"
}
.pe-7s-battery:before {
content: "\e678"
}
.pe-7s-ball:before {
content: "\e679"
}
.pe-7s-back:before {
content: "\e67a"
}
.pe-7s-attention:before {
content: "\e67b"
}
.pe-7s-anchor:before {
content: "\e67c"
}
.pe-7s-albums:before {
content: "\e67d"
}
.pe-7s-alarm:before {
content: "\e67e"
}
.pe-7s-airplay:before {
content: "\e67f"
}
body.stop-scrolling {
height: 100%;
overflow: hidden;
}
.sweet-overlay {
background-color: black; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; background-color: rgba(0, 0, 0, 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000;
}
.sweet-alert {
background-color: white;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
width: 478px;
padding: 17px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
display: none;
z-index: 99999;
}
@media all and (max-width: 540px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px;
}
}
.sweet-alert h2 {
color: #575757;
font-size: 30px;
text-align: center;
font-weight: 600;
text-transform: none;
position: relative;
margin: 25px 0;
padding: 0;
line-height: 40px;
display: block;
}
.sweet-alert p {
color: #797979;
font-size: 16px;
text-align: center;
font-weight: 300;
position: relative;
text-align: inherit;
float: none;
margin: 0;
padding: 0;
line-height: normal;
}
.sweet-alert fieldset {
border: none;
position: relative;
}
.sweet-alert .sa-error-container {
background-color: #f1f1f1;
margin-left: -17px;
margin-right: -17px;
overflow: hidden;
padding: 0 10px;
max-height: 0;
webkit-transition: padding 0.15s, max-height 0.15s;
transition: padding 0.15s, max-height 0.15s;
}
.sweet-alert .sa-error-container.show {
padding: 10px 0;
max-height: 100px;
webkit-transition: padding 0.2s, max-height 0.2s;
transition: padding 0.25s, max-height 0.25s;
}
.sweet-alert .sa-error-container .icon {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: white;
line-height: 24px;
text-align: center;
margin-right: 3px;
}
.sweet-alert .sa-error-container p {
display: inline-block;
}
.sweet-alert .sa-input-error {
position: absolute;
top: 29px;
right: 26px;
width: 20px;
height: 20px;
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.1s;
transition: all 0.1s;
}
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
content: "";
width: 20px;
height: 6px;
background-color: #f06e57;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -9px;
}
.sweet-alert .sa-input-error::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-input-error::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-input-error.show {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.sweet-alert input {
width: 100%;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d7d7d7;
height: 43px;
margin-top: 10px;
margin-bottom: 17px;
font-size: 18px;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
padding: 0 12px;
display: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.sweet-alert input:focus {
outline: none;
box-shadow: 0px 0px 3px #c4e6f5;
border: 1px solid #b4dbed;
}
.sweet-alert input:focus::-moz-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input:focus:-ms-input-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input:focus::-webkit-input-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input::-moz-placeholder {
color: #bdbdbd;
}
.sweet-alert input:-ms-input-placeholder {
color: #bdbdbd;
}
.sweet-alert input::-webkit-input-placeholder {
color: #bdbdbd;
}
.sweet-alert.show-input input {
display: block;
}
.sweet-alert button {
background-color: #AEDEF4;
color: white;
border: none;
box-shadow: none;
font-size: 17px;
font-weight: 500;
-webkit-border-radius: 4px;
border-radius: 5px;
padding: 10px 32px;
margin: 26px 5px 0 5px;
cursor: pointer;
}
.sweet-alert button:focus {
outline: none;
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.sweet-alert button:hover {
background-color: #a1d9f2;
}
.sweet-alert button:active {
background-color: #81ccee;
}
.sweet-alert button.cancel {
background-color: #D0D0D0;
}
.sweet-alert button.cancel:hover {
background-color: #c8c8c8;
}
.sweet-alert button.cancel:active {
background-color: #b6b6b6;
}
.sweet-alert button.cancel:focus {
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}
.sweet-alert button::-moz-focus-inner {
border: 0;
}
.sweet-alert[data-has-cancel-button=false] button {
box-shadow: none !important;
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
padding-bottom: 40px;
}
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
border-color: #F27474;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #F27474;
display: block;
top: 37px;
border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
border-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-left: -2px;
background-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-info {
border-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-success {
border-color: #A5DC86;
}
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
content: '';
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
-webkit-border-radius: 120px 0 0 120px;
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
-webkit-border-radius: 0 120px 120px 0;
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0px 60px;
transform-origin: 0px 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: white;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #A5DC86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat;
} @-webkit-keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@-webkit-keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@-webkit-keyframes slideFromTop {
0% {
top: 0%;
}
100% {
top: 50%;
}
}
@keyframes slideFromTop {
0% {
top: 0%;
}
100% {
top: 50%;
}
}
@-webkit-keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0%;
}
}
@keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0%;
}
}
@-webkit-keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@-webkit-keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
@keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
.showSweetAlert[data-animation=pop] {
-webkit-animation: showSweetAlert 0.3s;
animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideFromTop 0.3s;
animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideFromBottom 0.3s;
animation: slideFromBottom 0.3s;
}
.hideSweetAlert[data-animation=pop] {
-webkit-animation: hideSweetAlert 0.2s;
animation: hideSweetAlert 0.2s;
}
.hideSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none;
}
.hideSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideToTop 0.4s;
animation: slideToTop 0.4s;
}
.hideSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideToBottom 0.3s;
animation: slideToBottom 0.3s;
}
@-webkit-keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@-webkit-keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@-webkit-keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}
.animateSuccessTip {
-webkit-animation: animateSuccessTip 0.75s;
animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
-webkit-animation: animateSuccessLong 0.75s;
animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in;
}
@-webkit-keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
.animateErrorIcon {
-webkit-animation: animateErrorIcon 0.5s;
animation: animateErrorIcon 0.5s;
}
@-webkit-keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
@keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
.animateXMark {
-webkit-animation: animateXMark 0.5s;
animation: animateXMark 0.5s;
}
@-webkit-keyframes pulseWarning {
0% {
border-color: #F8D486;
}
100% {
border-color: #F8BB86;
}
}
@keyframes pulseWarning {
0% {
border-color: #F8D486;
}
100% {
border-color: #F8BB86;
}
}
.pulseWarning {
-webkit-animation: pulseWarning 0.75s infinite alternate;
animation: pulseWarning 0.75s infinite alternate;
}
@-webkit-keyframes pulseWarningIns {
0% {
background-color: #F8D486;
}
100% {
background-color: #F8BB86;
}
}
@keyframes pulseWarningIns {
0% {
background-color: #F8D486;
}
100% {
background-color: #F8BB86;
}
}
.pulseWarningIns {
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
animation: pulseWarningIns 0.75s infinite alternate;
}    .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-ms-transform: rotate(45deg) \9;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-ms-transform: rotate(-45deg) \9;
} .sweet-alert .sa-icon.sa-success {
border-color: transparent\9;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
-ms-transform: rotate(45deg) \9;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
-ms-transform: rotate(-45deg) \9;
} .cart-panel .panel-body .list-product-cart li:not(:last-child) {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dashed #ccc;
}
.price_view { }
.list-product-cart .prd_quantity {
width: 132px !important;
margin: 0 !important;
}
.list-product-cart .prd-infor .title a {  } .cart-container {
display: inline-block;
margin: 100px auto;
background: #fafafa;
padding: 300px 0;
max-width: 70%;
padding: 50px;
border: 1px solid #ccc;
}
.cart-information .heading {
color: #000;
font-size: 20px;
line-height: 35px;
margin: 0 0 30px 0;
text-align: left;
}
.cart-order-code {
font-size: 18px;
margin: 0 0 30px 0;
font-weight: 600;
text-align: left;
}
.cart-order-description {
text-align: left;
}
.cart-order-description ul {
list-style: circle;
padding-left: 20px;
font-size: 16px;
text-align: left;
}
.cart-order-description ul li {
margin: 0 0 20px 0;
}
.cart-order-button {
text-align: left;
}
.cart-order-button > * {
color: #fff;
padding: 10px 30px;
display: inline-block;
background: #ed5565;
border-radius: 5px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
transition: all 0.5s ease;
}
.cart-order-button > *:hover {
color: #fff;
background: #18a689;
}
.soluong {
display: inline-block;
float: left;
width: 120px;
margin-right: 15px;
}
.details-pro .form_product_content {
width: 100%;
float: left;
}
.form-group .input_number_product {
display: inline-flex;
width: 120px;
height: 52px;
position: relative;
background: transparent;
padding: 0;
}
.form_product_content .btn_num.num_1 {
left: 0;
font-size: 16px;
line-height: 0px;
border: none;
display: inline-block;
width: 30px;
height: 49px;
background: transparent;
float: left;
color: #6e7874;
text-align: center;
padding: 0px;
position: relative;
padding-right: 0px;
line-height: 50px;
position: absolute;
top: 0;
}
.form-group .input_number_product .btn_num.num_2 {
right: 0;
top: 0;
}
.form-group .input_number_product .btn_num {
font-size: 16px;
line-height: 0px;
border: none;
display: inline-block;
width: 30px;
height: 49px;
background: transparent;
float: left;
color: #6e7874;
text-align: center;
padding: 0px;
position: relative;
padding-right: 0px;
line-height: 50px;
position: absolute;
}
.button_actions {
display: inline-block;
float: left;
margin-top: 35px;
position: relative;
height: 50px;
}
.button_actions .btn_base:first-child {
margin-right: 15px;
}
.button_actions .btn_add_cart {
position: relative;
}
.button_actions .btn_base {
height: 50px;
line-height: 50px;
font-family: "Arial";
color: #fff;
font-weight: 400;
text-decoration: none;
background: #222222;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 20px;
white-space: nowrap;
outline: none !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
text-align: center;
border-radius: 5px;
border: solid 1px #222222;
font-weight: 700;
float: left;
}
.button_actions .btn_base.fast {
background: #f1db25;
color: #fff;
border-color: #f1db25;
transition: all ease-in-out 0.2s;
}
.button_actions .btn_base.fast:hover {
color: #fff;
background: #222222;
cursor: pointer;
border-color: #222222;
}
.form-wholesale-title {
font-family: "Arial";
font-weight: 700;
display: inline-block;
line-height: 35px;
margin-right: 20px;
font-size: 14px;
}
.form-wholesale label > input[type="radio"] + span {
padding: 10px 15px;
background-color: #aaa;
display: inline-block;
border-radius: 3px;
color: #fff;
transition: all .5s ease;
}
.radio-check-icon input[type="radio"] + span:hover {
background-color: #FFA374;
cursor: pointer;
}
.form-wholesale input[type="radio"] {
display: none;
}
.form-wholesale input[ type="radio"]:checked + span {
background-color: #FA8144;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-Thin.ttf) format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-ThinItalic.ttf) format('truetype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-ExtraLight.ttf) format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf) format('truetype');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-LightItalic.ttf) format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Montserrat/Montserrat-Black.ttf) format('truetype');
font-weight: 900;
font-style: normal;
} @font-face {
font-family: 'Roboto';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Light.eot);
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Light.eot) format('embedded-opentype'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Light.ttf) format('truetype'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Light.woff) format('woff'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Light.svg) format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Regular.eot);
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Regular.eot) format('embedded-opentype'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Regular.ttf) format('truetype'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Regular.woff) format('woff'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Regular.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Medium.eot);
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Medium.eot) format('embedded-opentype'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Medium.ttf) format('truetype'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Medium.woff) format('woff'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Medium.svg) format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Bold.eot);
src: url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Bold.eot) format('embedded-opentype'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Bold.ttf) format('truetype'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Bold.woff) format('woff'), url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/fonts/Roboto/Roboto-Bold.svg) format('svg');
font-weight: 600;
font-style: normal;
}
.line-1 {
display: -webkit-box !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-2 {
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-3 {
display: -webkit-box !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-4 {
display: -webkit-box !important;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-5 {
display: -webkit-box !important;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.loading {
position: relative;
}
.bg-loader {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5000;
background: rgba(120, 120, 120, 0.25) url(//empirecityhcmc.com/wp-content/themes/halink.bds15/dev/enqueue/css/loading.gif) 50% 50% no-repeat;
background-size: 25px;
}
.uk-pagination {
padding: 0;
list-style: none;
text-align: center;
font-size: 0
}
.uk-pagination:after, .uk-pagination:before {
content: "";
display: table
}
.uk-pagination:after {
clear: both
}
.uk-pagination>li {
display: inline-block;
font-size: 1rem;
vertical-align: top
}
.uk-pagination>li:nth-child(n+2) {
margin-left: 5px
}
.uk-pagination>li>a, .uk-pagination>li>span {
display: inline-block;
min-width: 16px;
padding: 3px 5px;
line-height: 20px;
text-decoration: none;
box-sizing: content-box;
text-align: center;
border-radius: 4px
}
.uk-pagination>li>a {
background: #f7f7f7;
color: #666;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .3);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(to bottom, #fff, #eee)
}
.uk-pagination>li>a:focus, .uk-pagination>li>a:hover {
background-color: #fafafa;
color: #666;
outline: 0;
background-image: none
}
.uk-pagination>li>a:active {
background-color: #f5f5f5;
color: #666;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .3);
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-pagination>.uk-active>span {
background: #009dd8;
color: #fff;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-pagination>.uk-disabled>span {
background-color: #fafafa;
color: #999;
border: 1px solid rgba(0, 0, 0, .2);
text-shadow: 0 1px 0 #fff
}
.uk-pagination-previous {
float: left
}
.uk-pagination-next {
float: right
}
.uk-pagination-left {
text-align: left
}
.uk-pagination-right {
text-align: right
}
.dt_pagination {
margin-top: 20px;
}
.dt_pagination li>a, .dt_pagination li>span {
display: inline-block;
min-width: 16px;
padding: 4px 6px;
line-height: 20px;
text-decoration: none;
box-sizing: content-box;
text-align: center;
border-radius: 0;
}
.dt_pagination li.uk-active>a {
background: #008f4d;
color: #fff;
border: 1px solid #008f4d;
}
#article_detail_page{
padding-top:70px;
}
table {
border-collapse: collapse;
width: 100% !important;
border:1px solid #ddd;
}
table th, table td {
padding: 8px;
text-align: left;
border-bottom: 1px solid #ddd;
}
table th {
background-color: #f2f2f2;
}
table tr:nth-child(even) {
background-color: #f9f9f9;
}
table tr:hover {
background-color: #f5f5f5;
}
.sologan-1 .txt_center{
display: block !important;
}
.dt_desc_catalogue table{
min-width:100% !important;
}
.overview-panel .overview-body .location .description img{
width:100% !important;
height:auto !important;
}
@media (max-width: 600px){
.sologan img,
.sologan-1 img{
width:100% !important;
height:auto !important;
}
}
.sologan{
display: block !important;
text-align: justify !important;
}
.txt_center table{
width:100% !important;
}
.floor .cat_heading_1{
padding-top: 20px;
}
#article_detail_page {
padding-top: 100px !important;
}
.extract_album .album-item .image{
height: 250px;
border-radius: 4px;
}
.extract_album .album-item .image img{
border-radius: 4px;
}
.extract_album h3.heading-2{
line-height: 22px;
}
.extract_album h3.heading-2 > *{
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
}
.list-album{
margin-bottom: 30px;
}
.floor .image{
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.floor .dt_item_title_2 {
font-size: 15px;
}
@media (max-width: 600px){
table{
width:100% !important;
}
.dt_item_desc_1 img{
width:100% !important;
height: auto !important;
}
.dt_item_desc_1 iframe{
height: 500px !important;
}
}
@media (max-width: 768px){
.search_product_panel input,
.search_product_panel textarea{
font-size:17px !important;
}
}