/**  Your Style Here  **/
#innerdiv tr:nth-child(2n) {
    background-color: white;
}
@font-face{
    font-family: "Akrobat-black";
    src: url('fonts/Akrobat-Black.otf');/*,
    url('Thonburi-Bold.eot'); /* IE */
}

@font-face{
    font-family: "Akrobat-bold";
    src: url('fonts/Akrobat-Bold.otf');/*,
    url('Thonburi-Bold.eot'); /* IE */
}

@font-face{
    font-family: "Akrobat-regular";
    src: url('fonts/Akrobat-Regular.otf');/*,
    url('Thonburi-Bold.eot'); /* IE */
}

.auxiliary-modified {
  background-color:black !important;
  
}

#auxiliary {
    border-bottom: 0.0625rem solid #000;
}

#auxiliary a{
  color:white !important;
}

.nav-header{
  color:white !important;
  font-weight: normal !important;
}

#auxiliary ul li.gmenu:hover {
  background-color:#2e2e2e !important; /*01232017*/
}


#auxiliary ul li.gmenu:hover ul{
  background-color:#474747 !important;
  border-color:#474747;
}
#auxiliary ul li.gmenu:hover ul li:hover{
  background-color:#2E2E2E !important;
  border-color:#474747;
}


#auxiliary .is-dropdown-submenu {
  background-color:#474747 !important;
  border-color:#474747;
}


#auxiliary ul li.active {
   background-color:#2E2E2E !important;
   color:white !important;
}

#auxiliary ul li.active, #auxiliary ul li.active a {
   color:white !important;
}



.moduletitle {
  background: #2cb7ad;
  text-align: center;
  color: white;
  padding: 5px 0;
  font-family:'Akrobat-black';
  letter-spacing: 2px;
  margin-bottom:10px;
}

.margin_top {
   margin-top: 20px;
   
}


#main-content .moduletable, #main-content .modulearticle {
    background: border: solid 0.0625rem #c4c4c4;
    border-radius: border-radius:3px;
    margin-bottom: 1rem ;
  	padding:0px !important;
    /* padding: 0.625rem; */
}

.pst {
  font-family:'Akrobat-bold';
  letter-spacing: 1px;
  font-size:14px;
}

#pst-time {
  font-family:'Akrobat-regular';
  font-size:32px;
  letter-spacing: 2px;
  
}

.pst-div {
  margin-top: -10px;
}

#pst-container * {
  color:#ADADAD !important;
  padding-top:5px;
}

#pst-time ie {
  font-size:14px;
  display: block;
  letter-spacing: 1px;
  margin-top: -10px;
}

.bottom-margin {
  margin-bottom:5px;
}




xdiv.item-image img{
  width: 20%;
}

.pagination {
  clear:both;
}

#main-content .modulearticle span.item-title a, div.bloglist-item span.item-title a{
  font-size:18px !important;
  font-weight:bold;
}

div.bloglist-item {
  border-bottom:1px solid;
  margin-bottom:3px;
  margin-top:15px;
}

div.blog-featured div.page-header h1 {
    background: #2cb7ad;
  text-align: center;
  color: white;
  padding: 7px 0;
  font-family:'Akrobat-black';
  letter-spacing: 2px;
  margin-bottom:10px;
  font-size:16px !important;
  margin-left: -15px;
  margin-right: -15px;
}

div.article-body p, div.article-body p span {
  font-size:14px !important;
  background-color: #efefef;
  
}

div.featured-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
div.featured-video iframe{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

div#banner header {
  color:#FFFFFF !important;
}

div#banner {
      padding: 5.5rem 0 1rem 0;
}

.thrust-icon {
  margin: 3px 0px;
}

table.downloadtable {
  background-color:efefef;
  border: 1px solid #efefef;
}
div#content {
  background-color: #efefef;
}
div.article-body p {
  background-color: #efefef;
}
div.moduletable {
  margin-left:-15px;
}
div#right-sidebar {
  padding-left:30px;
}
/** contact us **/
dl.contact-address.dl-horizontal{
  margin-left:150px;
  margin-top:-264px;
}
.contact h3 {
  display: none;
}
.contactus_header {
  margin-top:10px;
}
.contact_tel {
  margin-top:17px;
}
.tel_icon {
  margin-right:90px;
}
div.contact-form {
  margin-top:80px;
}
dd.contact_fax {
  margin-top:-8px;
}
div.contact-form {
  margin-top:5px;
}
fieldset.contact_form {
  margin-right:555px;
}
dd {
  	color:#000000;
    display: inline-block;
    padding-right: 12px;
    font-size: 0.75rem;
}
/**  Modified by mongi **/
/*
#main-nav {
    background: #333333;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
    margin: 0;
    padding: 0px;
}
.top-bar {
    overflow: hidden;
    height: 55px;
    line-height: 55px;
    position: relative;
    background: #333333;
    margin-bottom: 0;
}*/



/*==========  Mobile First Method  ==========*/

.socialmedia {
  float:left;
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
  .socialmedia {
    width:100%;
    margin:3px 0;
  }

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
  .socialmedia {
    width:100%;
    margin:3px 0;
  }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .socialmedia {
    width:45%;
    margin:2px;
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .socialmedia {
    width:20%;
    margin:3px;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .socialmedia {
    width:20%;
    margin:3px;
  }
}


.item-page{ /*, .blog-featured .items-row, .bloglist-item */
  padding: 1rem;
}

#content {
  /*margin: 3px;*/
}

/**** image animation *****/



.animate_container {
    position: relative;
}

.animate_image, .animate_image2 {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .7s ease;
  backface-visibility: hidden;
}

.animate_middle {
  transition: .7s ease;
  opacity: 0;
  position: absolute;
  top: 0%;
  left: 0%;
  /*transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)*/
}

.animate_container:hover .animate_image {
  opacity: 0.5;
}

.animate_container:hover .animate_image2 {
  opacity: 1;
}

.animate_container:hover .animate_middle {
  opacity: 1;
}

.animate_text {
  /*background-color: #4CAF50;*/
  background-color:#2cb7ad;
  color: white;
  font-size: 16px;
  /*padding: 16px 32px;*/
}



.animate_text2 {
  /*background-color: #4CAF50;*/
  color: white;
  font-size: 16px;
  /*padding: 16px 32px;*/
}


.readmore a {
  color:gray !important;
}

.readmore a:hover {
  color:black !important;
}

/** kaiz edit **/
.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: red; font-weight:bold;    }
    49%{    color: red; font-weight:bold; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: red; font-weight:bold;   }
}