html { overflow-y: scroll !important;}::-webkit-scrollbar {display: none;}
.itopplus-background {
background-image:none;background-color :rgba(241, 237, 237, 1);
}

a {
 color:#101010;
}
a:hover {
 color:#003d5d;
}


.itopplus-footer a {
    color: #fff;
}
.itopplus-footer a:hover {
    color: #b4930f;
}

.navbar-default {
    width: 100%!important;
    padding: 0 0!important;
}
.itopplus-sticky-nav-bar-inside div {
    float: none!important;
    text-align: center;
    background: white;
    padding: 15px 0 0;
}
#itopplus-nav-bar-sticky .itopplus-sidebar-menu-parent {
    border-bottom: 0px solid rgba(57,60,66,0.8) !important;
}
#itopplus-sticky-nav-bar {
    box-shadow: 0 1px 4px rgb(0 0 0 / 0.2);
}






.navbar-default .navbar-nav>li>a {
    color: #003d5d;
      font-size: 17px;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #003d5d;
    -webkit-box-shadow: inset 0 -3px 0 0 #003d5d;
    -moz-box-shadow: inset 0 -3px 0 0 #003d5d;
    box-shadow: inset 0 -3px 0 0 #003d5d;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
     color: #003d5d;
    -webkit-box-shadow: inset 0 -3px 0 0 #003d5d;
    -moz-box-shadow: inset 0 -3px 0 0 #003d5d;
    box-shadow: inset 0 -3px 0 0 #003d5d;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
     color: #003d5d;
    -webkit-box-shadow: inset 0 -3px 0 0 #003d5d;
    -moz-box-shadow: inset 0 -3px 0 0 #003d5d;
    box-shadow: inset 0 -3px 0 0 #003d5d;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav>li>.dropdown-menu>li>a:hover {
     color: #003d5d!important;
    -webkit-box-shadow: inset 0 -3px 0 0 #003d5d;
    -moz-box-shadow: inset 0 -3px 0 0 #003d5d;
    box-shadow: inset 0 -3px 0 0 #003d5d;
}
.navbar-default .navbar-nav>li:hover,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #ffffff;
}
@media (max-width:768px) {
    .navbar-default {
        background: #eeeeee;
    }
  .navbar-brand {
    float: right;
}
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    border-color: transparent;
}
/*hover ไอคอน ในโทรศัพท์  และ Menu*/
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #003d5d;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #003d5d;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #003d5d!important;
}

/*เมนูกึ่งกลาง*/
/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:center ;
}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:center ;
}

}

.shopcart {
    width: 90px!important;
    height: 90px!important;
    background-image: url(https://itp1.itopfile.com/ImageServer/itp_30062019ted5/40/0/shopcartz-z488205194443.webp);
    background-color: #001824;
}



figure.effect-selena {
    background: transparent;
}
figure.effect-jazz {
    background: transparent;
}
figure.effect-jazz figcaption::after {
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}


.thumbnail, .img-thumbnail {
   -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.075);
   box-shadow: 0 0px 0px rgba(0,0,0,.075);
}
.thumbnail {
    padding-left: 0px!important;
    padding-right: 0px!important;
    background-color: #ffffff;
    border-radius: 0px!important;
    border: 0px solid rgba(0,0,0,0);
    padding: 0;
   margin-bottom: 10px;

}
.thumbnail .imageWidth.imageGallery {
    transform: scale(1.0);
    transition: 0.32s;
}
.thumbnail .imageWidth.imageGallery:hover {
    transform: scale(1.05);
    transition: 0.32s;
}
.imgLightbox {
  position: relative!important;
  overflow: hidden!important;
  width: 100%!important;

}


.btnp {
    background: #003d5d;
    border: none;
    color: #fff;
    padding: 7px 5px;
    text-align: center;
    font-size: 11px;
    margin: 0px 0px;
    transition: 0.3s;
    width: 78%;
    text-transform: uppercase;
    font-weight: 300;
}

.btnp:hover {
  background-color: #6c4705;
  color: white;
}
.hvr-float {
    background: white;
    box-shadow: 0px 0px 10px #ccc;
    padding: 0px 5px 20px 5px;
    height: 375px;
    transform: perspective(1px) translateZ(0);
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    transform: translateY(-10px);
}

.hvr-float1 {
    transform: perspective(1px) translateZ(0);
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}
.hvr-float1:hover, .hvr-float1:focus, .hvr-float1:active {
    transform: translateY(-10px);
}

.glyphicon-chevron-right:before {
    color: #003e5b;
}
.menuVertical .nav-pills>li>a {
   color: #0b0b0b;
    font-size: 16px;
    text-align: left;
}
.menuVertical .nav-stacked>li {
    float: none;
    border-bottom: solid 1px #a1a1a1;
}
.menuVertical .nav-stacked>li+li{
    border-bottom: solid 1px #a1a1a1;
}

