.itopplus-background {

}
.itopplus-footer {
  background: #fff;
  color: #081d34;
}
body,
html {
  font-family: ThaiSansNeue;
}
/************Menu***************/
#main-navbar-collapse {
  text-align: center;
}

.itopplus-menu {
  margin-top: 0;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-size: 22px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active {
  color: #6699cc !important;
  box-shadow: none;
  border-bottom: none;
  background: transparent;
}
#main-navbar-collapse {
  background-color: #081d34;
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: none;
}
/********Mobile-Sidebar*********/
.navbar-default .navbar-brand,
.itopplus-sidebar-menu-single a:link,
.itopplus-sidebar-main a:link,
.itopplus-sidebar-menu-parent a,
.navbar-default .navbar-toggle:focus .text-bar,
.navbar-default .navbar-toggle .text-bar,
.navbar-default .navbar-toggle:hover .text-bar {
  color: #fff !important;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #fff !important;
}
.itopplus-sidebar-menu-single a:active {
  color: #fff !important;
  background-color: transparent !important;
}
.navbar-default .navbar-toggle .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar {
  background-color: #fff !important;
}
.navbar-default .navbar-brand:hover {
  background-color: transparent;
}
.itopplus-sidebar-menu-single,
.nav > li > a:focus {
  border-bottom: transparent;
  border-bottom: none !important;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover {
  border-color: transparent !important;
  background-color: transparent !important;
}

/******************************/
.itopplus-footer p {
  font-size: 20px;
}
.text-head1 {
  font-size: 3rem;
  font-weight: 500;
  font-family: roboto_slabbold;
}
.text-head1 a {
  color: #fff;
}
.bg-home1 {
    background-color: rgba(8, 29, 52, 0.7);
    width: fit-content;
    padding: 20px 25px;
    color: #fff;
    margin: auto;
    min-width: 250px;
}
.border1 {
  border: 1px solid #fff;
  width: 23%;
  margin: auto;
}

#background62abef01b913520013df0015 .thumbs {
  margin-bottom: 0px;
}
#mainmenu62abeed0a3ca180013874104 .text-head1,
#mainmenu62abf0bab913520013df00ab .text-head1 {
  font-weight: 400;
  font-family: QuarkBold;
}

/************/
#carousel62abef45c697520013b33a82 .hidden {
  display: block !important;
  visibility: inherit !important;
  pointer-events: none;
}
#carousel62abef45c697520013b33a82 .carousel-indicators .active {
  background-color: #081d34;
  border-color: #081d34;
  width: 12px;
  height: 12px;
  margin: 2px;
}
#carousel62abef45c697520013b33a82 .carousel-indicators li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 2px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #ffffff00;
  border: 1px solid #081d34;
  border-radius: 10px;
}
#carousel62abef45c697520013b33a82 .carousel-indicators {
  bottom: 0%;
}
#carousel62abef45c697520013b33a82 .glyphicon-chevron-left:before,
#carousel62abef45c697520013b33a82 .glyphicon-chevron-right:before,
#carousel62b14c3c1d979900144ab6f3 .glyphicon-chevron-left:before,
#carousel62b14c3c1d979900144ab6f3 .glyphicon-chevron-right:before,
#carousel62abf0c0a3ca180013874156 .glyphicon-chevron-left:before,
#carousel62abf0c0a3ca180013874156 .glyphicon-chevron-right:before,
#carousel62abf0e8a3ca18001387415e .glyphicon-chevron-left:before,
#carousel62abf0e8a3ca18001387415e .glyphicon-chevron-right:before,
#carousel62abf106a3ca18001387416f .glyphicon-chevron-left:before,
#carousel62abf106a3ca18001387416f .glyphicon-chevron-right:before {
  display: none;
}
#carousel62abeed9c697520013b33a5c .glyphicon-chevron-left:before {
  content: url("http://itp1.itopfile.com/ImageServer/ae5e4db968ee8764/35/0/arrow-leftz-z1545193739652.webp");
}
#carousel62abeed9c697520013b33a5c .glyphicon-chevron-right:before {
  content: url("http://itp1.itopfile.com/ImageServer/ae5e4db968ee8764/35/0/arrow-rightz-z959629143531.webp");
}

.text-head2 {
  font-size: 5rem;
  font-weight: 600;
  font-family: QuarkBold;
  color: #081d34;
}
.text-sub1 {
  font-family: ThaiSansNeue;
  font-size: 2.2rem;
  color: #0f264e;
}
.text-sub2 {
  font-size: 2.3rem;
  font-family: ThaiSansNeue;
  color: #808080;
}

