.microsite-footer{
	font-family: Noto Sans Thai, Lato;
}

.footer-address-bg{
	font-family: Noto Sans Thai, Lato;
}

.Thai-Direct-Mobile-col-12 .copy-title {
font-family: Noto Sans Thai;
color: white;
font-size: 3em;
text-align: center;
line-height: 1.2em;
background: #ff9200;
padding: 5px;
padding-right: 25px;
padding-left: 25px;
border-radius: 0.3em;
text-shadow: 2px 2px 3px rgba(0,0,0,0.44);
}
.dashing {
  animation: dashing 2s ease-out;
  animation-iteration-count: 1;
  position: relative;
}

.dashing-1{
  animation: dashing 2s ease-out .2s;
  animation-iteration-count: 1;
  opacity: 0;
  animation-fill-mode: forwards;
  position: relative;
}

.dashing-2{
  animation: dashing 2s ease-out .5s;
  animation-iteration-count: 1;
  opacity: 0;
  animation-fill-mode: forwards;
  position: relative;
}
.dashing-3{
  animation: dashing 2s ease-out .8s;
  animation-iteration-count: 1;
  opacity: 0;
  animation-fill-mode: forwards;
  position: relative;
}
.dashing-4{
  animation: dashing 2s ease-out 1s;
  animation-iteration-count: 1;
  opacity: 0;
  animation-fill-mode: forwards;
  position: relative;
}

.dashing-5{
  animation: dashing 2s ease-out 1.3s;
  animation-iteration-count: 1;
  opacity: 0;
  animation-fill-mode: forwards;
  position: relative;
}

.dashing-6{
  animation: dashing 2s ease-out 1.7s;
  animation-iteration-count: 1;
  opacity: 0;
  animation-fill-mode: forwards;
  position: relative;
}

.dashing-7{
  animation: dashing 2s ease-out 2s;
  animation-iteration-count: 1;
  opacity: 0;
  animation-fill-mode: forwards;
  position: relative;
}

.dashing-8{
  animation: dashing 2s ease-out 2.2s;
  animation-iteration-count: 1;
  opacity: 0;
  animation-fill-mode: forwards;
  position: relative;
}

.dashing-9{
  animation: dashing 2s ease-out 2.5s;
  animation-iteration-count: 1;
  opacity: 0;
  animation-fill-mode: forwards;
  position: relative;
}

.dashing-10{
  animation: dashing 2s ease-out 2.8s;
  animation-iteration-count: 1;
  opacity: 0;
  animation-fill-mode: forwards;
  position: relative;
}

.dashing-11{
  animation: dashing 2s ease-out 3s;
  animation-iteration-count: 1;
  opacity: 0;
  animation-fill-mode: forwards;
  position: relative;
}

.dashing-12{
  animation: dashing 2s ease-out 3.3s;
  animation-iteration-count: 1;
  opacity: 0;
  animation-fill-mode: forwards;
  position: relative;
}

.dashing-13{
  animation: dashing 2s ease-out 3.6s;
  animation-iteration-count: 1;
  opacity: 0;
  animation-fill-mode: forwards;
  position: relative;
}

.dashing-14{
  animation: dashing 2s ease-out 4s;
  animation-iteration-count: 1;
  opacity: 0;
  animation-fill-mode: forwards;
  position: relative;
}

.dashing-15{
  animation: dashing 2s ease-out 4.3s;
  animation-iteration-count: 1;
  opacity: 0;
  animation-fill-mode: forwards;
  position: relative;
}
@keyframes dashing {
  0%   {transform: translateX(-100px); opacity: 0}
  30%   {transform: translateX(-100px); opacity: 0}
  100%   {transform: translateX(0px); opacity: 1}
}

.under-shadow{
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	-webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	-moz-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


.button1 {
	font-family: Noto Sans Thai;
	background-color: #ff9200;
	font-size: 25px;
	text-decoration: none;
	border-radius: 30px;
	font-weight: 700;
	margin-right: 10px;

}

.button2 {
	font-family: Noto Sans Thai;
	background-color: #262626;
	font-size: 25px;
	text-decoration: none;
	border-radius: 30px;
	font-weight: 700;

}

.button1:hover{

	background-color: #262626;
	color: #fff!important;
    border: 1px solid #262626;
}

.button2:hover{

	background-color: #ff9200!important;
	color: #fff!important;
    border: 1px solid #ff9200;

}
.mobile-screen{

	display: none;
}

@media only screen and (max-width: 600px) {
.Thai-Direct-Mobile-col-12 .copy-title {
    font-size: 2em;
    line-height: 1.6em;

  }
    .desktop-screen {

      display: none;
    }

    .mobile-screen .button1{

      margin-bottom: 10px;
    }

    .mobile-screen{

      display: contents;
    }


}