.menuVertical .nav-pills>li>a, .menuVertical .nav-stacked>li+li {
    border-bottom: solid 1px #a1a1a1;
    border-radius: 0px!important;
}
.menuVertical .nav>li>a:hover, .nav>li>a:focus {
    color: #ffffff;
    background-color: #b2c4ce;
    border-bottom: solid 1px #b2c4ce!important;
}
.menuVertical .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #f25a29;
    border-color: #e6e6e6;
    color: #fff!important;
}


.wcarpenter_iconvilla {
   font-size: 15px;
    text-align: center;
    font-weight: 300;
    padding: 10px 0% !important;
    transition: 0.32s;
}
.wcarpenter_iconvilla:hover {
    transform: scale(1.08);
    transition: 0.32s;
}

.wcarpenter_contactservices {
    background: white;
    font-size: 16px;
    box-shadow: 0 0 5px #bbbbbb;
    transition: 0.32s;
}
.wcarpenter_contactservices:hover {
      transform: scale(1.05);
}
.wcarpenter_padcontactservices {
    padding-top: 5%;
}

.buttonp {
    border-radius: 50px;
    background-color: #ff0000;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    padding: 10px 15px;
    width: 150px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 0px;
}
.buttonp:hover {
    background-color: #001824;
}




#scrolltoshop5d63b7fe9ccc06001a58cb3b .col-xs-12.col-sm-4 , #scrolltoshop5d63b8649ccc06001a58cb55 .col-xs-12.col-sm-4 ,
#scrolltoshop5d63b88e97787400193d9cf3 .col-xs-12.col-sm-4 , #scrolltoshop5d63b8abf77052001aff79b6 .col-xs-12.col-sm-4 ,
#scrolltoshop5d63b919940a450019be753a .col-xs-12.col-sm-4 ,#scrolltoshop5d63b937f77052001aff79c4 .col-xs-12.col-sm-4 ,
#scrolltoshop5d63b95fd822560019834ec4 .col-xs-12.col-sm-4 , #scrolltoshop5d63b9ac940a450019be7543 .col-xs-12.col-sm-4 ,
#scrolltoshop5d63b9c6f77052001aff79d9 .col-xs-12.col-sm-4 , #scrolltoshop5d63ba3db370cd001973baae .col-xs-12.col-sm-4 ,
#scrolltoshop5d63ba9e940a450019be7549 .col-xs-12.col-sm-4 , #scrolltoshop5d63babcd822560019834edf .col-xs-12.col-sm-4 ,
#scrolltoshop5d63bad8f77052001aff79fd .col-xs-12.col-sm-4 , #scrolltoshop5d63bb08b370cd001973babf .col-xs-12.col-sm-4 ,
#scrolltoshop5d63bb24d822560019834ef2 .col-xs-12.col-sm-4 , #scrolltoshop5d63bb40940a450019be7557 .col-xs-12.col-sm-4 ,
#scrolltoshop5d63bb5f9ccc06001a58cb96 .col-xs-12.col-sm-4 , #scrolltoshop5d63bb7c9ccc06001a58cb9f .col-xs-12.col-sm-4 ,
#scrolltoshop5d63bb9ad822560019834ef7 .col-xs-12.col-sm-4 , #scrolltoshop5d63bbb79ccc06001a58cba5 .col-xs-12.col-sm-4 ,
#scrolltoshop5d63bbd5b370cd001973bad6 .col-xs-12.col-sm-4 {
    padding-left: 5px;
    padding-right: 5px;
}
.Template-B-frame {
    padding: 5px 5px 10px 5px;
    border-radius: 0px;
}
.Template-B-frame:hover {
    box-shadow: 0 0 0 #b5c6d0;
}
.Template-B-pic {
    border: solid 0px #ccc;
    padding: 0px;
    box-shadow: 0 0 5px #818283;
    height: inherit!important;
}
.Template-B-Icon {
    display: none;
}
.Template-B-button {
    width: 40%;
    background: linear-gradient(to right, rgba(102,64,3,1) 0%, rgba(181,146,41,1) 17%, rgba(251,252,207,1) 52%, rgba(255,255,255,1) 100%);
    color: #402800;
    border-radius: 0px;
    font-weight: 400;
    padding: 5px 0 5px 3%;
    font-size: 15px;
}
.Template-B-button:hover {
    width: 40%;
}
.Template-B-Name {
    color: #003d5d;
    font-size: 16px;
    height: 80px;
}
.Template-B-Name label {
    font-weight: 400;
}
.Template-B-CateName {
    color: #003d5d;
    font-size: 24px;
    font-weight: 600!important;
}
.Template-B-ProName {
    color: #b3920f;
      font-size: 24px;
    font-weight: 600!important;
}
.shopcart-Cate {
    margin: 7% auto 0% auto;
}
.col-xs-12.col-md-6 {
    font-family: Kanit!important;
}
.shopcartID-Head-Default {
    font-size: 20px;
    color: #0b0b0b;
    font-weight: 500;
}
.shopcartID-Default {
    font-size: 20px;
    color: #003d5d;
    font-weight: 500;
}

