#slider1_container {
     margin-bottom: 0px !important; 
}
#controllers, .featured-text {
     display: none;
}
.pngfix {
     pointer-events: none;
     cursor: default;
}
body {
     border-top: none;
}
.wrapper {
     background-color: transparent !important; 
      -webkit-box-shadow: none !important;
     box-shadow: !important;
}
article {
      -webkit-box-shadow: none !important;
     box-shadow: !important;
}
#main-nav {
     border-top:2px solid #999 !important;
	 background: transparent !important;
     border: none;
     /*background: #d1d1d1 !important;
     background: -moz-linear-gradient(top,  #d1d1d1 0%, #ffffff 100%) !important;
     background: -webkit-linear-gradient(top,  #d1d1d1 0%,#ffffff 100%) !important;
     background: linear-gradient(to bottom,  #d1d1d1 0%,#ffffff 100%) !important;
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#ffffff',GradientType=0) !important;*/
}
.menu-item::after {
    content: "|";
    color: #999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    top: 1px;
    position: relative;
}

#main-nav a{
     font-size: 9pt !important;
     color: #929292 !important;
  	 padding:2px 9px 0 10px;
     height: 25px;
}
#main-nav a:hover, #main-nav ul li:hover > a, #main-nav li:hover > a, #main-nav a:focus {
	 background: transparent !important;
}
#main-nav li a:hover {
     color: #ed1c24 !important; 
}
ul.root.l_tinynav1 {
     float: right;
     text-transform: capitalize;
     text-shadow: none !important;
  	 font-family: Verdana, Arial, Helvetica, sans-serif;
     font-weight: bold;
     font-size: 9pt;
}
.root li:last-child::after {
    display: none;
}
.hgroup-wrap {
  padding-bottom: 1px;
}
#site-logo {
     margin-top: 0px;
}
#site-title a img {
     max-width: none !important;
     width: 90px; 
}
.container {
     max-width: none !important;
}
#main-nav ul li.current_page_item a, #main-nav ul li:hover > a {
      -webkit-box-shadow: none !important;
     box-shadow: none !important;
}
#main-nav ul li.current_page_item a {
     background: transparent !important; 
}
.current-menu-item a{
     color: #ed1c24 !important;
     font-weight: 700;
}
.otw-sidebar-1, .otw-sidebar-2 {
    width: 35%;
}
.otw-widget-1, .otw-widget-2 {
    margin: 0 auto;
    padding: 1px;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px;
  
}
.otw-widget-1 .textwidget, .otw-widget-2 .textwidget {
    color: #ed1c24;
    font-weight:600;
}
.otw-sidebar-2 .textwidget {
    text-align: right;
}
.otw-sidebar-1 {
    float: left; 
}
.otw-sidebar-2 {
    float: right; 
}
.entry-header h2 {
    display: none;
}
#main, .entry-content {
    padding: 0px;
}
.sales {
    font-family: Cgtime;
    font-size: 10.4pt;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    word-spacing: 3px;
    margin: 14px 0 0 0 !important;
}
.frt {
    font-weight: 600;
    text-align: justify;
    line-height: 18px;
}
.scd {
    text-align: justify;
    line-height: 18px;
}
#site-generator {
    padding: 5px 12px;
    border-top: none;
    color: #999;
    background-color: #000000;
    text-transform: uppercase;
    color: #ffffff;
}
#site-generator .copyright a {
    color: #ffffff !important;
}
.hdrr {
    margin: 8px 0 0 0 !important;
}
.hdttl {
    background-color: #dfdfdf;
    height: 76px;
}
.hdttl h4 {
    background-color: #ed1c24;
    width: 100px;
    height: 58px;
    font-family: Altgot;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 20px;
    padding: 8px 0 0 9px;
    font-size: 21px;
}
.cntxt {
    font-family: Gothicreg;
}
/*.ftct {
    margin: 0 0 0 39px;
}*/
.box1, .box2 {
    float: left;
    width: 49.5%;
    background-color: #e1e1e1;
    border: 1px solid #ed1c24;
    font-family: Altgot;
    font-size: 15pt;
    text-align: center;
    line-height: 25px;
    color: #ed1c24;
    padding: 24px 0px;
}
.ttl {
    float: left;
}
.up {
    float: right;
}
.fts h4 {
    font-family: altgot;
    font-size: 22pt;
}
.fts span {
    color: #000;
}
.fts ul li {
    color: #ed1c24;
}
.typea {
    background-image: url(http://www.acacabins.com.sg/wp-content/uploads/2016/07/ta.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding: 169px 0 0 18px;
}
.typeb {
    background-image: url(http://www.acacabins.com.sg/wp-content/uploads/2016/07/tb.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding: 169px 0 0 18px;
}
.typec {
    background-image: url(http://www.acacabins.com.sg/wp-content/uploads/2016/07/tc.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding: 169px 0 0 18px;
}
.typ h4 {
    border: 2px solid #ed1c24;
    width: 20%;
    text-align: center;
    padding: 27px 10px;
    font-family: Altgot;
    background: #ffffff;
    font-size: 48pt;
    color: #ed1c24;
    margin: 0 0 14px 0;
    height: 41px;
}
.typ h3 {
    font-family: Altgot;
    color: #ed1c24;
    letter-spacing: 8px;
    text-align: center;
    width: 33%;
    margin: 0 0 -12px 0;
    font-size: 23pt;
}
.typ p {
    font-size: 10pt;
    font-weight: 600;
    line-height: 14px;
    text-align: left;
    width: 94%;
    height: 55px;
}
.und {
    width: 12%;
    height: 3px;
    background: #ed1c24;
}
.ct1 {
    height: 218px;
    margin: 0 0 18px 0;
}
.ct1 h3 {
    font-family: altgot;
    line-height: 22px;
    text-align: left;
}
.ct1 p {
    line-height: 15px;
    font-weight: 600;
    font-size: 11pt;
}
.cap {
    float: left;
    display: inline-block;
    padding: 0px;
    width: 39%;
}
.imgct {
    float: right;
    display: inline-block;
}
.ct2 {
    margin: 15px 0 7px 0 !important;
}
.rf {
    background-image: url(http://www.acacabins.com.sg/wp-content/uploads/2016/07/rf1.jpg), url(http://www.acacabins.com.sg/wp-content/uploads/2016/07/rf2.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: top left, bottom right;
    background-size: 50%, 50%;
    height: 445px;
}
.rfc {
    display: table;
    margin: auto;
    width: 80%;
}
.rfc h3 {
    font-family: Altgot;
    font-size: 24pt;
    margin: 35px 0 16px 0;
}
.rfc h4 {
    font-weight: 600;
    width: 65%;
    font-size: 11pt;
    line-height: 19px;
    margin: 0 0 15px 0;
}
.rfimg {
    float: left;
    display: inline-block;
    margin: 0 40px 0 0;
    width: 42%;
}
.wrk {
    background-image: url(http://www.acacabins.com.sg/wp-content/uploads/2016/07/wq3.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-attachment: scroll;
    background-color: #dfdfdf;
    height: 276px;
    padding: 53px 0 0 0;
}
.wrkimg {
    float: left;
    display: inline-block;
    margin: 0 -12px 0 33px;
}
.js {
    background-image: url(http://www.acacabins.com.sg/wp-content/uploads/2016/07/js3.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-attachment: scroll;
    background-color: #dfdfdf;
    height: 276px;
    padding: 53px 0 0 0;
}
.jsimg {
    float: right;
    display: inline-block;
    margin: 0 36px 0 0;
}
.up {
    float: right;
    border: 2px solid #ffffff;
    padding: 15px 16px 4px 19px;
    margin: 15px;
    text-align: center;
    color: #ed1c24;
    font-size: 20pt;
}
.up:hover, .up a:hover {
    background-color: #ed1c24;
    color: #ffffff !important;
}
.up a {
    text-decoration: none;
}
.fts ul li, .typ, .cap p, .rfc h4 {
    font-family: gothicreg;
}
.abt {
    font-family: gothicreg;
    text-align: justify;
    font-size: 11pt;
    line-height: 20px;
}
.abtt {
    margin: 31px 0 0 0;
}
.saless {
    margin-bottom: 1px !important;
}
.cntct {
    width: 100% !important;
}
.cntc {
    font-family: altgot;
    font-size: 13pt;
    font-weight: normal;
}
.imp::after {
    content: "*";
    color: #ed1c24;
    top: -1px;
    left: 2px;
    position: relative;
    font-size: 15pt;
}
.cntm {
    font-family: gothicreg;
    font-size: 11pt;
    text-align: center;
    line-height: 21px;
    margin: 25px;
}
.info h4 {
    font-family: altgot;
    font-size: 15pt;
    padding: 0 0 0 0 !important;
    margin: 0 0 -7px 0;
}
.info h3 {
    font-family: altgot;
    font-size: 19pt;
    padding: 0 0 0 0 !important;
    margin: 0 0 -7px 0;
}
.info p {
    font-family: gothicreg;
    line-height: 18px;
    margin: 1px 0 12px 0;
}
.info {
    border-top: 2px solid #ed1c24;
    padding: 15px 0 0 0;
}

.glly h3 {
    font-family: gothicreg;
    font-size: 11pt;
    line-height: 15px;
    text-align: center;
    color: #545454;
    height: 25px;
    vertical-align: middle;
    margin: 0 auto;
}

.glly {
    background-image: url(http://www.acacabins.com.sg/wp-content/uploads/2016/07/02_imagebackground.jpg);
    background-position: center center;
    background-attachment: scroll;
    padding: 15px;
    text-align: center;

}

.glly img {
    margin: 10px 0 10px;
    border: 2px solid #fff;
}

.widget ul li {
    background-image: none !important;
}

.habt1 {
    margin-left: 0px !important;
    /*width: 62% !important;*/
}
.habt1 .su-column-inner .vid {
    width: 261px;
    height: 213px;
}
.habt1 .su-column-inner img {
    margin-left: 4px;
}


/* -------------------------------------------------------------------------------
=======================      Media Queries       ======================
 -------------------------------------------------------------------------------*/
@media screen and (min-width: 320px) and (max-width: 480px) {
.hgroup-wrap {
    display: table;
    margin: 0 auto;}
  .otw-sidebar-1, .otw-sidebar-2, .otw-sidebar-2 .textwidget {
    width: 100%;
    text-align: center !important;}
  #main-nav select {
      background-color: transparent ;}
  .su-column-size-1-4 {
    text-align: center;}
  .box1, .box2 {      
    width: 49%;}
  .ftct {
    margin: 0 0 0 0px;}
  .cap {
    width: 95%;}
  .ct1 {
    height: 331px;}
  .rfc {
    width: 83%;}
  .rfc h3 {
    font-size: 17pt;
    line-height: 19px;}
  .rfc h4 {
    width: 100%;}
  .rfimg {
    margin: 0 40px 12px 0;
    width: 90%;}
  .rf {
    height: 600px;}
  .wrkimg, .jsimg {
    margin: 0 0 0 0;}
  .wrk, .js {
      height: 469px;}
  .su-column {
    width: 95% !important;
    float: none !important;
    margin: 0 0 1.5em 8px !important;}
  .habt1 {
    text-align: center;}
  .habt1 .su-column-inner img {
    margin-bottom: 5px;}
}

@media screen and (min-width: 480px) and (max-width: 530px) {
.hgroup-wrap {
    display: table;
    margin: 0 auto;
}
  #main-nav select {
      background-color: transparent ;
}
  .su-column-size-1-4 {
    text-align: center;
}
  .typea, .typeb, .typec {
        padding: 169px 0 0 87px;}
  .ftct {
    margin: 0 0 0 0 !important;}
  .imgct {
    width: 50%  !important;}
  .ct1 {
    height: 164px  !important;}
  .ct2 {
    margin: -22px 0 7px 0 !important;
    float: left;
    display: inline-block;
    width: 48%;}
  .ct3 {
    float: right;
    margin: -46px 0 37px 0 !important;}
  .entry-content .str2 {
    width: 49% !important;
    float: right!important;
    display: inline-block  !important;
    clear: none !important;}
   .entry-content .str1 {
    width: 49% !important;
    float: left!important;
    display: inline-block  !important;
    clear: none !important;}
    .rfc {
    width: 83%;}
  .rfc h3 {
    font-size: 20pt;
    line-height: 26px;}
  .rfc h4 {
    width: 100%;}
  .rfimg {
    margin: 0 40px 12px 0;
    width: 80%;}
  .rf {
    height: 690px;}
  .wrkimg {
    margin: 0 -12px 0 22px !important;
    width: 45%;}
  .jsimg {
    margin: 0 12px 0 4px !important;
    width: 45%;}
  .wrk, .js {
     height: 215px;}
    .su-column {
    width: 100% !important;
    float: none !important;
    margin: 0 0 1.5em 0 !important;}
  .habt1 {
    text-align: center;}
  .habt1 .su-column-inner img {
    margin-bottom: 5px;}
  .habt1 img, .vid {
    width: 49% !important;
    height: 181px !important;}
}

@media screen and (min-width: 600px) and (max-width: 730px) {
.hgroup-wrap {
    display: table;
    margin: 0 auto;
}
  .otw-sidebar-1, .otw-sidebar-2 {
    width: 45%;
}
    #main-nav select {
      background-color: transparent ;
}
  .entry-content .habt2 {
    width: 55% !important;
    float: right !important;
}
  .entry-content .habt1, .entry-content .habt3 {
    float: left !important;
    width: 43% !important;
}
  .scd, .frt {
    line-height: 25px;    
}
  .sqr .su-column-size-1-4 {
    width: 23% !important;
    float: left !important;
    margin: 0 5px 0 6px !important;
}
  .abtt {
        text-align: center;
} 
  .sales {
    font-size: 6.5pt;}
  .entry-content .op {
    text-align: center !important;}
  .ftct {
    margin: 0 0 0 0;}
  .entry-content .c01 {
    width: 52% !important;
    float: left !important;
    clear: none !important;
    margin: 0 25px 0 0 !important;}
  .typea, .typeb, .typec {
    background-position: top right;
    padding: 14px 0 0 18px;
    margin: 0 0 -15px 0 !important;}
  .typ h3 {
    width: 18%;}
  .typ h4 {
    width: 12%;}
  .typ p {
    width: 40%;
    height: 76px;}
  .und {
    width: 6%;}
  .ct2 {
    margin: -22px 0 7px 0 !important;
    float: left;
    display: inline-block;
    width: 48%;}
  .ct3 {
    float: right;
    margin: -46px 0 37px 0 !important;}
  .entry-content .str2 {
    width: 49% !important;
    float: right!important;
    display: inline-block  !important;
    clear: none !important;}
   .entry-content .str1 {
    width: 49% !important;
    float: left!important;
    display: inline-block  !important;
    clear: none !important;}
   .rfimg {
    margin: 0 40px 15px 0;
    width: 66%;}
  .rf {
    height: 705px;}
  .wrkimg {
    margin: 0 -12px 0 22px !important;
    width: 45%;}
  .jsimg {
    margin: 0 12px 0 4px !important;
    width: 45%;}
  .wrk, .js {
     height: 215px;}
    .su-column {
    width: 100% !important;
    float: none !important;
    margin: 0 0 1.5em 0 !important;}
  .habt1 .su-column-inner img {
    margin-left: 4px;
    margin-bottom: 10px;}
}

/*@media only screen and (min-width: 720px){
  .box1, .box2 {
    width: 49%;
    padding: 4px 0px;}
  .typ h3 {
    width: 48%;}
  .typ h4 {
    width: 31%;}
  .typ p {
    height: 81px;}
  .imgct {
    width: 65%;}
  .cap {
    width: 32%;}
}*/


@media screen and (min-width: 768px)  and (max-width: 799px) {
   .sales {
    font-size: 8.5pt;}
  .box1, .box2 {
    width: 49%;
    padding: 9px 0px;}
  .typea, .typeb, .typec{
    padding: 127px 0 0 18px;}
  .typ h3 {
    width: 39%;}
  .typ h4 {
    width: 29%;}
  .typ p {
    width: 102%;
    height: 74px;}
  .ftct {
    margin: 0 0 0 0;}
  .ct1 {
    height: 197px;}
  .ct1 h3 {
    line-height: 17px;
    font-size: 14pt;}
  .ct1 p {
    font-size: 9pt;}
  .cap {
    padding: 8px 0 0 8px;
    width: 33%;}
  .imgct {
    width: 64%;}
  .rfc {
    width: 93%;}
  .glly h3 {
    height: 36px;}
   .habt1 img, .vid {
    height: 181px !important;}
}

/*@media only screen and (max-width: 768px){
.entry-content .su-column {
    width: 0% !important;
    margin: 0 !important;
    float: none !important;
}
}*/

@media screen and (min-width: 800px) and (max-width: 1020px) {
  .box1, .box2 {
    width: 49%;
    padding: 9px 0px;}
  .typea, .typeb, .typec{
    padding: 162px 0 0 18px;}
  .typ h3 {
    width: 39%;}
  .typ h4 {
    width: 29%;}
  .typ p {
    width: 102%;
    height: 74px;}
  .ftct {
    margin: 0 0 0 0;}
  .ct1 {
    height: 197px;}
  .ct1 h3 {
    line-height: 17px;
    font-size: 14pt;}
  .ct1 p {
    font-size: 9pt;}
  .cap {
    padding: 8px 0 0 8px;
    width: 33%;}
  .imgct {
    width: 64%;}
  .rfc {
    width: 91%;}
  .glly h3 {
    height: 36px;}
  .habt1 img, .vid {
    width: 49% !important;
    height: 181px !important;}
}

@media screen and (min-width: 1024px) and (max-width: 1349px) {
   .sales {
      font-size: 10pt;}
   .box1, .box2 {
    padding: 37px 0px;}
  .cap {
    width: 40%;}
  .rfc {
    width: 70%;}
  
}