.text-sub2 span {
  font-family: "roboto_slabbold";
  font-size: 2rem;
  color: #0070c0 !important;
}
#contentnewmode62bc2bc0bb6b130013d200b7 .text-sub2 {
  margin-bottom: 10px;
}
.btn-booknow {
  font-family: roboto_slabbold;
  background-color: #0f274c;
  border: none;
  color: #fff;
  padding: 10px 25px;
  font-size: 19px;
  margin-top: 2%;
}
.pd-room {
  padding: 9% 4%;
}
.btn-booknow:hover {
  background-color: #6699cc;
}
ul#slider62bc051d34c1270013533f75,
ul#slider62c68cd435600200131b102a {
  width: 60% !important;
  margin: auto;
  display: block;
}
#HtmlTool62bc0de2bb6b130013d1f869 {
  width: 85%;
  margin: auto;
}
.callbacks_container2 {
  margin: auto;
}
.bg-txtgallery {
  background-color: #6699cc;
  color: #fff;
  margin: auto;
}
.text-sub2 a:hover {
  color: #6699cc;
}
/*Oscar*/
figure.effect-oscar figcaption {
  background-color: transparent;
}
figure.effect-oscar figcaption::before {
  border: none;
}
figure.effect-oscar figcaption::before,
figure.effect-oscar p {
  opacity: 1;
  transform: scale(1);
}

#mainmenu62abeed0a3ca180013874104 .grid figure figcaption,
#mainmenu62abf0bab913520013df00ab .grid figure figcaption,
#mainmenu62abef01b913520013df0015 .grid figure figcaption {
  padding: 1em;
}

/* EFFECT */
.ef1,
.ef3,
.ef4,
.ef5 {
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
.ef2,
.ef3 {
  transition: 0.5s;
}
.ef1:hover {
  transform: translateY(-8px);
}
.ef2:hover {
  transform: scale(0.9, 0.9);
}
.ef3:hover {
  transform: scale(1.1, 1.1);
}
.ef4:hover {
  transform: translateX(10px);
}
.ef5:hover {
  transform: translateX(-10px);
}

@media only screen and (max-width: 992px) {
  .itopplus-sidebar-menu-single a {
    font-size: 23px;
  }
  .text-head1 {
    font-size: 2.5rem;
  }

  .col-md-4.col-md-offset-4.col-sm-4.col-sm-offset-4.col-xs-6.col-xs-offset-3.padding.zIndex-menu {
    z-index: 99 !important;
  }
  .text-sub1 {
    font-size: 2.3rem;
  }
  .btn-booknow {
    font-size: 18px;
  }
  .pd-room {
    padding: 8% 4%;
  }
  ul#slider62bc051d34c1270013533f75,
  ul#slider62c68cd435600200131b102a {
    width: 80% !important;
  }
}

@media only screen and (max-width: 768px) {
  .navbar-default {
    background: #081d34;
  }
}
/************fix other ipad *************/
@media (min-width: 769px) and (max-width: 1010px) {
  .navbar-default {
    background: #081d34;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .itopplus-search {
    display: none;
  }
  .itopplus-banner {
    position: inherit;
  }
  .itopplus-head {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  #main-navbar-collapse {
    display: none;
  }
  .navbar-default {
    background: transparent;
  }

  .callbacks_container2 {
    width: 90%;
  }
  .bg-txtgallery {
    width: 50%;
  }
  ul#slider62bc2b90bb6b130013d20070 {
    width: 75%;
    margin: auto;
  }
}

@media screen and (min-width: 1366px) {
  .navbar-nav > li > a {
    font-size: 23px;
  }
  #main-navbar-collapse {
    display: none;
  }
  .text-head1 {
    font-size: 3.5rem;
  }

  .pd-room {
    padding: 15% 4%;
  }
  ul#slider62bc051d34c1270013533f75,
  ul#slider62c68cd435600200131b102a {
    width: 60% !important;
  }
  .text-sub1 {
    font-size: 2.7rem;
  }
  .text-sub2 {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 1900px) {
  #main-navbar-collapse {
    display: none;
  }

  .callbacks_container2 {
    width: 85%;
  }
  .text-sub1 {
    font-size: 3rem;
  }
}

@media only screen and (max-width: 480px) {
  #background62abf0bab913520013df00ab .thumbs {
    margin-bottom: 0px;
  }

  ul#slider62bc051d34c1270013533f75,
  ul#slider62c68cd435600200131b102a {
    width: 100% !important;
  }
  .text-head2 {
    font-size: 3.5rem;
  }
  #HtmlTool62bc0de2bb6b130013d1f869 {
    width: 100%;
  }

  img#myImage1656499149733 {
    width: 70%;
  }
  .pd-room {
    padding: 0;
  }
  .text-head1 {
    font-size: 2.5rem;
  }
  .text-sub1,
  .text-sub2 {
    font-size: 2.2rem;
  }
  .btn-booknow {
    font-size: 17px;
  }
  .itopplus-footer p {
    font-size: 18px;
  }
}



#background62abeed0a3ca180013874104 .col-md-4 > .boderedlayoutClient,
#background62abf0bab913520013df00ab .col-md-4 > .boderedlayoutClient{
  position: relative;
  max-height: 100%;
}

#background62abeed0a3ca180013874104 .col-md-4 > .boderedlayoutClient > div:nth-child(2),
#background62abf0bab913520013df00ab .col-md-4 > .boderedlayoutClient > div:nth-child(2){
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1000 !important;
}