.shopcartName-Head-Default {
    font-size: 20px;
    color: #0b0b0b;
    font-weight: 500;
}
.shopcartName-Default {
    font-size: 20px;
    color: #003d5d;
    font-weight: 500;
}
.Template-B-PriceNormal {
    color: #b3920f;
    font-size: 30px!important;
}
.input-sm, .form-horizontal .form-group-sm .form-control {
    padding: 3px 10px;
    font-size: 14px;
}
.Template-B-Quantity {
    color: #0b0b0b;
   font-weight: 500;
}

.Template-B-Item {
    color: #0b0b0b;
  font-weight: 500;
}
.Template-B-Price {
    color: #b3920f;
    font-weight: 500;
    font-size: 16px;
}

.Template-B-buttonDetail {
    width: 45%;
    background: linear-gradient(to right, rgba(102,64,3,1) 0%, rgba(181,146,41,1) 17%, rgba(251,252,207,1) 52%, rgba(255,255,255,1) 100%);
    margin: 5px 0 0 120px;
    color: #424242;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 0px;
    font-weight: 400;
    padding: 5px 0 5px 0;
    font-size: 16px;
}
.shopcartDetail-Default {
    font-family: Kanit;
    font-weight: 600;
}

.PictureOverflow {
    width: 100%;
}
.Template-B-smallpic {
    height: inherit;
}
.shopcartSize-Default label {
    font-size: 16px;
    color: #0b0b0b;
    font-weight: 500!important;
}
.ui.steps .step.active .title {
    color: #003d5d;
}
.ui.steps .step .title {
    font-family: Kanit;
    font-weight: 500;
}
.step1checkout {
    background-color: #001824;
    border: 5px solid #b3920e;
}
.Headcheckout {
    color: #003d5d;
}
.btnCheckoutprevious {
    background-color: #003d5d;
    font-weight: 400;
}
.step5checkout {
    background-color: #001824;
    border: 7px solid #b3920e;
}
.shopcart-paymentpage {
    background-color: #003d5d;
    width: 19%;
}

.input-group .form-control {
    font-size: 14px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #003d5d;
    border-color: #003d5d;
}
.pagination>li>a, .pagination>li>span {
    color: #003d5d;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #003d5d;
    background-color: #f7f7f7;
}




@media only screen and (max-width: 768px) {
 .row-fluid [class*=col-sm-5fix] {
    display: block;
     float: left;
     width: 33.33%;
 }
.itopplus-search-image-flex-container {
   width: 100%!important;
   display: inline-block!important;
}
.itopplus-search-image-flex-item {
    background-color: #fff!important;
    display: inline;
    width: 60%!important;
}

.itopplus-search-shopcart-image {
    height: auto !important;
    overflow: hidden;
}  
.itopplus-search-shopcart-image img{
  width: 100% !important;
  }
  .search_text {
    text-align: center;
    font-weight: 500;
    padding: 5px 0px;
    background-color: #fff;
}
#display2 , #display4 , #display6 , #display10 , #display12 , #display14  {
    margin-right: -20px;
}
  .btn-primary {
    background-image: linear-gradient(to bottom,#003d5d 0,#003d5d 100%);
    border-color: #003d5d;
}
  .btn-primary:hover, .btn-primary:focus {
    background-color: #003d5d;
}
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    border-color: #003d5d;
}
  .btn-primary:active, .btn-primary.active {
    background-color: #003d5d;
    border-color: #003d5d;
}
  .itopplus-sidebar-main a:link {
  color: #000 !important; 
}
  
}


@media only screen and (max-width: 414px) {
 .row-fluid [class*=col-sm-5fix] {
    display: block;
     float: left;
     width: 50%;
 }
.Template-B-Name {
    color: #003d5d;
    font-size: 15px;
    height: 80px;
}
  .wcarpenter_iconvilla {
    font-size: 14px;
    text-align: center;
    font-weight: 300;
    padding: 5px 4% !important;
    transition: 0.32s;
    height: 150px;
}
.itopplus-sidebar-main a:link {
  color: #000 !important; 
}
}





