.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important; 
width: 100% !important;
} .nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
background:white; 
filter:alpha(opacity=0); 
opacity:0;
} .nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; } .nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter:alpha(opacity=8);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
} .nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
} .nivo-controlNav {
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}body .metaslider .coin-slider,
body .metaslider .nivoSlider,
body .metaslider .nivoSlider img,
body .metaslider .rslides,
body .metaslider .rslides li,
body .metaslider .flexslider ul.slides,
body .metaslider .flexslider .slides li,
body .metaslider .flexslider .slides ul,
body .metaslider .flexslider .slides ol,
body .metaslider .flexslider .slides img,
body .metaslider .flexslider .flex-direction-nav,
body .metaslider .flexslider .flex-direction-nav li {
border: 0;
margin: 0;
list-style-type: none;
list-style: none;
padding: 0;
line-height: normal;
max-width: none;
max-height: none;
}
.metaslider {
position: relative;
z-index: 0;
} .metaslider.fullwidth {
overflow: hidden;
}
.metaslider .caption {
padding: 5px 10px;
word-wrap: break-word;
}
.metaslider .caption-wrap {
position: absolute;
bottom: 0;
left: 0;
background: black;
color: white;
opacity: 0.7;
margin: 0;
display: block;
width: 100%;
line-height: 1.4em;
}
.metaslider img {
height: auto;
padding: 0;
margin: 0;
-moz-user-select: none;
}
.metaslider a {
outline: none;
}
.metaslider.ms-left {
float: left;
margin: 0 20px 20px 0;
}
.metaslider.ms-right {
float: right;
margin: 0 0 20px 20px;
}
.metaslider li:before,
.metaslider li:after {
content: "" !important;
display: none !important;
bottom: auto !important;
margin: 0 !important;
}
.metaslider .caption-wrap .caption img {
width: auto;
}
.metaslider .slides img {
width: 100%;
display: block;
} .metaslider .flexslider {
background: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
border: 0;
margin: 0 0 40px;
max-width: none;
max-height: none;
}
.metaslider .flex-control-nav {
border: 0;
margin: auto;
list-style-type: none;
list-style: none;
padding: 0;
bottom: -27px;
line-height: 11px;
z-index: 2;
} .metaslider .flex-control-nav li {
margin: 0;
}
.metaslider .flex-control-nav li a {
margin: 0 6px;
padding: 0;
}
.metaslider .flexslider .slides li {
position: relative;
height: auto;
} .metaslider .flex-viewport {
direction: ltr;
} .metaslider .flex-direction-nav a {
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.metaslider .flexslider .slides p {
margin: 0;
}
.metaslider .flexslider.filmstrip {
margin-top: 10px;
}
.metaslider .flexslider.filmstrip .slides li {
cursor: pointer;
opacity: 0.5;
}
.metaslider .flexslider.filmstrip .slides li.flex-active-slide,
.metaslider .flexslider.filmstrip .slides li:hover,
.metaslider .flexslider.filmstrip .slides li:focus {
opacity: 1.0 !important;
}
.metaslider .flex-control-thumbs li {
width: auto;
}
.metaslider ol.flex-control-thumbs img,
#content .metaslider ol.flex-control-thumbs img {
margin: 10px 5px 0;
width: auto;
}
.metaslider.nav-hidden .flexslider {
margin-bottom: 0;
}
.metaslider.nav-hidden.add-margin .flexslider {
margin-bottom: 40px;
}  .metaslider .flexslider .flex-direction-nav li a:before {
content:none!important;
}
.metaslider .flexslider .flex-direction-nav li a {
width: 30px;
height: 30px;
border: 0;
margin: -20px 0 0;
box-shadow: none!important;
display: block;
background-color: transparent;
background-image: url(//thamtuhanoisao.com/wp-content/plugins/ml-slider/assets/sliders/flexslider/bg_direction_nav.png);
background-repeat:  no-repeat;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
opacity: 0;
-webkit-transition: all .3s ease;
-moz-transition: opacity .25s ease-in-out;
transition: all .3s ease;
}
.metaslider .flex-direction-nav .flex-next {
background-position: left 0;
}
.metaslider .flex-direction-nav .flex-next {
background-position: right 0;
text-align: left; text-indent: 9999px;
}
.metaslider .flexslider:focus-within .flex-next,
.metaslider .flexslider:hover .flex-next {
opacity: 0.8;
right: 5px;
}
.metaslider .flexslider:focus-within .flex-prev,
.metaslider .flexslider:hover .flex-prev {
opacity: 0.8;
left: 5px; text-indent: -9999px;
}
.metaslider .flexslider:focus-within .flex-next:focus,
.metaslider .flexslider:focus-within .flex-prev:focus,
.metaslider .flexslider:hover .flex-next:hover,
.metaslider .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.metaslider .flexslider .flex-next:focus,
.metaslider .flexslider .flex-prev:focus {
outline: -webkit-focus-ring-color auto 5px;
}
.metaslider .flexslider .flex-direction-nav .flex-disabled {
cursor: default;
pointer-events: none;
}
.metaslider .flexslider .flex-control-nav a {
box-shadow: none !important;
}
.metaslider .flexslider .flex-control-nav a:focus {
outline: -webkit-focus-ring-color auto 5px;
}
.metaslider .flexslider .slides > li {
position: relative;
} .metaslider .rslides_nav,
.metaslider .rslides_tabs a {
box-shadow: none !important;
}
.metaslider .rslides_tabs {
margin: 0 0 40px;
}
.metaslider .rslides_nav:focus,
.metaslider .rslides_nav:hover {
color: #ffffff;
} div.metaslider .theme-default .nivoSlider {
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
}
.metaslider .slider-wrapper .nivo-directionNav a,
.metaslider .slider-wrapper .nivo-controlNav a,
.metaslider .slider-wrapper img {
border: 0;
box-shadow: none; list-style-type: none;
list-style: none;
padding: 0;
line-height: normal;
max-width: none;
max-height: none;
}
div.metaslider .slider-wrapper .nivo-controlNav a {
transition: none;
} .metaslider .coin-slider { max-width: 100%;
overflow:hidden;
}
.metaslider .coin-slider .cs-buttons a,
.metaslider .coin-slider > a {
box-shadow: none !important;
}
.metaslider .coin-slider a[href="javascript:void(0)"] {
cursor: default !important;
}.metaslider .theme-default .nivoSlider {
position:relative;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.metaslider .theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.metaslider .theme-default .nivoSlider a {
border:0;
display:block;
}
.metaslider .theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}
.metaslider .theme-default .nivo-controlNav a {
display:inline-block;
width:22px;
height:22px;
background:url(//thamtuhanoisao.com/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin: 0 2px;
}
.metaslider .theme-default .nivo-controlNav a.active {
background-position:0 -22px;
}
.metaslider .theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(//thamtuhanoisao.com/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
opacity: 0;
transition: all 200ms ease-in-out;
}
.metaslider .theme-default:hover .nivo-directionNav a { opacity: 1; }
.metaslider .theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.metaslider .theme-default a.nivo-prevNav {
left:15px;
}
.metaslider .theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.metaslider .theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.metaslider .theme-default .nivo-caption a:hover {
color:#fff;
}
.metaslider .theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.metaslider .theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.metaslider .theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
}@-webkit-keyframes quick-alo-circle-anim {
0% {
-webkit-transform: rotate(0) scale(.5) skew(1deg);
-webkit-opacity: .1;
}
30% {
-webkit-transform: rotate(0) scale(.7) skew(1deg);
-webkit-opacity: .5;
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
-webkit-opacity: .1;
}
}
@-o-keyframes quick-alo-circle-anim {
0% {
-o-transform: rotate(0) scale(.5) skew(1deg);
-o-opacity: .1;
}
30% {
-o-transform: rotate(0) scale(.7) skew(1deg);
-o-opacity: .5;
}
100% {
-o-transform: rotate(0) scale(1) skew(1deg);
-o-opacity: .1;
}
}
@-moz-keyframes quick-alo-circle-fill-anim {
0% {
-moz-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2;
}
50% {
-moz-transform: rotate(0) -moz-scale(1) skew(1deg);
opacity: .2;
}
100% {
-moz-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2;
}
}
@-webkit-keyframes quick-alo-circle-fill-anim {
0% {
-webkit-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2;
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
opacity: .2;
}
100% {
-webkit-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2;
}
}
@-o-keyframes quick-alo-circle-fill-anim {
0% {
-o-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2;
}
50% {
-o-transform: rotate(0) scale(1) skew(1deg);
opacity: .2;
}
100% {
-o-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2;
}
}
@-moz-keyframes quick-alo-circle-img-anim {
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 quick-alo-circle-img-anim {
0% {
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 quick-alo-circle-img-anim {
0% {
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 quick-alo-circle-img-anim {
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);
}
} .quick-alo-phone {
position: fixed;
visibility: hidden;
background-color: transparent;
width: 200px;
height: 200px;
cursor: pointer;
z-index: 200000 !important;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-webkit-transition: visibility .5s;
-moz-transition: visibility .5s;
-o-transition: visibility .5s;
transition: visibility .5s;
bottom: 20%;
left: -10px;
}
.quick-alo-phone.quick-alo-hover,
.quick-alo-phone:hover {
opacity: 1;
}
.quick-alo-phone.quick-alo-show {
visibility: visible;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
border-color: #00aff2;
opacity: .5;
}
.quick-alo-ph-circle {
width: 160px;
height: 160px;
top: 20px;
left: 20px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(30, 30, 30, 0.4);
opacity: .1;
-webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
-moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
-ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
-o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.quick-alo-ph-circle-fill {
width: 100px;
height: 100px;
top: 50px;
left: 50px;
position: absolute;
background-color: #000;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: .1;
-webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
background-color: rgba(51, 122, 83, 0.7);
opacity: .75 !important;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
background-color: #00aff2;
}
.quick-alo-ph-img-circle {
width: 60px;
height: 60px;
top: 70px;
left: 70px;
position: absolute;
background: rgba(30, 30, 30, 0.1) url(//thamtuhanoisao.com/wp-content/themes/lindotheme1/lib/images/icon-phone.png) no-repeat center center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: .7;
-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle-fill,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle-fill {
background-color: rgba(51, 122, 83, 0.7);
opacity: .75 !important;
}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
background-color: #75eb50;
}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle {
border-color: #75eb50;
opacity: .5;
}
.phone_text {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
background: #ffe800;
color: #000;
padding: 2px 9px;
border-radius: 4px;
white-space: nowrap;
}
.alo-floating {
display: block;
left: 10px;
bottom: 10px;
position: fixed;
z-index: 9999;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 14px;
text-shadow: 1px 1px 0 #000;
border-radius: 40px;
cursor: pointer;
padding-right: 5px;
max-width: 250px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
background: #e42222;
padding: 0 10px;
}
.alo-floating a {
color: #FFF;
}
.alo-floating-zalo {
bottom: 60px;
padding-left: 45px;
background: url(//thamtuhanoisao.com/wp-content/themes/lindotheme1/lib/images/icon-zalo.png) 8px center no-repeat, #009dff;
background-size: 30px auto;
} .hotline-phone-ring-wrap {
position: fixed;
bottom: 0;
left: 0;
z-index: 999999;
}
.hotline-phone-ring {
position: relative;
visibility: visible;
background-color: transparent;
width: 110px;
height: 110px;
cursor: pointer;
z-index: 11;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transition: visibility .5s;
left: 0;
bottom: 0;
display: block;
}
.hotline-bar {
position: absolute;
background: #337ab7;
height: 45px;
white-space: nowrap;
line-height: 40px;
border-radius: 3px;
padding: 0 10px;
background-size: 100%;
cursor: pointer;
transition: all 0.8s;
-webkit-transition: all 0.8s;
z-index: 9;
border-radius: 50px !important;
left: 42px;
bottom: 31px;
}
.hotline-bar > a {
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: bold;
text-indent: 32px;
letter-spacing: 1px;
display: block;
line-height: 45px;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
color: #fff;
}
.hotline-phone-2 .quick-alo-ph-circle {
top: 0;
left: 0;
width: 110px;
height: 110px;
}
.hotline-phone-2 .quick-alo-ph-circle-fill {
top: 16px;
left: 16px;
width: 80px;
height: 80px;
background: rgba(51, 122, 83, 0.7);
}
.hotline-phone-2 .quick-alo-ph-img-circle {
top: 31px;
left: 31px;
width: 50px;
height: 50px;
background: #337ab7;
opacity: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
}
.hotline-phone-2 .quick-alo-ph-img-circle .pps-btn-img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.hotline-phone-2 .quick-alo-ph-img-circle .pps-btn-img img {
width: 33px;
height: 33px;
}
.hotline-phone-2 .alo-floating-zalo {
bottom: 120px;
left: 30px;
}