.ma-nivoslider .pos-loading { background: #f5f5f5; position: relative; width: 100%; }
.ma-nivoslider .pos-loading span { width: 32px; height: 32px; position: absolute; z-index: 99; background: url("loader.gif") no-repeat center white; top: 50%; left: 50%; right: 50%; bottom: 50%; margin: -16px 0 0 -16px; }

.nivoSlider { position: relative; width: 100%; overflow: hidden; /* If an image is wrapped in a link */ }
.nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; }
.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; background: white; filter: alpha(opacity=0); opacity: 0; }

.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }

/* The slices and boxes in the Slider */
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }

.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }
.nivo-box img { display: block; }

/* Caption styles */
.nivo-html-caption { display: none; }

@-webkit-keyframes myfirst { from { width: 0; }
  to { width: 100%; } }

@keyframes myfirst { from { width: 0; }
  to { width: 100%; } }

.timethai.pos_hover { -webkit-animation-play-state: paused; animation-play-state: paused; }

/* slideshow edit */
.pos-slideshow { position: relative; }
@media (max-width: 767px) { .pos-slideshow { margin-bottom: 30px; } }
.pos-slideshow:hover .nivo-directionNav a { opacity: 1; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
.pos-slideshow .nivo-directionNav a { display: block; width: 45px; height: 45px; line-height: 45px; border-radius: 0; color: #2e2e2e; background: transparent; text-align: center; font-size: 20px; position: absolute; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 8; cursor: pointer; top: 50%; opacity: 0; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
@media (max-width: 640px) { .pos-slideshow .nivo-directionNav a { display: none; } }
.pos-slideshow .nivo-directionNav a i { display: none; }
.pos-slideshow .nivo-directionNav a.nivo-prevNav { background: url(../../../../../img/prev_slider.png) 0 center; left: 50px; }
@media (max-width: 1199px) { .pos-slideshow .nivo-directionNav a.nivo-prevNav { left: 4.88281vw; } }
.pos-slideshow .nivo-directionNav a.nivo-prevNav:hover { background-position: 100% center; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
.pos-slideshow .nivo-directionNav a.nivo-nextNav { background: url(../../../../../img/next_slider.png) 100% center; right: 50px; }
@media (max-width: 1199px) { .pos-slideshow .nivo-directionNav a.nivo-nextNav { right: 4.88281vw; } }
.pos-slideshow .nivo-directionNav a.nivo-nextNav:hover { background-position: 0 center; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
.pos-slideshow .nivo-controlNav { position: absolute; bottom: 30px; left: 0; right: 0; text-align: center; z-index: 8; }
@media (max-width: 1199px) { .pos-slideshow .nivo-controlNav { bottom: 2.92969vw; } }
.pos-slideshow .nivo-controlNav a { display: inline-block; height: 10px; border-radius: 100%; font-size: 0; width: 10px; margin: 0 4px; text-align: center; cursor: pointer; position: relative; z-index: 8; background: white; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
.pos-slideshow .nivo-controlNav a.active, .pos-slideshow .nivo-controlNav a:hover { background: #d6c9a9; }

.pos-slideshow-content { position: absolute; top: 50%; left: 0; right: 0; z-index: 6; text-align: left; direction: ltr; line-height: 1; font-weight: 400; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
@media (min-width: 992px) { .pos-slideshow-content { margin-top: 55px; } }
@media (min-width: 992px) and (max-width: 1199px) { .pos-slideshow-content { margin-top: 60px; } }
.pos-slideshow-content p { margin: 0; }

@media (max-width: 1600px) { .desc1 { padding-left: 100px; } }
.desc1 .title1 { font-size: 40px; color: white; font-weight: 600; text-transform: capitalize; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; }
@media (min-width: 1920px) { .desc1 .title1 { font-size: 60px; } }
.desc1 .title2 { position: relative; font-size: 40px; color: #d6c9a9; line-height: 1; font-weight: 600; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; }
@media (min-width: 1920px) { .desc1 .title2 { font-size: 60px; } }
.desc1 .title2 span { color: #d6c9a9; }
.desc1 .title3 { font-weight: 600; position: relative; font-size: 40px; color: white; margin-bottom: 40px; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; }
@media (min-width: 1920px) { .desc1 .title3 { font-size: 60px; } }
.desc1 .readmore { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; }
.desc1 .readmore a { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; position: relative; font-size: 12px; color: white; line-height: 47px; text-transform: uppercase; font-weight: 600; padding: 0 35px; background-color: rgba(241, 201, 169, 0.7); border: 2px solid white; display: inline-block; }
@media (max-width: 1600px) { .desc1 .readmore a { line-height: 40px; padding: 0 20px; } }
.desc1 .readmore a:hover { background-color: #d6c9a9; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }

.desc2 { text-align: center; }
.desc2 .title1 { font-size: 40px; margin-bottom: 40px; color: white; font-weight: 600; text-transform: capitalize; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; }
@media (min-width: 1920px) { .desc2 .title1 { font-size: 60px; } }
.desc2 .title2 { position: relative; font-size: 40px; display: inline-block; padding: 0 30px; color: white; line-height: 1; font-weight: 600; margin-bottom: 50px; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; }
@media (min-width: 1920px) { .desc2 .title2 { font-size: 40px; } }
.desc2 .title2 span { color: #d6c9a9; }
.desc2 .title2:before { content: ""; width: 120px; height: 10px; background: white; position: absolute; right: 100%; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.desc2 .title2:after { content: ""; width: 120px; height: 10px; background: white; position: absolute; left: 100%; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.desc2 .readmore { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; }
.desc2 .readmore a { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; position: relative; font-size: 12px; color: white; line-height: 47px; text-transform: uppercase; font-weight: 600; padding: 0 35px; background-color: rgba(241, 201, 169, 0.7); border: 2px solid white; display: inline-block; }
@media (max-width: 1600px) { .desc2 .readmore a { line-height: 40px; padding: 0 20px; } }
.desc2 .readmore a:hover { background-color: #d6c9a9; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }

@media (max-width: 1199px) { .desc1 { padding-left: 9.76563vw; }
  .desc1 .title1 { font-size: 4.88281vw; }
  .desc1 .title2 { font-size: 4.88281vw; }
  .desc1 .title3 { font-size: 4.88281vw; margin-bottom: 1.95313vw; }
  .desc1 .readmore a { font-size: 1.36719vw; line-height: 3.90625vw; padding: 0 1.95313vw; }
  .desc2 .title1 { font-size: 4.88281vw; margin-bottom: 1.95313vw; }
  .desc2 .title2 { font-size: 2.92969vw; margin-bottom: 2.92969vw; padding: 0 2.92969vw; }
  .desc2 .title2:before { width: 9.76563vw; height: 0.68359vw; }
  .desc2 .title2:after { width: 9.76563vw; height: 0.68359vw; }
  .desc2 .readmore a { font-size: 1.36719vw; line-height: 3.90625vw; padding: 0 1.95313vw; } }
@media (max-width: 767px) { .desc1 .title1 { font-size: 7.82269vw; }
  .desc1 .title2 { font-size: 7.82269vw; }
  .desc1 .title3 { font-size: 7.82269vw; margin-bottom: 2.60756vw; }
  .desc1 .readmore a { font-size: 1.82529vw; line-height: 5.21512vw; padding: 0 2.60756vw; }
  .desc2 .title1 { font-size: 7.82269vw; margin-bottom: 2.60756vw; }
  .desc2 .title2 { font-size: 5.21512vw; margin-bottom: 3.91134vw; padding: 0 3.91134vw; }
  .desc2 .title2:before { width: 13.03781vw; height: 0.91265vw; }
  .desc2 .title2:after { width: 13.03781vw; height: 0.91265vw; }
  .desc2 .readmore a { font-size: 1.82529vw; line-height: 5.21512vw; padding: 0 2.60756vw; } }