/* ขั้นตอนกาทำงาน หน้า Service */
.main-timeline{
    padding: 50px 0 0;
    position: relative;
  	cursor:inherit;
}
 .main-timeline:before{
    content: '';
    background-color: #fff;
    height: 100%;
    width: 90%;
    box-shadow: 0 0 10px #333;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 10px;

}
.main-timeline .timeline{
    margin: -42px 0 0 0;
    position: relative;
    z-index: 1;
}
.main-timeline .timeline:before{
    content: '';
    border: 8px solid #0d6595;
    height: 80%;
    width: 50%;
    border-radius: 20px;
    position: absolute;
    left: 0%;
    top: 22px;
    z-index: -1;
}
.main-timeline .timeline-content{
    background-color: #fff;
    text-align: center;
    width: 90%;
    padding: 10px 15px 50px;
    margin: 0 auto;
    display: block;
    cursor: inherit!important;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-year{
    color: #0d6595;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 10px;
}
.main-timeline .title{
    color: #333;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.box-col {
    padding: 10px 0px 50px!important;
}
.title.box {
    background-color: #867777;
    padding: 20px;
    color: #fff;
    font-weight: 400;
    font-size: 20px;
}
.title.box:after {
    margin: 0;
    background-color: transparent;
    height: 0px;
  	display:none!important;
}
.main-timeline .title:after{
    content: '';
    background-color: #0e6695;
    height: 3px;
    width: 60px;
    margin: 12px auto;
    display: block;
}
.main-timeline .description{
    color: #333;
    font-size: 14px;
    letter-spacing: 1px;
}
.main-timeline .timeline:nth-child(even):before{
    left: auto;
    right: 0%;
}
.main-timeline .timeline:nth-child(4n+2):before{ border-color: #c5b118; }
.main-timeline .timeline:nth-child(4n+2) .timeline-year{ color: #c5b119; }
.main-timeline .timeline:nth-child(4n+2) .title:after{ background-color: #c5b118; }
.main-timeline .timeline:nth-child(4n+3):before{ border-color: #0d6595; }
.main-timeline .timeline:nth-child(4n+3) .timeline-year{ color: #0d6595; }
.main-timeline .timeline:nth-child(4n+3) .title:after{ background-color: #0e6695; }
.main-timeline .timeline:nth-child(4n+4):before{ border-color: #c5b119; }
.main-timeline .timeline:nth-child(4n+4) .timeline-year{ color: #c5b119; }
.main-timeline .timeline:nth-child(4n+4) .title:after{ background-color: #c5b11a; }
@media only screen and (max-width:990px){
    .main-timeline .timeline:before{
        left: 5%;
        border-radius: 120px;
    }
    .main-timeline .timeline:nth-child(even):before{ right: 5%; }
}
@media only screen and (max-width:576px){
    .main-timeline:before{ width: 85%; }
    .main-timeline .timeline{ margin: -38px 0 0 0; }
    .main-timeline .timeline:before{
        border-width: 8px;
        border-radius: 0;
        left: 0;
    }
    .main-timeline .timeline:nth-child(even):before{ right: 0; }
    .main-timeline .timeline-content{ width: 85%; }
    .main-timeline .title{ font-size: 18px; }
}



/* ฟอร์นสินค้า */
.text-product {
    padding: 0px 10px;
}
.text-product h5 {
    margin-bottom: 15px;
    font-size: 1.286em;
    font-weight: 600;
    color: #003d5d;
}
.text-product p {
    margin-bottom: 0px;
    font-size: 1.143em;
}
.text-product li {
	font-size:1.143em;
}
.index-text {
    text-indent: 2em;
}

.row.margin.Shopcart-Related-Main {
    display: none;
}



/***ฟอร์มจองบ้านพัก***/
#textbox10 {
    width: 100% !important;
}
div#capcha0 {
    margin-left: -8px;
    margin-right: -45px;
}
select#select9 {
    color: #676767 !important;
}
.no-js #formdisplay5f72b2bd94a15a0012741baf .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.no-js #formdisplay5f72b2bd94a15a0012741baf .btn-primary {
    background-image: -webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);
    background-image: -o-linear-gradient(top,#428bca 0,#2d6ca2 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#428bca),to(#2d6ca2));
    background-image: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);
    background-repeat: repeat-x;
    border-color: #003d5d;
    background: #003d5d;
}
.no-js #formdisplay5f72b2bd94a15a0012741baf .btn-primary:focus, .btn-primary:hover {
    background-color: #003d5d;
    background-position: 0 -15px;
}
.no-js #formdisplay5f72b2bd94a15a0012741baf .btn-primary.active, .btn-primary:active {
    background-color: #003d5d;
    border-color: #003d5d;
}

element.style {
    background: #00ff00;
    padding: 40
px
 5
px
;
    color: #fff;
    box-shadow: 0px 0px 10px #ccc;
}