/* Monkey Island Resort stylesheet */
/* Create by quyetnx@vietiso.com - Date: 10/05/2012 */
@charset "UTF-8";
.transition { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both }
.transition.hinge { -webkit-animation-duration:2s; animation-duration:2s }
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
}
@keyframes bounce { 0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px)
}
}
.bounce { -webkit-animation-name:bounce; animation-name:bounce }
@-webkit-keyframes flash { 0%, 50%, 100% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash { 0%, 50%, 100% {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash { -webkit-animation-name:flash; animation-name:flash }
@-webkit-keyframes pulse { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes pulse { 0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.pulse { -webkit-animation-name:pulse; animation-name:pulse }
@-webkit-keyframes shake { 0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
}
@keyframes shake { 0%, 100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
}
.shake { -webkit-animation-name:shake; animation-name:shake }
@-webkit-keyframes swing { 20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
}
@keyframes swing { 20% {
-webkit-transform:rotate(15deg);
-ms-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
-ms-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0)
}
}
.swing { -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; animation-name:swing }
@-webkit-keyframes tada { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(.9)rotate(-3deg);
transform:scale(.9)rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1)rotate(3deg);
transform:scale(1.1)rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1)rotate(-3deg);
transform:scale(1.1)rotate(-3deg)
}
100% {
-webkit-transform:scale(1)rotate(0);
transform:scale(1)rotate(0)
}
}
@keyframes tada { 0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(.9)rotate(-3deg);
-ms-transform:scale(.9)rotate(-3deg);
transform:scale(.9)rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1)rotate(3deg);
-ms-transform:scale(1.1)rotate(3deg);
transform:scale(1.1)rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1)rotate(-3deg);
-ms-transform:scale(1.1)rotate(-3deg);
transform:scale(1.1)rotate(-3deg)
}
100% {
-webkit-transform:scale(1)rotate(0);
-ms-transform:scale(1)rotate(0);
transform:scale(1)rotate(0)
}
}
.tada { -webkit-animation-name:tada; animation-name:tada }
@-webkit-keyframes wobble { 0% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%)rotate(-5deg);
transform:translateX(-25%)rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%)rotate(3deg);
transform:translateX(20%)rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%)rotate(-3deg);
transform:translateX(-15%)rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%)rotate(2deg);
transform:translateX(10%)rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%)rotate(-1deg);
transform:translateX(-5%)rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
}
@keyframes wobble { 0% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%)rotate(-5deg);
-ms-transform:translateX(-25%)rotate(-5deg);
transform:translateX(-25%)rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%)rotate(3deg);
-ms-transform:translateX(20%)rotate(3deg);
transform:translateX(20%)rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%)rotate(-3deg);
-ms-transform:translateX(-15%)rotate(-3deg);
transform:translateX(-15%)rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%)rotate(2deg);
-ms-transform:translateX(10%)rotate(2deg);
transform:translateX(10%)rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%)rotate(-1deg);
-ms-transform:translateX(-5%)rotate(-1deg);
transform:translateX(-5%)rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
}
.wobble { -webkit-animation-name:wobble; animation-name:wobble }
@-webkit-keyframes bounceIn { 0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bounceIn { 0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.bounceIn { -webkit-animation-name:bounceIn; animation-name:bounceIn }
@-webkit-keyframes bounceInDown { 0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInDown { 0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInDown { -webkit-animation-name:bounceInDown; animation-name:bounceInDown }
@-webkit-keyframes bounceInLeft { 0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInLeft { 0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
-ms-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInLeft { -webkit-animation-name:bounceInLeft; animation-name:bounceInLeft }
@-webkit-keyframes bounceInRight { 0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInRight { 0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
-ms-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInRight { -webkit-animation-name:bounceInRight; animation-name:bounceInRight }
@-webkit-keyframes bounceInUp { 0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInUp { 0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInUp { -webkit-animation-name:bounceInUp; animation-name:bounceInUp }
@-webkit-keyframes bounceOut { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
}
@keyframes bounceOut { 0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
-ms-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
}
.bounceOut { -webkit-animation-name:bounceOut; animation-name:bounceOut }
@-webkit-keyframes bounceOutDown { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes bounceOutDown { 0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.bounceOutDown { -webkit-animation-name:bounceOutDown; animation-name:bounceOutDown }
@-webkit-keyframes bounceOutLeft { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes bounceOutLeft { 0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.bounceOutLeft { -webkit-animation-name:bounceOutLeft; animation-name:bounceOutLeft }
@-webkit-keyframes bounceOutRight { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes bounceOutRight { 0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.bounceOutRight { -webkit-animation-name:bounceOutRight; animation-name:bounceOutRight }
@-webkit-keyframes bounceOutUp { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes bounceOutUp { 0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.bounceOutUp { -webkit-animation-name:bounceOutUp; animation-name:bounceOutUp }
@-webkit-keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn { -webkit-animation-name:fadeIn; animation-name:fadeIn }
@-webkit-keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDown { -webkit-animation-name:fadeInDown; animation-name:fadeInDown }
@-webkit-keyframes fadeInDownBig { 0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDownBig { 0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDownBig { -webkit-animation-name:fadeInDownBig; animation-name:fadeInDownBig }
@-webkit-keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeft { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft }
@-webkit-keyframes fadeInLeftBig { 0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeftBig { 0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeftBig { -webkit-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig }
@-webkit-keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRight { -webkit-animation-name:fadeInRight; animation-name:fadeInRight }
@-webkit-keyframes fadeInRightBig { 0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRightBig { 0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRightBig { -webkit-animation-name:fadeInRightBig; animation-name:fadeInRightBig }
@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUp { -webkit-animation-name:fadeInUp; animation-name:fadeInUp }
@-webkit-keyframes fadeInUpBig { 0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUpBig { 0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUpBig { -webkit-animation-name:fadeInUpBig; animation-name:fadeInUpBig }
@-webkit-keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut { -webkit-animation-name:fadeOut; animation-name:fadeOut }
@-webkit-keyframes fadeOutDown { 0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}
@keyframes fadeOutDown { 0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
}
.fadeOutDown { -webkit-animation-name:fadeOutDown; animation-name:fadeOutDown }
@-webkit-keyframes fadeOutDownBig { 0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes fadeOutDownBig { 0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
 transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.fadeOutDownBig { -webkit-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig }
@-webkit-keyframes fadeOutLeft { 0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
}
@keyframes fadeOutLeft { 0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
}
.fadeOutLeft { -webkit-animation-name:fadeOutLeft; animation-name:fadeOutLeft }
@-webkit-keyframes fadeOutLeftBig { 0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes fadeOutLeftBig { 0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.fadeOutLeftBig { -webkit-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig }
@-webkit-keyframes fadeOutRight { 0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
}
@keyframes fadeOutRight { 0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
}
.fadeOutRight { -webkit-animation-name:fadeOutRight; animation-name:fadeOutRight }
@-webkit-keyframes fadeOutRightBig { 0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes fadeOutRightBig { 0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.fadeOutRightBig { -webkit-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig }
@-webkit-keyframes fadeOutUp { 0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
}
@keyframes fadeOutUp { 0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
}
.fadeOutUp { -webkit-animation-name:fadeOutUp; animation-name:fadeOutUp }
@-webkit-keyframes fadeOutUpBig { 0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes fadeOutUpBig { 0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.fadeOutUpBig { -webkit-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig }
@-webkit-keyframes flip { 0% {
-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);
transform:perspective(400px)translateZ(0)rotateY(0)scale(1)
}
0%, 40% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);
transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)
}
50% {
-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);
transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);
transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)
}
80%, 100% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);
transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)
}
}
@keyframes flip { 0% {
-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);
-ms-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);
transform:perspective(400px)translateZ(0)rotateY(0)scale(1)
}
0%, 40% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);
-ms-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);
transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)
}
50% {
-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);
-ms-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);
transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);
-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);
transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)
}
80%, 100% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);
-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);
transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)
}
}
.animated.flip { -webkit-backface-visibility:visible; -ms-backface-visibility:visible; backface-visibility:visible; -webkit-animation-name:flip; animation-name:flip }
@-webkit-keyframes flipInX { 0% {
-webkit-transform:perspective(400px)rotateX(90deg);
transform:perspective(400px)rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px)rotateX(-10deg);
transform:perspective(400px)rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px)rotateX(10deg);
transform:perspective(400px)rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px)rotateX(0);
transform:perspective(400px)rotateX(0);
opacity:1
}
}
@keyframes flipInX { 0% {
-webkit-transform:perspective(400px)rotateX(90deg);
-ms-transform:perspective(400px)rotateX(90deg);
transform:perspective(400px)rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px)rotateX(-10deg);
-ms-transform:perspective(400px)rotateX(-10deg);
transform:perspective(400px)rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px)rotateX(10deg);
-ms-transform:perspective(400px)rotateX(10deg);
transform:perspective(400px)rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px)rotateX(0);
-ms-transform:perspective(400px)rotateX(0);
transform:perspective(400px)rotateX(0);
opacity:1
}
}
.flipInX { -webkit-backface-visibility:visible!important; -ms-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipInX; animation-name:flipInX }
@-webkit-keyframes flipInY { 0% {
-webkit-transform:perspective(400px)rotateY(90deg);
transform:perspective(400px)rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px)rotateY(-10deg);
transform:perspective(400px)rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px)rotateY(10deg);
transform:perspective(400px)rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px)rotateY(0);
transform:perspective(400px)rotateY(0);
opacity:1
}
}
@keyframes flipInY { 0% {
-webkit-transform:perspective(400px)rotateY(90deg);
-ms-transform:perspective(400px)rotateY(90deg);
transform:perspective(400px)rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px)rotateY(-10deg);
-ms-transform:perspective(400px)rotateY(-10deg);
transform:perspective(400px)rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px)rotateY(10deg);
-ms-transform:perspective(400px)rotateY(10deg);
transform:perspective(400px)rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px)rotateY(0);
-ms-transform:perspective(400px)rotateY(0);
transform:perspective(400px)rotateY(0);
opacity:1
}
}
.flipInY { -webkit-backface-visibility:visible!important; -ms-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipInY; animation-name:flipInY }
@-webkit-keyframes flipOutX { 0% {
-webkit-transform:perspective(400px)rotateX(0);
transform:perspective(400px)rotateX(0);
opacity:1
}
100% {
-webkit-transform:perspective(400px)rotateX(90deg);
transform:perspective(400px)rotateX(90deg);
opacity:0
}
}
@keyframes flipOutX { 0% {
-webkit-transform:perspective(400px)rotateX(0);
-ms-transform:perspective(400px)rotateX(0);
transform:perspective(400px)rotateX(0);
opacity:1
}
100% {
-webkit-transform:perspective(400px)rotateX(90deg);
-ms-transform:perspective(400px)rotateX(90deg);
transform:perspective(400px)rotateX(90deg);
opacity:0
}
}
.flipOutX { -webkit-animation-name:flipOutX; animation-name:flipOutX; -webkit-backface-visibility:visible!important; -ms-backface-visibility:visible!important; backface-visibility:visible!important }
@-webkit-keyframes flipOutY { 0% {
-webkit-transform:perspective(400px)rotateY(0);
transform:perspective(400px)rotateY(0);
opacity:1
}
100% {
-webkit-transform:perspective(400px)rotateY(90deg);
transform:perspective(400px)rotateY(90deg);
opacity:0
}
}
@keyframes flipOutY { 0% {
-webkit-transform:perspective(400px)rotateY(0);
-ms-transform:perspective(400px)rotateY(0);
transform:perspective(400px)rotateY(0);
opacity:1
}
100% {
-webkit-transform:perspective(400px)rotateY(90deg);
-ms-transform:perspective(400px)rotateY(90deg);
transform:perspective(400px)rotateY(90deg);
opacity:0
}
}
.flipOutY { -webkit-backface-visibility:visible!important; -ms-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipOutY; animation-name:flipOutY }
@-webkit-keyframes lightSpeedIn { 0% {
-webkit-transform:translateX(100%)skewX(-30deg);
transform:translateX(100%)skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%)skewX(30deg);
transform:translateX(-20%)skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%)skewX(-15deg);
transform:translateX(0%)skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%)skewX(0);
transform:translateX(0%)skewX(0);
opacity:1
}
}
@keyframes lightSpeedIn { 0% {
-webkit-transform:translateX(100%)skewX(-30deg);
-ms-transform:translateX(100%)skewX(-30deg);
transform:translateX(100%)skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%)skewX(30deg);
-ms-transform:translateX(-20%)skewX(30deg);
transform:translateX(-20%)skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%)skewX(-15deg);
-ms-transform:translateX(0%)skewX(-15deg);
transform:translateX(0%)skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%)skewX(0);
-ms-transform:translateX(0%)skewX(0);
transform:translateX(0%)skewX(0);
opacity:1
}
}
.lightSpeedIn { -webkit-animation-name:lightSpeedIn; animation-name:lightSpeedIn; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out }
@-webkit-keyframes lightSpeedOut { 0% {
-webkit-transform:translateX(0%)skewX(0);
transform:translateX(0%)skewX(0);
opacity:1
}
100% {
-webkit-transform:translateX(100%)skewX(-30deg);
transform:translateX(100%)skewX(-30deg);
opacity:0
}
}
@keyframes lightSpeedOut { 0% {
-webkit-transform:translateX(0%)skewX(0);
-ms-transform:translateX(0%)skewX(0);
transform:translateX(0%)skewX(0);
opacity:1
}
100% {
-webkit-transform:translateX(100%)skewX(-30deg);
-ms-transform:translateX(100%)skewX(-30deg);
transform:translateX(100%)skewX(-30deg);
opacity:0
}
}
.lightSpeedOut { -webkit-animation-name:lightSpeedOut; animation-name:lightSpeedOut; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
@-webkit-keyframes rotateIn { 0% {
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:center center;
transform-origin:center center
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateIn { 0% {
-webkit-transform:rotate(-200deg);
-ms-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center
}
100% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateIn { -webkit-animation-name:rotateIn; animation-name:rotateIn }
@-webkit-keyframes rotateInDownLeft { 0% {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownLeft { 0% {
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom
}
100% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownLeft { -webkit-animation-name:rotateInDownLeft; animation-name:rotateInDownLeft }
@-webkit-keyframes rotateInDownRight { 0% {
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownRight { 0% {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom
}
100% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownRight { -webkit-animation-name:rotateInDownRight; animation-name:rotateInDownRight }
@-webkit-keyframes rotateInUpLeft { 0% {
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpLeft { 0% {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom
}
100% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpLeft { -webkit-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft }
@-webkit-keyframes rotateInUpRight { 0% {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpRight { 0% {
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom
}
100% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpRight { -webkit-animation-name:rotateInUpRight; animation-name:rotateInUpRight }
@-webkit-keyframes rotateOut { 0% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:center center;
transform-origin:center center
}
100% {
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
@keyframes rotateOut { 0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center
}
100% {
-webkit-transform:rotate(200deg);
-ms-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
.rotateOut { -webkit-animation-name:rotateOut; animation-name:rotateOut }
@-webkit-keyframes rotateOutDownLeft { 0% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
100% {
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutDownLeft { 0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom
}
100% {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutDownLeft { -webkit-animation-name:rotateOutDownLeft; animation-name:rotateOutDownLeft }
@-webkit-keyframes rotateOutDownRight { 0% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom
}
100% {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutDownRight { 0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom
}
100% {
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutDownRight { -webkit-animation-name:rotateOutDownRight; animation-name:rotateOutDownRight }
@-webkit-keyframes rotateOutUpLeft { 0% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
100% {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutUpLeft { 0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom
}
100% {
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutUpLeft { -webkit-animation-name:rotateOutUpLeft; animation-name:rotateOutUpLeft }
@-webkit-keyframes rotateOutUpRight { 0% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom
}
100% {
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutUpRight { 0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom
}
100% {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutUpRight { -webkit-animation-name:rotateOutUpRight; animation-name:rotateOutUpRight }
@-webkit-keyframes slideInDown { 0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInDown { 0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.slideInDown { -webkit-animation-name:slideInDown; animation-name:slideInDown }
@-webkit-keyframes slideInLeft { 0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInLeft { 0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInLeft { -webkit-animation-name:slideInLeft; animation-name:slideInLeft }
@-webkit-keyframes slideInRight { 0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInRight { 0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInRight { -webkit-animation-name:slideInRight; animation-name:slideInRight }
@-webkit-keyframes slideOutLeft { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes slideOutLeft { 0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.slideOutLeft { -webkit-animation-name:slideOutLeft; animation-name:slideOutLeft }
@-webkit-keyframes slideOutRight { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes slideOutRight { 0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.slideOutRight { -webkit-animation-name:slideOutRight; animation-name:slideOutRight }
@-webkit-keyframes slideOutUp { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes slideOutUp { 0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.slideOutUp { -webkit-animation-name:slideOutUp; animation-name:slideOutUp }
@-webkit-keyframes hinge { 0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
0%, 20%, 60% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg)
}
40% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg)
}
40%, 80% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg)translateY(0);
transform:rotate(60deg)translateY(0);
opacity:1
}
100% {
-webkit-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
@keyframes hinge { 0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0)
}
0%, 20%, 60% {
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
-ms-transform:rotate(80deg);
transform:rotate(80deg)
}
40% {
-webkit-transform:rotate(60deg);
-ms-transform:rotate(60deg);
transform:rotate(60deg)
}
40%, 80% {
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg)translateY(0);
-ms-transform:rotate(60deg)translateY(0);
transform:rotate(60deg)translateY(0);
opacity:1
}
100% {
-webkit-transform:translateY(700px);
-ms-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
.hinge { -webkit-animation-name:hinge; animation-name:hinge }
@-webkit-keyframes rollIn { 0% {
opacity:0;
-webkit-transform:translateX(-100%)rotate(-120deg);
transform:translateX(-100%)rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0)rotate(0);
transform:translateX(0)rotate(0)
}
}
@keyframes rollIn { 0% {
opacity:0;
-webkit-transform:translateX(-100%)rotate(-120deg);
-ms-transform:translateX(-100%)rotate(-120deg);
transform:translateX(-100%)rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0)rotate(0);
-ms-transform:translateX(0)rotate(0);
transform:translateX(0)rotate(0)
}
}
.rollIn { -webkit-animation-name:rollIn; animation-name:rollIn }
@-webkit-keyframes rollOut { 0% {
opacity:1;
-webkit-transform:translateX(0)rotate(0);
transform:translateX(0)rotate(0)
}
100% {
opacity:0;
-webkit-transform:translateX(100%)rotate(120deg);
transform:translateX(100%)rotate(120deg)
}
}
@keyframes rollOut { 0% {
opacity:1;
-webkit-transform:translateX(0)rotate(0);
-ms-transform:translateX(0)rotate(0);
transform:translateX(0)rotate(0)
}
100% {
opacity:0;
-webkit-transform:translateX(100%)rotate(120deg);
-ms-transform:translateX(100%)rotate(120deg);
transform:translateX(100%)rotate(120deg)
}
}
.rollOut { -webkit-animation-name:rollOut; animation-name:rollOut }
@-webkit-keyframes zoomIn {  0% {
opacity: 0;
-webkit-transform: scale(0.5);
}
 100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes zoomIn {  0% {
opacity: 0;
-moz-transform: scale(0.5);
}
 100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@keyframes zoomIn {  0% {
opacity: 0;
transform: scale(0.5);
}
 100% {
opacity: 1;
transform: scale(1);
}
}
.ZoomIn { -webkit-animation-name:zoomIn; animation-name:zoomIn; }
@-webkit-keyframes zoomOut {  0% {
opacity: 0;
-webkit-transform: scale(1.2);
}
 100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes zoomOut {  0% {
opacity: 0;
-moz-transform: scale(1.2);
}
 100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@keyframes zoomOut {  0% {
opacity: 0;
transform: scale(1.2);
}
 100% {
opacity: 1;
transform: scale(1);
}
}
.zoomOut { -webkit-animation-name:zoomOut; animation-name:zoomOut; }
* { margin:0; padding:0 }
.pl0, .ph0, .pa0 { padding-left:0!important }
.pr0, .ph0, .pa0 { padding-right:0!important }
.pt0, .pv0, .pa0 { padding-top:0!important }
.pb0, .pv0, .pa0 { padding-bottom:0!important }
.pt10, .pv10, .pa10 { padding-top:10px!important }
.pb10, .pv10, .pa10 { padding-bottom:10px!important }
.pl10, .ph10, .pa10 { padding-left:10px!important }
.pr10, .ph10, .pa10 { padding-right:10px!important }
.pt20, .pv20, .pa20 { padding-top:20px!important }
.pb20, .pv20, .pa20 { padding-bottom:20px!important }
.pl20, .ph20, .pa20 { padding-left:20px!important }
.pr20, .ph20, .pa20 { padding-right:20px!important }
.ml0, .mh0, .ma0 { margin-left:0!important }
.mr0, .mh0, .ma0 { margin-right:0!important }
.mt0, .mv0, .ma0 { margin-top:0!important }
.mb0, .mv0, .ma0 { margin-bottom:0!important }
.mt5, .mv5, .ma5 { margin-top:5px!important }
.mb5, .mv5, .ma5 { margin-bottom:5px!important }
.ml5, .mh5, .ma5 { margin-left:5px!important }
.mr5, .mh5, .ma5 { margin-right:5px!important }
.mt10, .mv10, .ma10 { margin-top:10px!important }
.mb10, .mv10, .ma10 { margin-bottom:10px!important }
.ml10, .mh10, .ma10 { margin-left:10px!important }
.mr10, .mh10, .ma10 { margin-right:10px!important }
.mt15, .mv15, .ma15 { margin-top:15px!important }
.mb15, .mv15, .ma15 { margin-bottom:15px!important }
.ml15, .mh15, .ma15 { margin-left:15px!important }
.mr15, .mh15, .ma15 { margin-right:15px!important }
.mt20, .mv20, .ma20 { margin-top:20px!important }
.mb20, .mv20, .ma20 { margin-bottom:20px!important }
.ml20, .mh20, .ma20 { margin-left:20px!important }
.mr20, .mh20, .ma20 { margin-right:20px!important }
.mt25, .mv25, .ma25 { margin-top:25px!important }
.mb25, .mv25, .ma25 { margin-bottom:25px!important }
.ml25, .mh25, .ma25 { margin-left:25px!important }
.mr25, .mh25, .ma25 { margin-right:25px!important }
.mt30, .mv30, .ma30 { margin-top:30px!important }
.mb30, .mv30, .ma30 { margin-bottom:30px!important }
.ml30, .mh30, .ma30 { margin-left:30px!important }
.mr30, .mh30, .ma30 { margin-right:30px!important }
.mt40, .mv40, .ma40 { margin-top:40px!important }
.mb40, .mv40, .ma40 { margin-bottom:40px!important }
.ml40, .mh40, .ma40 { margin-left:40px!important }
.mr40, .mh40, .ma40 { margin-right:40px!important }
.mt45, .mv45, .ma45 { margin-top:45px!important }
.mb45, .mv45, .ma45 { margin-bottom:45px!important }
.ml45, .mh45, .ma45 { margin-left:45px!important }
.mr45, .mh45, .ma45 { margin-right:45px!important }
.mt50, .mv50, .ma50 { margin-top:50px!important }
.mb50, .mv50, .ma50 { margin-bottom:50px!important }
.ml50, .mh50, .ma50 { margin-left:50px!important }
.mr50, .mh50, .ma50 { margin-right:50px!important }
.mt60, .mv60, .ma60 { margin-top:60px!important }
.mb60, .mv60, .ma60 { margin-bottom:60px!important }
.ml60, .mh60, .ma60 { margin-left:60px!important }
.mr60, .mh60, .ma60 { margin-right:60px!important }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
body { font-family:Tahoma, Geneva, sans-serif; font-size:13px; background:#edebe3; padding:14px 0 0 }
#forCruise { background:#edebe3 url(../images/body2.png) repeat-x center top !important; }
.homePage { background-image:url(../images/body.png); background-repeat:repeat-x; background-position:center top }
.roomPage { background-image:url(../images/body2.png); background-repeat:repeat-x; background-position:center top }
a { outline:none; }
a:hover { color:#f58220 }
input[type=text]:focus { outline:none }
.clrFix { clear:both }
.fl { float:left }
.fr { float:right }
img { border:none }
.about { font-size:14px !important; }
.noBg { background:none !important }
.noBorderTop { border-top:none !important }
.noBorderBtn { border-bottom: none !important }
#header { width:987px; margin:0 auto }
.topNav { display:inline-block; height:21px; padding:11px 0 0; }
.topNav li { float:left; list-style:none; }

.topNav li a { display:inline-block; padding:0 13px; color:#027596; text-decoration:none; height:21px; line-height:21px; background:url(../images/sprief.png) no-repeat 0 9px }
.topNav li.whatsApp a{background:url(../images/WhatsApp_Icon.png) no-repeat center center; height:30px; line-height:30px; width:30px; margin-top:-7px !important;}
.topNav li.hotline a{background:none}
.topNav li a:hover { color:#f58220 !important }
#frmSearch { display:block; width:232px; height:19px; background:#fff; border:1px #b1b2b2 solid }
.txtSearch { display:block; width:195px; height:19px; border:none; padding:0 5px }
.btnSearch { display:block; width:26px; height:19px; background:url(../images/sprief.png) no-repeat 6px -12px; border-left:1px #b1b2b2 solid !important; border:none; cursor:pointer }
.head1 { width:987px; height:86px; background:url(../images/line.png) no-repeat 288px bottom; padding:25px 0 0 }
#logo { display:block; width:109px; height:85px; padding:0 0 0 166px; float:left }
#logo a { display:block; width:109px; height:85px; float:left; }
#slogan { display:block; width:402px; height:24px; background:url(../images/slogan.png) no-repeat center center; text-indent:-9999%; margin:50px 0 0 135px }
.menu { list-style:none; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;;
margin:20px auto 17px auto; height:19px }
.menu li { float:left }
.menu li a { color:#424141; font-size:13px; text-transform:uppercase; text-decoration:none; padding:0 12px; background:url(../images/sprief.png) no-repeat 0 9px; display:block; height:21px; line-height:21px }
.activeLink, .menu li a:hover { color:#f58220 !important }
.reserForm { width:992px; height:116px; margin:0 auto; background:url(../images/reservation.png) no-repeat center center; position:relative; z-index:1000; }
.reserTitle { display:block; font-size:18px; text-transform:uppercase; color:#4e4e4e; text-align:center; padding:10px 0 }
#frmReser { display:inline-block; margin:0 auto }
#frmReser .inner { list-style:none }
#frmReser .inner li { float:left; display:inline-block }
#frmReser p { color:#4e4e4e; display:inline-block; border-bottom:1px #4e4e4e solid; margin:0 0 8px 0 }
.txtDate { display:block; width:135px; height:20px; border:1px #cfcccc solid; background:#fff url(../images/sprief.png) no-repeat 131px -34px; padding:0 7px; color:#4e4e4e; margin:0 10px 0 0 }
.OutSl1 { display:block }
.sl1 { display:block; width:53px; height:22px; background:#fff; border:1px #cfcccc solid; padding:0 2px; margin:-1px 7px 0 13px }
.sl2 { display:block; width:133px; height:22px; background:#fff; border:1px #cfcccc solid; padding:0 2px; margin:-1px 7px 0 38px }
.btnReser { text-transform:uppercase; outline:none; display:block; border:none; width:108px; height:30px; border:1px #fff solid; background:#f58220; color:#fff; cursor:pointer; margin:15px 0 0 5px; font-size:12px;}
.slider { width:979px; height:307px; background:url(../images/slider.png) no-repeat center center; padding:5px 7px 7px 7px; margin:-7px 0 0; position:relative; z-index:999; }
#control { width:987px; height:36px; background:url(../images/line2.png) no-repeat bottom center }
/**/
.containter { width:978px; display:table; margin:0 auto; padding:20px 0 9px; background:url(../images/shadow.png) no-repeat bottom center; position:relative; }
.containter .inner { display:inline-block; width:987px; background:#FFF url(../images/container2.png) repeat-x top center; padding:0 0 40px 0 }
.showRoom { width:987px; height:241px; margin:0 0 16px 0 }
.btnNav { width:47px; height:241px; background:url(../images/sprief.png) no-repeat 0 -98px; cursor:pointer; opacity:.5 }
.prev { margin:0 0 0 -17px }
.next { background-position:0 -354px !important; margin:0 -17px 0 0 }
.prev:hover, .next:hover { opacity:1 }
.show { display:inline-block; width:902px; position:relative; overflow:hidden; margin:18px 12px; height:205px }
.lstRoom { width:10000px; display:inline-block; list-style:none; position:absolute; top:0 }
.lstRoom li { float:left; display:inline-block; width:230px }
.imgRoom { display:block; width:202px; height:95px; background:url(../images/imgroom.png) no-repeat 0 0; padding:6px }
.nameRoom { font-size:14px; color:#4e4e4e; text-transform:uppercase; text-decoration:none; display:block; padding:5px 0 }
.introRoom { display:block; margin:0 0 15px 0 }
.more { background:url(../images/sprief.png) no-repeat 0 -608px; color:#027596; padding:0 0 0 10px; font-size:12px !important; font-weight:normal !important }
.threeBox { width:945px; height:203px; padding:6px 20px 22px 22px; background:url(../images/line4.png) no-repeat bottom center }
.box { background:url(../images/boxNews.png) no-repeat center center }
.box1 { padding:14px 16px 19px 15px; width:272px; height:170px; }
.box1 .title { font-size:24px; color:#ffa800; font-weight:normal; line-height:18px; display:block; height:31px; background:url(../images/line3.png) no-repeat bottom center; margin:0 0 5px 0 }
.lstNews { list-style:none; display:inline-block; width:100% }
.lstNews li { display:inline-block; width:100%; margin:15px 0 0 0 }
.newsImg { display:inline-block; background:url(../images/shadow-news.png) no-repeat 0 0; padding:2px 4px 4px 2px; margin:0 10px 0 0 }
.box2 { width:286px; height:180px; padding:14px 8px 9px 9px; margin:0 12px 0 18px }
.box2 .title { font-size:24px; color:#ffa800; font-weight:normal; line-height:18px; display:block; height:28px; }
.box3 { width:286px; height:180px; padding:14px 8px 9px 9px; }
.box4 { width:151px; height:206px; background:url(../images/photo-gallery.png) no-repeat center center; margin-top:-2px; }
.box5 { width:306px; height:206px; background:url(../images/honeymoon.png) no-repeat center center; margin:-2px 10px 0 13px; }
.box6 { width:153px; height:206px; background:url(../images/online2.png) no-repeat center center; margin-top:-2px; }
.content { display:inline-block; width:987px; padding:31px 0 }
.leftBlock { display:inline-block; width:592px; padding:0 0 0 22px }
.leftBlock .line1 { display:inline-block; width:100%; padding:15px 0 20px 0 }
.leftBlock .title { font-size:24px; color:#ffa800; font-weight:normal; line-height:18px; display:block; height:28px; margin-left:-10px }
.tourTitle { color:#222; text-decoration:none; font-weight:bold; padding:0 0 10px 0; display:block }
.tourIntro { line-height:18px; display:block; padding:0px 0 10px }
#more { display:block; height:20px; background:url(../images/line5.png) no-repeat bottom center; }

.show-more {
    display: block;
    width: 100%;
    max-width: 180px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #fff !important;
    background: #00759a !important;
    text-align: center;
    margin: 30px auto 0;
    border-radius: 18px;
    text-decoration: none !important;
}
.show-more .load {
    display: none;
}
.rightBlock2 { display:inline-block; width:345px; padding:5px 19px 0 0 }
.rightBlock2 a { display:block; width:337px; height:120px; background:url(../images/new/shadow.png) no-repeat 0 0; margin:0 0 6px 0; padding:4px; position:relative; }
.rightBlock2 img { position:absolute; z-index:50; top:4px; left:4px; }
.rightBlock2 p { display:block; width:317px; height:27px; padding:0 10px; background:url(../images/new/black_trans.png) repeat; color:#fff; z-index:100; bottom:4px; position:absolute; font-size:18px; text-align:right; font-family:'times new roman'; line-height:27px; text-shadow:1px 1px 1px #000; }
/**/
.footer { width:987px; height:164px; margin:0 auto; padding:32px 0 49px 0 }
.fLogo { display:block; height:30px; }
.fLogo a { display:block; height:20px; background:url(../images/logo2.png) no-repeat 0 0; text-indent:-9999% }
.footLeft { width:362px }
.fooright { display:inline-block; width:532px }
.social_footer{display:inline-block; margin-top:40px}
.social_footer a{display:inline-block; width:32px; height:32px; margin-left:6px;}
.social_footer a.icon_fb{background: url(../images/icon_facebook.png) no-repeat center center }
.social_footer a.icon_zl{background: url(../images/icon_zalo.png) no-repeat center center }
.social_footer a.icon_wa{background: url(../images/icon_whatsapp.png) no-repeat center center }
.vCard { display:inline-block; line-height:18px; color:#222222 }
.vCard a { color:#222; text-decoration:none }
.weather { width:217px; height:101px; }
.weatherLink a { color:#027596; text-decoration:none }
.weatherItem { font-size:12px; padding:15px 0; background-position:46px -11px }
.connect { display:block; width:154px; height:117px; background:url(../images/tripadvisor.png) no-repeat 0 10px }
.copyright { width:987px; height:32px; padding:10px 0 0; background:url(../images/dot.png) repeat-x center 8px; line-height:32px; }
.copyright a { font-weight:bold; color:#4e4e4e; text-decoration:none }
.copyright label { color:#e37714 !important }
/*HOT TOUR*/
#breadCrumb { display:inline-block; height:29px; line-height:29px; background:url(../images/navi.png) no-repeat 0 0; padding:0 0 0 14px; margin:10px 0; zoom: 1; *display:inline;
}
#breadCrumb a { color:#222; text-decoration:none }
#breadCrumb .home { display:inline-block; height:29px; background:url(../images/navi.png) no-repeat right top; padding:0 12px 0 0; float:left }
#breadCrumb .child { display:inline-block; height:29px; background:url(../images/navi.png) no-repeat right top; padding:0 27px 0 11px; margin:0 -27px 0 0; font-weight:bold }
#breadCrumb .home-child { display:inline-block; height:29px; background:url(../images/navi.png) no-repeat right top; padding:0 23px 0 11px; float:left }
.blockLeft { width:313px; display:inline-block; background:url(../images/leftBlock.png) no-repeat right top; padding:10px 0 78px 5px }
.blockLeft .box1, .blockLeft .box3 { margin:0 !important }
.blockLeft .box2 { margin:11px 0 13px 0 !important }
.blockRight { display:inline-block; width:630px; padding:0 24px 0 0 }
.blockRight .line1 { display:inline-block; width:100%; padding:15px 0 20px 0 }
.blockRight .title { font-size:20px; color:#ffa800; font-weight:normal; display:block; padding:0 0 10px 0 }
.txtDefault { font-size:13px; color:#4e4e4e; display:inline-block; width:100%; padding:12px 0 0 }
.txtDefault p { display:block; margin:0 0 10px 0;}
.txtDefault ul { padding:0 0 0 40px; line-height:20px }
/*.txtDefault img{ width:400px; margin:0 100px}*/
.resShow { width:477px; height:337px; background:url(../images/res-shadow.png) no-repeat center center; padding:4px 6px 6px 4px; margin:0 11px 0 12px }
#resShow { width:477px; height:337px; position:relative; overflow:hidden; background:#EDEBE3 }
.innerRes { display:inline-block; width:10000px; list-style:none; position:absolute; top:0; background:#EDEBE3 }
.innerRes li { width:477px; height:337px; float:left; overflow:hidden; background:#EDEBE3; position:relative }
.innerRes p { display:block; width:457px; padding:0 10px; background:url(../images/des.png) repeat-y 0 0; height:30px; line-height:30px; position:absolute; bottom:0; left:0; z-index:999 }
.resNav { width:43px; height:52px; margin-top:123px; background:url(../images/sprief.png) no-repeat; cursor:pointer }
.resPrev { background-position:0 -635px !important }
.resNext { background-position:0 -693px !important }
.resSlide { display:inline-block; padding:53px 15px; width:596px; position:relative }
.roomLeft { display:inline-block; width:215px; padding-left:12px }
.roomNav { display:inline-block; width:206px }
.roomNavTit { width:206px; height:38px; background:#b3ae9c; font-size:18px; font-weight:normal; text-align:center; line-height:38px; border-bottom:1px #bfbaaa solid }
#roomNav { list-style:none; display:inline-block; width:165px; padding:10px 22px 22px 19px; border-top:1px #ebe9e0 solid; background:#e0dcce }
#roomNav li { display:inline-block; width:100%; height:29px; border-top:1px #eeece4 solid; border-bottom:1px #cdc8b6 solid; line-height:29px }
#roomNav a { display:block; padding:0 19px; color:#4e4e4e; text-decoration:none }
#roomNav a.activeRoom { background:url(../images/sprief.png) no-repeat 24px -749px; padding:0 0 0 35px !important; font-weight:bold }
.roomRight { display:inline-block; width:691px; padding:0 24px 0 36px; background:url(../images/leftBlock.png) no-repeat 0 0 }
.roomRight .title { font-size:24px; color:#ffa800; font-weight:normal; line-height:18px; display:block; height:28px; margin-top:-33px }
.roomImg { width:247px; background:url(../images/room-shadow.png) no-repeat; padding:8px }
.cleafix{clear:both}
.right { width:315px; line-height:18px; padding:0 24px 0 0 }
.rIntro { display:block; height:28px; background:url(../images/dot.png) repeat-x bottom center; font-size:14px; font-weight:normal; color:#222; line-height:23px }
.right p { display:block; padding:5px 0 }
.tools { padding:8px 0 0; height:57px; background:url(../images/line6.png) no-repeat bottom center; margin:0 0 15px 0 }
.viewPt { }
.book { display:block; width:115px; height:27px; background:url(../images/btnBook.png) no-repeat center center; margin:12px 5px 0 0; line-height:27px; font-size:12px; text-align:center; text-transform:uppercase; color:#222; text-decoration:none; }
.book:hover { box-shadow:1px 1px 2px #222 inset; color:#fff; }
.roomTitle { font-size:14px; font-weight:normal }
#roomIntro { display:inline-block; width:625px; float:right }
/*Slider*/
.nivo-directionNav { display:none !important }
.nivo-controlNav { position:absolute; bottom:-33px; left:48%; }
.nivo-controlNav a { display:block; width:13px; height:13px; float:left; background:url(../images/sprief.png) no-repeat 1px -58px; text-indent:-9999%; margin:0 1px }
.nivo-controlNav .active { background-position:0 -77px }
.title2 {font-size:14px; font-weight:normal; text-transform:uppercase; display:block; padding:10px 0; text-decoration:underline }
.tblPrice { border-left:1px #acacac solid; border-top:1px #acacac solid }
.line12 td { background:#e0ded6; font-size:12px; color:#222; text-align:center; padding:5px; border-bottom:1px #acacac solid; border-right:1px #acacac solid }
.line13 td { background:#fff; font-size:13px; color:#f58220; text-align:center; padding:5px 0; border-bottom:1px #acacac solid; border-right:1px #acacac solid }
.title23 { font-size:24px; color:#ffa800; font-weight:normal; line-height:29px; display:block; }
.ui-datepicker { z-index:999999 !important; background:#027596 url(../images/logo.png) no-repeat center center !important }
.accMenu { display:inline-block; width:299px }
.accMenu h1 { display:block; height:39px; line-height:39px; text-align:center; color:#000; font-size:18px; font-weight:normal; background:#e0ded6; border-bottom:1px #f1f0ea solid }
#accMenu { display:inline-block; width:250px; padding:10px 27px 17px 22px; background:#fff; list-style:none }
#accMenu li { display:inline-block; width:100%; height:30px; line-height:30px; border-bottom:1px #d3d2ce dashed }
#accMenu li a { color:#4e4e4e; text-decoration:none;/*-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;*/ }
#accMenu li a:hover { background:url(../images/sprief.png) no-repeat 0 -758px; padding:0 0 0 17px; color:#000 !important }
.activeRoom { background:url(../images/sprief.png) no-repeat 0 -755px; padding:0 0 0 17px; color:#000 !important }
#close { width:30px; height:30px; background:url(fancybox/fancy_close.png) no-repeat center center; top:45px; right:60px; position:absolute; z-index:55000; cursor:pointer }
.roomInfo { display:inline-block; width:100%; list-style:none }
.listRoomInfo { float:left; display:inline-block; width:100%; padding:5px 0 }
.listRoomInfo .txtDate { padding:4px 5px; width:206px; background-position:195px -30px }
.labelBook { display:block; width:100px; float:left; height:22px; line-height:22px }
.listRoomInfo strong { height:22px; line-height:22px; font-size:14px; }
.haft { width:25% !important }
.haft select { display:block; padding:2px; border:1px #CFCCCC solid }
.roomtype3 { display:block; padding:2px; width:218px; border:1px #CFCCCC solid }
.personInfo { display:inline-block; width:100%; list-style:none }
.personInfo li { display:inline-block; width:100%; padding:5px 0 }
.personInfo label { display:block; width:140px; float:left }
.personInfo input[type=text] { display:block; padding:4px 5px; width:300px; border:1px #CFCCCC solid }
.personInfo textarea { display:block; border:1px #CFCCCC solid; width:300px; padding:5px; max-width:300px; height:100px; min-height:100px; max-height:200px }
.buttonNextStep { display:block; border:1px #0e55a7 solid; padding:3px 10px; background:#fff; font-weight:bold; float:left; margin:0 10px; cursor:pointer; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#099aff)); background: -webkit-linear-gradient(top, #099aff, #1a82f7); background: -moz-linear-gradient(top, #099aff, #1a82f7); background: -ms-linear-gradient(top, #099aff, #1a82f7); background: -o-linear-gradient(top, #099aff, #1a82f7); color:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-shadow:1px 2px 2px #acacac; -webkit-box-shadow:1px 2px 2px #acacac; ; -moz-box-shadow:1px 2px 2px #acacac; opacity:1 !important }
.buttonNextStep:hover { box-shadow: none !important }
label.error { display:none !important }
.error { border:1px #F00 solid !important }
#err { display:block; width:400px; min-height:22px; line-height:22px; border:1px #F00 solid; background:#fff; padding:0 20px; color:#F00 }
.line22 { display:inline-block; width:100%; padding:20px 0 0 0; border-bottom:1px #CCC solid }
.tourTitle2 { font-size:12px; color:#222; text-decoration:none; font-weight:bold }
.alert { display:block; padding:10px 0 }
.company_info{margin-bottom:20px !important}
.company_info p{margin-bottom:10px;}
#contact_form { width:65%; margin:0 auto; }
.bvLine { display:inline-block; width:100%; padding:5px 0 }
.bvBlock { display:block; width:90px; float:left }
#contact_form input[type=text] { display:block; padding:3px 5px; width:300px; border:1px #CFCCCC solid }
#contact_form .selectA { display:block; border:1px #CFCCCC solid; padding:2px; float:left }
#contact_form .selectB { display:block; border:1px #CFCCCC solid; padding:2px; float:left; width:312px }
#contact_form textarea { display:block; padding:3px 5px; width:300px; border:1px #CFCCCC solid; min-height:100px; max-height:250px; max-width:300px }
#contact_form input[type=submit] { margin-left:90px }
.noticeText { display:block; padding:10px 0 }
.successBox { display:inline-block; width:100%; padding:15px 0; line-height:18px }
.successBox h3 { font-weight:normal; display:block; text-align:center; padding:0 0 10px 0 }
.a11 { display:block; height:27px; padding:12px 0 0 }
.li111 { display:inline-block; width:100%; margin:0 0 20px 0; }
.tesImge { display:block; border:2px #fff solid; float:left; margin:0 10px 0 0; padding:2px }
.tesName { font-size:12px; display:block; padding:0 0 2px 0 }
.fixHeight { height:72px; overflow:hidden; }
.li111:hover .fixHeight { height:100%; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; }
.travel { display:inline-block; width:100%; margin:10px 0; background:url(../images/travel.png) no-repeat right bottom; padding:2px 0 10px 0 }
.travel:hover { border-bottom:1px #FFA800 solid }
.travelImg { display:inline-block; padding:3px; background:#fff; box-shadow:2px 2px 4px #acacac; -moz-box-shadow:2px 2px 4px #acacac; -webkit-box-shadow:2px 2px 4px #acacac; float:left; margin:0 10px 0 0 }
.travelTitle { font-weight:bold; color:#4e4e4e; text-decoration:none; display:block; padding:0 0 6px 0 }
.guideImg { float:left; margin:0 10px 0 0 }
.otherGuide { list-style:none; padding:10px 0 !important; margin:0 !important; clear:both }
.otherGuide a { color:#666666; display:block; border-bottom:1px #acacac solid; text-decoration:none; display:block; padding:5px 0 }
.otherGuide a:hover { color:#FFA800; border-bottom:1px #FFA800 solid }
.rotator { display:inline-block; width:240px; height:156px; padding:10px 10px 40px 10px; background:#fff; box-shadow:2px 2px 4px #acacac; -moz-box-shadow:2px 2px 4px #acacac; -webkit-box-shadow:2px 2px 4px #acacac; position:relative; margin:0 25px 50px 15px; float:left; text-decoration:none !important; transform:rotate(5deg); -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); -ms-transform:rotate(5deg); -o-transform:rotate(5deg) }
.lstPhoto { display:inline-block; width:240px; height:156px; padding:10px 10px 40px 10px; background:#fff; box-shadow:2px 2px 4px #acacac; -moz-box-shadow:2px 2px 4px #acacac; -webkit-box-shadow:2px 2px 4px #acacac; position:absolute; float:left; text-decoration:none !important; transform:rotate(-5deg) !important; -webkit-transform:rotate(-5deg) !important; -moz-transform:rotate(-5deg) !important; -ms-transform:rotate(-5deg) !important; -o-transform:rotate(-5deg) !important; top:0; left:0 }
.lstPhoto p { color:#acacac; width:240px; text-align:center; display:block; position:absolute; bottom:5px; font-weight:bold; text-decoration:none !important; left:10px }
.lstPhoto:hover p { color:#FFA800 }
.actNav { text-decoration:underline !important; color:#FFA800 !important }
#fade { display:inline-block; background:url(../images/transparent.png) repeat; position:absolute; z-index:40000; left:0; top:0; display:none }
.moreSur { display:inline-block; width:100%; border-top:1px #ccc solid; margin:20px 0 }
.moreSur .title2222 { font-size:15px; color:#FFA800; font-weight:normal }
.moreSur a { color:#4E4E4E; text-decoration:none; display:block; margin:5px 0; background:url(../images/nav.png) no-repeat 0 6px; padding:0 10px }
.moreSur a:hover { color:#FFA800 }
.pagination { display:inline-block; margin:0 30px }
.pagination a { display:block; padding:2px 8px; float:left; margin:0 2px; border:1px #CCC solid; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; color:#333; background:#f3f3f3; text-decoration:none }
.pagination .current { border:1px #FFA800 solid !important }
.more33 { display:inline-block; border:2px #fff solid; height:20px; line-height:20px; padding:0 8px; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; color:#fff; background:#FFA847; font-weight:bold; text-decoration:none; box-shadow:1px 1px 2px #acacac; -webkit-box-shadow:1px 1px 2px #acacac; -moz-box-shadow:1px 1px 2px #acacac; margin:0 15px 0 0 }
.book33 { outline:none; cursor:pointer; display:inline-block; border:2px #fff solid; height:20px; line-height:20px; padding:0 8px; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; color:#fff; background:#027596; font-weight:bold; text-decoration:none; box-shadow:1px 1px 2px #acacac; -webkit-box-shadow:1px 1px 2px #acacac; -moz-box-shadow:1px 1px 2px #acacac; }
.btn-book{ outline:none; cursor:pointer; display:inline-block; border:2px #fff solid; height:20px; line-height:20px; padding:0 8px; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; color:#fff; background:#027596; font-weight:bold; text-decoration:none; box-shadow:1px 1px 2px #acacac; -webkit-box-shadow:1px 1px 2px #acacac; -moz-box-shadow:1px 1px 2px #acacac; }
.book33.disabled{ opacity:0.4; filter:alpha(opacity=40);}
.booking-summary { margin-top:10px; display:none; line-height:22px; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.booking-summary > .totalRate { display:block; clear:both; font-size:18px; }
.button-book { display:inline-block; border:2px #fff solid; height:40px; line-height:40px; width:80%; text-align:center; padding:0 8px; color:#fff; background:#027596; text-decoration:none; text-transform:uppercase; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; outline:none; cursor:pointer; }
.more33:hover, .book33:hover { color:#fff !important; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none }
.bookLeft span { display:block; width:100px; float:left }
.bookLeft .import { color:#F60; font-size:14px; }
.TripDetail { display:inline-block; width:100%; padding:20px 0 10px 0; background:url(../images/line6.png) no-repeat bottom center }
.TripDetail p { line-height:24px }
.newShow li { list-style:none; display:block; width:210px; height:140px; float:left; background:#fff; padding:10px 10px 35px 10px; margin:5px 30px 20px 0; box-shadow:2px 2px 8px #acacac; -moz-box-shadow:2px 2px 8px #acacac; -webkit-box-shadow:2px 2px 8px #acacac; position:relative }
.newShow p { display:block; width:210px; text-align:center; position:absolute; bottom:10px }
/*.previous_link, .next_link{ display:none !important;}*/
.vietnam { width:63px; height:17px !important; line-height:17px !important; background:url(../images/vn.gif) no-repeat 3px 3px !important; float:left; padding:0 0 0 22px !important; margin:1px 3px !important; text-decoration:none !important }
.english { width:43px; height:17px !important; line-height:17px !important; background:url(../images/en.png) no-repeat 3px 3px !important; float:left; margin:1px 3px !important; padding:0 0 0 22px !important; text-decoration:none !important }
.activeLang { background-color:#fff !important; }
.tourName { color:#F60; text-decoration:none }
.tourName:hover { background:#E2E0D8; padding:0 10px; box-shadow:1px 1px 2px #acacac; -webkit-box-shadow:1px 1px 2px #acacac; -moz-box-shadow:1px 1px 2px #acacac; cursor:pointer; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px }
.tourName:hover .hide { display:inline-block !important }
.hide { display:none }
.contactLink { color:#F60; }
.blockLink { color:#FFA800; text-decoration:none }
.blockLink:hover { text-decoration:underline }
.link { color:#222; text-decoration:none }
.link:hover { color:#FFA800 }
.tourImg { display:block; width:198px; height:116px; padding:5px; background:url(../images/tour-shadow.png) no-repeat 0 0; margin:0 10px 0 0; position:relative; overflow:hidden }
.tourImg img { position:absolute }
.currentImg { z-index:500 }
.previouImg { z-index:10 }
.data { display:none }
marquee { display:inline-block; width:100%; clear:both; height:25px; line-height:25px; border-top:1px #FF0000 solid; position:fixed; bottom:0; z-index:999; background:#fff; }
marquee a { color:#900; text-decoration:none }
marquee a:hover { color:#900 !important; text-decoration:underline !important }
.footerNav-en, .footerNav-vn { list-style:none; display:inline-block; float:right; clear:both; border-bottom:1px #CCC solid; width:100%; padding:0 0 5px 0 }
.footerNav-en li, .footerNav-vn li { float:left }
.footerNav-en a { text-decoration:none; padding:0 10px; text-align:right; color:#444 }
.footerNav-vn a { text-decoration:none; padding:0 5px; text-align:right; color:#444 }
.footerNav-en a:hover, .footerNav-vn a:hover { text-decoration:underline; color:#027596 }
.footerNav-en li:last-child a { padding-right:0px !important }
.footerNav-en li:first-child a { padding-left:0px !important }
/*Upgrade by quyetnx*/
#hmBg { min-height:861px; background:url(../images/hm-bg.png) no-repeat top center; position:absolute; left:0; top:274px; right:0; z-index:-1000 }
.innerHm { width:980px; margin:0 auto; }
.honey { background:none !important; font-family:'Segoe UI' }
.honey .box { background:url(../images/trans.png) repeat 0 0 !important; color:#fff; }
.honey .box a:hover { text-decoration:underline; }
.honey .title { background:url(../images/line3-w.png) no-repeat bottom center; height:35px !important; }
.honey .blockLink { color:#fff !important; font-weight:bold; font-size:24px; text-shadow:1px -1px 1px #000; }
.honey .more { background:none !important; color:#fff !important; text-decoration:none; }
.honey .lstNews { font-size:12px; }
.honey .lstNews a { color:#fff !important; font-weight:bold; font-size:12px; text-decoration:none; }
.honey2 .title { background:none !important; }
.rightBlock { display:inline-block; width:662px; position:relative; top:-15px; right:-1px; z-index:100; background:#fff url(../images/tab-bottom.png) no-repeat bottom left; padding-bottom:163px; font-family:'Segoe UI'; }
.isTop { width:100%; min-height:466px; background:url(../images/hm-top.png) no-repeat top right; position:relative; }
.tourDetailHm { display:inline-block; width:610px; min-height:600px; background:#fff url(../images/detail-tab.png) repeat-x 0 0; color:#222; padding:61px 26px 0 26px; }
.rightDetail { display:inline-block; width:242px; padding:11px 0 0; margin-right:17px; padding-bottom:15px; clear:both; }
.hmBrc { display:inline-block; width:100%; margin-top:3px; }
.hoz { display:block; height:10px; border-bottom:1px #222 dashed; margin-bottom:10px; }
.hmBrc a, .hmBrc span { font-weight:bold; color:#222; text-decoration:none; font-size:12px; display:inline-block; float:left; }
.hmBrc .child { padding:0 7px; background:url(../images/narrow.png) no-repeat 0 4px; margin-left:7px; }
.hmTitle { font-family:'Ebrima'; font-weight:normal; font-size:21px; display:block; margin:14px 0; line-height:27px; }
.hmBrc p { font-size:12px; font-family:'Tahoma'; }
.rightDetail2 { width:311px; padding:15px 0 0; background:url(../images/hoz-line.png) no-repeat top center; position:absolute; bottom:25px; right:17px; }
.rightDetail2 p { width:299px; padding-bottom:15px; background:url(../images/hoz-line.png) no-repeat bottom center; padding-left:12px; max-height:158px; overflow:auto; }
.hnBook { display:inline-block; color:#fff; font-weight:bold; background:url(../images/btn-bg.png) repeat-x 0 0; height:24px; line-height:24px; padding:0 10px; text-decoration:none; text-transform:uppercase; border-radius:24px; border:3px #fff solid; }
.title3 { display:block; font-weight:bold; text-transform:uppercase; padding:20px 0; font-size:12px; }
.lstHoney { display:inline-block; width:187px; padding:72px 10px 0 0; }
.lstHoney a { display:inline-block; width:84%; background:url(../images/heart.png) no-repeat 0 4px; padding-left:24px; color:#222; text-shadow:1px 1px 1px #fff; font-family:Ebrima; font-size:11px; text-decoration:none; margin-bottom:10px }
.lstHoney a:hover { text-decoration:underline; color:#a40000; }
.box6 .yahoo { display:inline-block; padding:125px 0 0 40px; }
.sk { width:46%; }
.yh { width:40%; }
.box6 .yahoo p { display:block; padding-top:5px; }
.galLink { display:block; width:151px; height:206px; text-indent:-9999%; }
.line3px { display:block; width:100%; background:#e3e3d0; height:3px; clear:both; position:relative; top:-15px; margin-bottom:-15px; }
.spec .blockLink:hover { text-decoration:none !important; }
.cruiseLink a { display:inline-block; height:31px !important; background:url(../images/cruise_btn.png) no-repeat 0 0 !important; line-height:31px !important; margin:-5px 0 0; padding-right:0 !important; color:#fff !important; }
.cruiseLink span { display:inline-block; height:31px; background:url(../images/cruise_btn.png) no-repeat 100% -31px; margin-right:-18px; padding-right:18px; }
.noBg { background:none !important; }
.cruiseOverview { width:635px; height:407px; background:url(../images/cruise.png) no-repeat 0 0; position:absolute; margin:0 5px 0 -5px; z-index:10; }
#cruiseTitle { font-family:Tahoma; color:#f58220; font-size:24px; font-weight:normal; text-shadow:-1px -1px 0 #fff; display:block; padding:20px 0 10px 0; }
.ovView { width:222px; margin:15px 15px 0 0; text-align:justify; line-height:18px; font-family:Tahoma; }
.crBook { display:inline-block; height:24px; line-height:24px; padding-left:10px; background:url(../images/book_btn.png) no-repeat 0 0; font-weight:bold; color:#fff; text-transform:uppercase; font-size:11px; margin-top:23px; }
.crBook span { display:inline-block; height:24px; padding-right:10px; background:url(../images/book_btn.png) no-repeat 100% -24px; }
.cruiseImg { width:343px; height:70px; position:absolute; top:278px; left:15px; }
.navi { display:block; width:8px; height:30px; background:url(../images/gal_nav.png) no-repeat; border:none; cursor:pointer; margin-top:19px; }
#navLeft { background-position:0 0; }
#navRight { background-position:0 100%; }
.showImge { width:307px; height:70px; margin:0 10px; float:left; position:relative; overflow:hidden; }
#scSlide { list-style:none; width:1000px; height:70px; position:absolute; }
#scSlide li { display:inline-block; float:left; width:102px; height:70px; }
#scSlide img { background:url(../images/shadow_img.png) no-repeat; padding:5px 7px 7px 5px; }
#cruiseTab { width:617px; height:37px; position:absolute; border-top:1px #d5d5d5 dashed; bottom:9px; left:12px; list-style:none; }
#cruiseTab li { float:left; height:29px; margin:5px 0 0; }
#cruiseTab a { display:inline-block; height:25px; line-height:25px; padding-left:10px; text-decoration:none; color:#222; }
#cruiseTab span { display:inline-block; height:25px; padding-right:10px; }
.actTab { background:url(../images/current.png) no-repeat bottom center; }
.actTab a { background:url(../images/tab.png) no-repeat 0 0; color:#fff !important; }
.actTab span { background:url(../images/tab.png) no-repeat 100% -25px; }
.showTabs { display:inline-block; width:587px; padding:15px 24px 10px 18px; background:#fafaf8 url(../images/outer-glow.png) repeat-x bottom center; margin-top:-5px; line-height:18px; }
.crContent { display:inline-block; width:100%; border-top:1px #e6e6e6 solid; padding-top:27px; margin:19px 0 0; }
.title5 { font-size:12px; font-family:Tahoma; text-transform:uppercase; color:#222; display:block; padding:25px 0 5px 0; }
.crContent ul { padding-left:25px; }
#lstGalTab { display:inline-block; width:100%; list-style:none; padding:5px 0 15px 0; }
#lstGalTab li { display:inline-block; float:left; padding-right:15px; text-decoration:none; color:#F58220; cursor:pointer; }
#lstGalTab li.activeChild { font-weight:bold; text-decoration:underline; }
.showAlGal a { display:block; width:170px; height:125px; float:left; margin:23px 23px 0 0; background:#fff; color:#222; text-decoration:none; padding:5px; box-shadow:0 1px 7px #ccc; }
.showAlGal a p { display:block; height:15px; font-size:11px; text-align:center; }
.noMarginRight { margin-right:0 !important }
.lstTour { display:inline-block; width:100%; margin:5px 0; border:1px #ccc solid; }
.nbrs { font-weight:bold; display:inline-block; width:30px; font-family:"Times New Roman", Times, serif; font-size:24px; font-style:italic; float:left; height:46px; line-height:46px; color:#F60; text-shadow:1px 1px 1px #fff; text-align:center; }
.tTitle { display:block; border-bottom:1px #ccc solid; padding:3px 0; font-size:12px; background:#CBF2FE }
.tTitle a { color:#02679B; text-decoration:none; margin-left:10px; }
.tCode { display:inline-block; padding:0 10px; height:38px; line-height:38px; border-right:1px #ccc solid; float:left; }
.deT { display:inline-block; width:556px; border-left:1px #ccc solid; }
.tBook { display:inline-block; padding:0 10px; background:#02679B; color:#fff; text-transform:uppercase; font-weight:bold; border-radius:10px; font-size:11px; height:20px; line-height:20px; text-decoration:none; float:left; margin:9px 0 }
.shareBtn { display:inline-block; width:162px; float:right; margin:6px 0; }
.shareBtn a { margin:5px }
.addthis_counter { margin-top:5px !important; }
#notSlide { position:absolute; top:0; left:1px; }
.addBox { width:635px; height:407px; position:relative; }
/* Update 1/29/2013 2:07:53 PM */
.sTab { background:#FFF; width:100%; border:1px #ccc solid; border-collapse:collapse; }
.sTab td { padding:1px; text-align:center; border:1px #ccc solid; }
.s_small { font-size:9px; color:#808080; display:block; }
.sTab td:hover .s_small { color:#222; }
a#help { display:inline-block; width:16px; height:16px; padding:2px; border:1px #ccc dotted; background:#fff; float:left; margin:0 10px; position:relative; z-index:200; }
#tabPricing { background:#FDFDFD; position:absolute; width:296px; padding:15px; border:1px #ffa800 solid; left:9px; z-index:100; top:-1px; display:none; }
.news-item-first { padding-bottom: 30px; margin-bottom: 10px; width: 100%; float: left; padding: 10px 0px 20px 0; border-bottom: 1px #ccc dotted; }
.news-item-first .items-list-title span { color: #808080; font-size: 10pt; padding-left: 10px; font-weight:normal }
.news-item-first .items-list-img { width:350px; float:left; margin-right:15px }
.news-item-first h2 { display:block; font-size:14px; margin:10px 0 15px 0; color:#222 }
.news-item-first h2 a { color:#222; text-decoration:none }
.news-item-list .lineNews { width: 100%; float: left; padding: 10px 0px; }
.news-item-list .lineNews .tourImg { display: block; width: 164px; height: 104px; padding: 1px; background: #fff; margin: 0 10px 0 0; position: relative; overflow: hidden; border:1px solid #d8d8d8 }
.SiteBar { width:50px; height:242px; position:fixed; top:25%; right:0; }
.SiteButtonGet { display:block; width:50px; height:121px; background:url(../images/SiteIMGPromotion.png) no-repeat 0px 0px; text-indent:-9999%; }
.SiteButtonWarning { display:block; width:50px; height:121px; background:url(../images/SiteIMGPromotion.png) no-repeat 0px -121px; text-indent:-9999%; }
.SiteAlertBox { box-shadow:0 0 4px #000; -moz-box-shadow:0 0 4px #000; -webkit-box-shadow:0 0 4px #000; z-index:9999999; display:none; width:300px; height:210px; border:2px solid #FFF; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; -ms-border-radius:2px; position:fixed; right:0px; bottom:0px; background:#a56500; }
.SiteAlertBox_Content { position:relative; width:100%; height:100%; }
.SiteAlertBox_Content > .close_pop { display:block; width:29px; height:30px; background:url(../images/close_pop.png) no-repeat center center; position:absolute; top:10px; right:10px; }
.SiteAlertBox_ICO { display:block; width:128px; height:162px; background:url(../images/sale.png) no-repeat center center; position:absolute; left:10px; top:0; }
.price { color:#ff6c00; }
.mt5 { margin-top:5px; }
.color_r { color:#c00000 !important; }
.IMG { display:block; outline:none; width:100%; height:307px; }
.clearfix { clear:both; }
.roomInfo > .line { display:inline-block; width:100%; padding:5px 0px; }
.roomInfo > .line > .labelBook { width:140px; }
.selectbox { border:1px solid #ddd; padding:2px; }
.selectbox.short{ width:60px;}
.selectbox.medium{ width:120px;}
.msgbox { display:block; min-width:200px; padding-left:120px; color:#c00000; font-size:11px; margin:2px 0 0; }
.check-availbility { border:1px solid #d9e1ec; background:#f2f5f9; padding:10px; margin:10px 0 0; }
.check-availbility .wrap { display:inline-block; width:100%; }
.check-availbility .col-1 { width:28%; float:left; }
.check-availbility .col-2 { width:20%; float:left; }
.check-availbility label { display:block; margin-bottom:5px; }
.check-availbility .select-lg { border:1px solid #ddd; padding:2px; width:60px; }
.button { outline:none; cursor:pointer; display:inline-block; border:2px #fff solid; height:24px; line-height:22px; margin:16px 0 0; padding:0 8px; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; color:#fff; background:#027596; font-weight:bold; text-decoration:none; box-shadow:1px 1px 2px #acacac; -webkit-box-shadow:1px 1px 2px #acacac; -moz-box-shadow:1px 1px 2px #acacac; }
.check-availbility .text { font-size:11px; margin-top:3px; color:#999 }
.bold { font-weight:bold; }
.bws-creadit-card { background-image: url("../images/bws-sprite.png"); background-repeat: no-repeat; background-size: 463px 71px; display: inline-block; width: 2.9375rem; height: 2.0625rem; text-indent: -999999rem; }
span.visa-card { background-position: 0 0; }
span.american-express-card { background-position: -9.75rem 0; }
span.master-card { background-position: -3.25rem 0; }
.priceTd { cursor:pointer }
.priceTdOn { background:#c00000 !important; color:#FFF !important }
.sTab td { padding:5px; }
.tbl-room-list { background:#FFF; width:100%; table-layout:auto; border-collapse:collapse; }
.tbl-room-list .gridheader { background:#CCCCCC; font-weight:normal; padding:10px; }
.tbl-room-list td { border-bottom:6px solid #ddd; padding:10px; }
.tbl-room-list td.first-col { border-right:6px solid #ddd; }
.bws-large-9 { display:block; width:80%; float:left; }
/*.bws-large-3 { display:block; vertical-align:top; margin-left:85%; }*/
.tbl-room-list .photo { display:block; float:left; margin:0 10px 0 0; }
.tbl-room-list .r { vertical-align:top; margin-left:140px; }
.tbl-room-list .title, .ckb-rooms-name { display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:5px; font-size:14px; }
.tbl-room-list .select-lg { background:#f3f3f3; padding:2px; width:60%; border:1px solid #cfcccc; outline:none; }
.bws-disc-inline { display:inline-block; list-style:none; width:100%; margin:10px 0 5px 0; }
.bws-disc-inline > li { float:left; display:inline-block; margin-right:5px; color:#333; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
.bws-disc-inline > li > span { color:#999 }
.b-details { text-decoration:none; color:#333; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
.b-policies { color:#333; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
.b-policies > .fa { color:#CCC; }
button[disabled='disabled'] { opacity:0.6; filter:alpha(opacity=60); cursor: not-allowed; }
.room-price { font-size:16px; font-family:"Trebuchet MS", sans-serif }
.room-price > .fa { color:#CCC; font-size:11px; }
/*.bottom-func { display:none; }*/
.thumb-list { margin-left: 0 !important; margin-bottom: 0; list-style: none; }
.thumb-list li { float:left; margin-right:0.625rem; margin-bottom: 0.625rem; list-style: none; }
.hintip { max-width:400px; overflow:hidden; position: absolute; border: 1px solid #ccc; background: #333; padding: 5px; display: none; color: #fff; z-index: 999999; }
.hintip { border-radius: 0.3125rem; -moz-border-radius: 0.3125rem; -webkit-border-radius: 0.3125rem; position: absolute; background: #eee; padding: 0.3125rem; display: none; float: left; color: #000; z-index: 9999; font-family: "Open Sans", sans-serif; font-size: 0.75rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.hintip img { max-width:100%; height:auto; }
.hintip p { display:block; padding:5px; }
.bws-room-bed-size, .formatTextStandard { font-family:"Trebuchet MS", sans-serif }
.formatTextStandard { line-height:22px; }
.vietiso-loading { display:none; z-index:9999; width:50%; height:50%; line-height:50%; padding:25%; text-align:center; position:fixed; left:0; top:0; background:rgba(0, 0, 0, 0.6); color:#FFF; }
.bws-panel { padding:20px; background:#D7D7D7; font-family:"Trebuchet MS", sans-serif; line-height:20px; }
.bws-page-subtitle { display:block; font-family:"Trebuchet MS", sans-serif; font-size:16px; font-weight:500; }
.wrap { display:inline-block; width:100%; }
.bws-line-top { border-top:6px solid #C7C7C7; }
.bws-graylight-bg { background:#D7D7D7 }
/*.bws-row { padding:10px; }*/
#crx-slider > #slider { display:none; }
.POP_Site_Ovelay { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.6); z-index:9999; }
.POP_SiteAlertBox { display:none; -moz-animation:fadeInUp .5s ease-in;
-webkit-animation:fadeInUp .5s ease-in;
animation:fadeInUp .5s ease-in;
border:2px solid #d82e15; width:700px; position:fixed; left:0%; top:0%; z-index:99999; }
.POP_Body { background:#FFF; width:100%; height:100%; overflow:hidden; position:relative; padding:0px; }
.close_POP { cursor:pointer; color:#FFF; text-align:center; display:block; width:26px; height:26px; position:absolute; right:0; top:0; background:rgba(0, 0, 0, 1); -moz-border-radius:0 0 0 85%; border-radius:0 0 0 85%; -webkit-border-radius:0 0 0 85%; -ms-border-radius:0 0 0 85%; -o-border-radius:0 0 0 85%; }
.close_POP > .fa { margin-top:5px; }
.sitemsg{ border:2px solid #FFF; padding:16px; margin-bottom:10px; background:#CCC;}
.price_old{ text-decoration:line-through; color:#634E4E; font-size:14px;}
.import,.price-Inc{ font-weight:bold;font-size:13px;color:#ae0000;}
.princing{ display:block; margin-bottom:5px;}
#search-widget-panel{margin-bottom:16px;}
#hbe-bws-page .inner { width: unset; background: unset;}
.hbe-bws #hbe-bws-page .body-rooms-list .rate-plan-wrapper .rate-plan .end {width: 40% !important;}


.banner.left-ads-banner{display: none !important}