.ma-nivoslider .pos-loading { background: #FFFFFF; position: relative; width: 100%; }
.ma-nivoslider .pos-loading span { width: 32px; height: 32px; position: absolute; z-index: 99; background: url("../gif/loader-2.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; z-index: 1; }
.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: #000000; 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(../png/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(../png/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: rgba(194, 194, 194, 0.5); -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: #000000; }

.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 (max-width: 1600px) { .pos-slideshow-content { padding-left: 120px; } }
@media (max-width: 1199px) { .pos-slideshow-content { padding-left: 11.71875vw; } }
.pos-slideshow-content p { margin: 0; }

.desc1 .title1 { font-size: 38px; color: #000000; font-weight: 600; text-transform: capitalize; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; }
@media (min-width: 1920px) { .desc1 .title1 { font-size: 48px; } }
.desc1 .title2 { position: relative; font-size: 60px; color: #000000; line-height: 1; font-weight: 600; margin-bottom: 20px; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; }
@media (min-width: 1920px) { .desc1 .title2 { font-size: 80px; } }
.desc1 .title2 span { color: #000000; }
.desc1 .title3 { position: relative; margin: 0 0 50px 0; font-size: 14px; max-width: 50%; color: #000000; line-height: 25px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; }
.desc1 .readmore { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; }
.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: #000000; line-height: 30px; text-transform: uppercase; font-weight: 600; display: inline-block; }
.desc1 .readmore a:after { content: ""; background: url(../png/bg_links.png) 100% 50%; font-size: 0; width: 44px; height: 11px; display: inline-block; margin-left: 25px; vertical-align: -2px; }
.desc1 .readmore a:hover { color: #000000; -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; }
.desc1 .readmore a:hover:after { background-position: 0 50%; -webkit-animation: passing 1200ms linear infinite; -moz-animation: passing 1200ms linear infinite; -ms-animation: passing 1200ms linear infinite; -o-animation: passing 1200ms linear infinite; animation: passing 1200ms linear infinite; }

.desc2 .title1 { font-size: 38px; color: #000000; font-weight: 600; text-transform: capitalize; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; }
@media (min-width: 1920px) { .desc2 .title1 { font-size: 48px; } }
.desc2 .title2 { position: relative; font-size: 60px; color: #000000; line-height: 1; font-weight: 600; margin-bottom: 20px; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; }
@media (min-width: 1920px) { .desc2 .title2 { font-size: 80px; } }
.desc2 .title2 span { color: #000000; }
.desc2 .title3 { position: relative; margin: 0 0 50px 0; font-size: 14px; max-width: 50%; color: #000000; line-height: 25px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; }
.desc2 .readmore { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; }
.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: #000000; line-height: 30px; text-transform: uppercase; font-weight: 600; display: inline-block; }
.desc2 .readmore a:after { content: ""; background: url(../png/bg_links.png) 100% 50%; font-size: 0; width: 44px; height: 11px; display: inline-block; margin-left: 25px; vertical-align: -2px; }
.desc2 .readmore a:hover { color: #000000; -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 .readmore a:hover:after { background-position: 0 50%; -webkit-animation: passing 1200ms linear infinite; -moz-animation: passing 1200ms linear infinite; -ms-animation: passing 1200ms linear infinite; -o-animation: passing 1200ms linear infinite; animation: passing 1200ms linear infinite; }

@media (max-width: 1199px) { .desc1 .title1 { font-size: 3.71094vw; }
  .desc1 .title2 { font-size: 4.88281vw; margin-bottom: 1.95313vw; }
  .desc1 .title3 { font-size: 1.36719vw; margin: 0 0 4.88281vw 0; line-height: 2.44141vw; }
  .desc1 .readmore a { font-size: 1.36719vw; line-height: 2.92969vw; }
  .desc2 .title1 { font-size: 3.71094vw; }
  .desc2 .title2 { font-size: 4.88281vw; margin-bottom: 1.95313vw; }
  .desc2 .title3 { font-size: 1.36719vw; margin: 0 0 4.88281vw 0; line-height: 2.44141vw; }
  .desc2 .readmore a { font-size: 1.36719vw; line-height: 2.92969vw; } }
@media (max-width: 767px) { .desc1 .title1 { font-size: 4.95437vw; }
  .desc1 .title2 { font-size: 6.5189vw; margin-bottom: 2.60756vw; }
  .desc1 .title3 { font-size: 1.69492vw; margin: 0 0 3.91134vw 0; line-height: 3.25945vw; }
  .desc1 .readmore a { font-size: 1.69492vw; line-height: 3.91134vw; }
  .desc2 .title1 { font-size: 4.95437vw; }
  .desc2 .title2 { font-size: 6.5189vw; margin-bottom: 2.60756vw; }
  .desc2 .title3 { font-size: 1.69492vw; margin: 0 0 3.91134vw 0; line-height: 3.25945vw; }
  .desc2 .readmore a { font-size: 1.69492vw; line-height: 3.91134vw; } }
@media (max-width: 480px) { .desc1 .title1 { font-size: 3.91134vw; }
  .desc1 .title2 { font-size: 5.21512vw; margin-bottom: 2.60756vw; }
  .desc1 .title3 { font-size: 1.82529vw; margin: 0 0 2.60756vw 0; line-height: 3.25945vw; }
  .desc1 .readmore a { font-size: 1.82529vw; line-height: 3.91134vw; }
  .desc2 .title1 { font-size: 3.91134vw; }
  .desc2 .title2 { font-size: 5.21512vw; margin-bottom: 2.60756vw; }
  .desc2 .title3 { font-size: 1.82529vw; margin: 0 0 2.60756vw 0; line-height: 3.25945vw; }
  .desc2 .readmore a { font-size: 1.82529vw; line-height: 3.91134vw; } }