.itopplus-background {
background-image:none;background-color :rgba(228, 228, 228, 1);
}
body, html {
    overflow-x: hidden;
}
a {
  color: #010101;
}
a:hover {
  color: #ff9d33;
}
.itopplus-footer {
  font-size: 16px;
  font-weight: 300;
}
.itopplus-footer a {
  color: #fff;
}
.itopplus-footer a:hover {
  color: #ffca29;
}
.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;
  box-shadow: 0 2px 3px #eee;
}
#itopplus-nav-bar-sticky .itopplus-sidebar-menu-parent {
  border-bottom: 0px solid rgba(57,60,66,0.8) !important;
}
.row.margin.Shopcart-Related-Main .col-xs-6.col-sm-12 {
    width: 25%;
}

/*---สไลด์---*/
#carousel5f69cb7a8b08970019157bf0 .hidden {
  display: block!important;
  visibility: inherit!important;
  pointer-events: none;
}

.carousel-indicators .active {
  background-color: #fff;
  border-color:#fff;
  width: 13px;
  height: 13px;
  margin: 2px;
}

.carousel-indicators li {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 2px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #ffffff00;
  border: 1px solid #fff;
  border-radius: 10px;
}

.carousel-indicators {
  bottom: 0%;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
  display: none;
}



/*เมนูหลัก*/
.navbar-default .navbar-nav>li>a {
  color: #000;
  padding: 10px 8px;
  font-size: 16px;
}
.dropdown-menu>li>a {
  color: #000;
  font-size: 16px;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
  margin: 0;
}
.itopplus-menu {
  margin-top: 4%;
}
.navbar-default .navbar-brand {
  padding-top: 55px;
  color: #fff
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
  color: #fff;
  background-color: none
}
.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: #000;
  -webkit-box-shadow: inset 0 -3px 0 0 #3c794a;
  -moz-box-shadow: inset 0 -3px 0 0 #3c794a;
  box-shadow: inset 0 -3px 0 0 #3c794a
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
  color: #fff!important
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
  color: #000!important;
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 -3px 0 0 #3c794a;
  -moz-box-shadow: inset 0 -3px 0 0 #3c794a;
  box-shadow: inset 0 -3px 0 0 #3c794a
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
  color: #000;
  background-color: none;
  -webkit-box-shadow: inset 0 0px 0 0 #3c794a;
  -moz-box-shadow: inset 0 0px 0 0 #3c794a;
  box-shadow: inset 0 0px 0 0 #3c794a
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav>li>.dropdown-menu>li>a:hover {
  color: #000!important;
  background-color: none;
  -webkit-box-shadow: inset 0 0px 0 0 #0d8897;
  -moz-box-shadow: inset 0 0px 0 0 #0d8897;
  box-shadow: inset 0 0px 0 0 #0d8897
}

@media (max-width:768px) {
  .navbar-default {
    background: #3c794a;
  }
  .navbar-default .navbar-nav .open>.dropdown-menu {
    background: 0 0
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #000
  }
  .text-bar {
    color: #fff!important;
  }
}

/*Border Left, Right Menu*/
.itopplus-nav-bar li a {
  border-left: none;
  padding-left: 14px;
}
.itopplus-nav-bar li {
  border-right: 1px solid;
  padding-left: 2px;
  padding-right: 7px;
}
/*ปิด Border Right*/
#menu5d134bd22f7a75001b18fc10 {
  border-right: none!Important;
}
/*ปิด Border Right*/

@media (min-width: 769px){
  .navbar-nav>li>a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }  
  .navbar {
    min-height: 0px !important;
  }  
}

/*เมนูมือถือ slidebar*/
@media (max-width:768px) {
  /*เมนูหลักทั้งหมด*/
  .itopplus-sidebar-menu-single a:link {
    color: #fff !important;
  }
  /*เมนูย่อยแรก*/
  .itopplus-sidebar-menu-single a:active {
    background-color: transparent;
    color: #fff!important;
  }
  .itopplus-sidebar-menu-single {
    border-bottom: transparent;
  }
  /*เมนูย่อยถัดไป*/
  .itopplus-sidebar-menu-parent a {
    color: #fff !important;
  }
  .itopplus-sidebar-menu-parent a:active {
    background-color: transparent;
    color: #fff!important;
  }
}
/*เมนูมือถือ slidebar*/

/*เมนูชิดขวา*/
/* Medium Devices, Desktops */
@media only screen and (min-width :1024px) {
  .navbar .nav,.navbar .nav>li {
    float: none;
    display: inline-block;
    vertical-align: top
  }
  #main-navbar-collapse {
    text-align: right
  }
  .navbar-nav>li>a {
    padding-top: 0px !important;
    padding-bottom: 5px !important;
  }
  li#menu5f6ab85be15eb90019d9ed75 , li#menu5f6ab8641bbf7100194176b2 , li#menu5f6ab86b48efb6001aa989bb , li#menu5f6ab879e15eb90019d9ed83 , li#menu5f6ab88548efb6001aa989cf , li#menu5f6ab894e15eb90019d9ed9b ,
  li#menu5f6ab8a9e15eb90019d9edaa , li#menu5f68235d65bba60019b33ff1 ,  li#menu5f6c665d00a5810019e5e9e0 , li#menu5f72b90ebc45fb0012dd263e , li#menu5f72b918bc45fb0012dd264c , li#menu5f757cb7ba05480012d2c0c6 , li#menu5f757db251da010012d32243 
  {
    border-right: none;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width :1366px) {
  .navbar .nav,.navbar .nav>li {
    float: none;
    display: inline-block;
    vertical-align: top
  }
  #main-navbar-collapse {
    text-align: right
  }
  .navbar-nav>li>a {
    padding-top: 0px !important;
    padding-bottom: 5px !important;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width :1900px) {
  .navbar .nav,.navbar .nav>li {
    float: none;
    display: inline-block;
    vertical-align: top
  }
  #main-navbar-collapse {
    text-align: right
  }
  .navbar-nav>li>a {
    padding-top: 0px !important;
    padding-bottom: 5px !important;
  }
  .lertsanggroup_textled {
    padding-top: 80% !important;
  }
  .lertsanggroup_textsolarcell {
    padding-top: 74% !important;
  }
  .lertsanggroup_textseeall {
    padding-top: 35% !important;
  }
  .lertsanggroup_textcctv {
    padding-top: 7% !important;
  }
  figure.effect-sadie h2 {
    top: 72% !important;
  }
  .lertsanggroup_textabout2 {
    font-size: 46px !important;
  }
  #myImage1600770175989 {
    width: 60% !important;
  }
  .lertsanggroup_contactservices {
    font-size: 16px !important;
  }
  .lertsanggroup_padcontactservices {
    padding: 20px 0 !important;
  }
  .Template-B-Icon {
    width: 10% !important;
  }
  .hvr-bob {
    padding: 0px 10px 20px 10px !important;
    height: 375px !important;
  }
  .padpay1 {
    padding-top: 2% !important;
  }
  #imagesControl5f69cc502fd449001ac29f41 {
    padding: 10px 6px 10px 6px !important;
}
}



/************code pit**************/
/*footer*/
.input-group-subscribe:before, form.form-subscribe:before {
  left: 8px;
  color: gray;
}
.lertsanggroup_iconimg {
  transition: 0.32s;
}
.lertsanggroup_iconimg:hover {
  transform: scale(1.08);
  transition: 0.32s;
}

/***button***/
.lertsanggroup_button {
  background: #3c794a;
  padding: 7px 10px;
  border: none;
  color: #fff;
  width: max-content;
  text-align: left;
  transition: 0.32s;
  border-radius: 0;
  font-size: 16px;
  font-weight: 300;
  margin:15px auto;
}
.lertsanggroup_button:hover {
  background: #febf4c;
  color: #fff;
}
.lertsanggroup_buttonseeall {
  background: transparent;
  padding: 7px 10px;
  border: none;
  color: #fff;
  width: max-content;
  text-align: left;
  transition: 0.32s;
  border-radius: 0;
  font-size: 16px;
  font-weight: 300;
  margin:15px auto;
}
.lertsanggroup_buttonseeall:hover {
  background: #febf4c;
  color: #fff;
}
/***button***/

/****menu products****/
.lertsanggroup_textled {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  color: black;
  font-size: 22px;
  font-weight: 500;
  padding-top: 75%;
}
.lertsanggroup_textcctv {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  color: white;
  font-size: 22px;
  font-weight: 500;
  padding-top: 2%;
  text-align: left;
   width: 50%;
    line-height: 1.4;
}
.lertsanggroup_textsolarcell {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  color: black;
  font-size: 20px;
  font-weight: 500;
  padding-top: 59%;
}
.lertsanggroup_textseeall {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  color: white;
  font-size: 22px;
  font-weight: 500;
  padding-top: 25%;
}
/****menu products****/


/****gallery****/
figure.effect-phoebe h2 {
  margin-top: 1em;
  -webkit-transition: transform .35s;
  transition: transform .35s;
  -webkit-transform: translate3d(0,40px,0);
  transform: translate3d(0,0,0);
  font-size: 22px;
}
figure.effect-phoebe img {
  opacity: 1;
  transition: 0.32s;
}
figure.effect-phoebe:hover img {
  opacity: 1;
  transition: 0.32s;
  transform: scale(1.1);
}
figure.effect-sadie figcaption {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.7) 100%);
  border-bottom: 5px solid #ffcf27;
}
figure.effect-sadie figcaption::before {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top,rgba(60,121,74,0) 0,rgba(60,121,74,.8) 75%);
  background: linear-gradient(to bottom, rgba(255, 207, 39, 0) 20%, rgb(255, 207, 39) 100%);
  content: '';
  opacity: 0;
  -webkit-transform: translate3d(0,50%,0);
  transform: translate3d(0,50%,0);
}
figure.effect-sadie h2 {
  position: absolute;
  top: 62%;
  left: 0;
  width: 100%;
  color: #ffffff;
  -webkit-transition: -webkit-transform .35s,color .35s;
  transition: transform .35s,color .35s;
  -webkit-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0);
  font-size: 18px;
  position: absolute;
  bottom: 0;
  padding: 15px;
  line-height: 1.6;
}
figure.effect-jazz {
  background: -webkit-linear-gradient(-45deg,#f3cf3f 0,#f33f58 100%);
  background: transparent;
  border: 1px solid #eee;
}
figure.effect-jazz figcaption::after {
  border-top: 0px solid #fff;
  border-bottom: 0px solid #fff;
}
.lertsanggroup_number {
  font-size: 3.4em;
  font-weight: 500;
}


/*******/
.lertsanggroup_iconabout {
  font-size: 18px;
  text-align: center;
  transition: 0.32s;
  font-weight: 500;
}
.lertsanggroup_iconabout:hover {
  transform: translateY(-10px);
  transition: 0.32s;
}
.lertsanggroup_textabout {
  font-size: 17px;
  text-align: center;
  padding: 1% 4% 5%;
  color: #010101;
}
.lertsanggroup_textabout1 {
  font-size: 17px;
  padding: 25% 0% 0 7%;
}
.lertsanggroup_textabout2 {
  font-size: 34px;
  text-align: left;
  line-height: 1;
  padding: 0 2%;
}



/**services**/
.lertsanggroup_contactservices {
  background: white;
  font-size: 15px;
  box-shadow: 0 0 5px #bbbbbb;
  transition: 0.32s;
}
.lertsanggroup_contactservices:hover {
  transform: scale(1.05);
}
.lertsanggroup_padcontactservices {
  padding: 5px 0;
}

/**payment**/
.hvr-bob {
  background: white;
  box-shadow: 0px 0px 10px #ccc;
  padding: 0px 5px 20px 5px;
  height: 305px;
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
  width: 100%;
  font-size: 16px;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  transform: translateY(-10px);
}
.hvr-grow {
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  width: 100%;
  margin-bottom: 5px;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  transform: scale(1.03);
}
.padpay1 {
  padding-top: 3%;
}

/**contact**/
/*from Contact*/
.no-js #Component5f6acaabc8114500192a6307 label {
  display: none!important;
}
.no-js #Component5f6acaabc8114500192a6307 .col-md-6 {
  width: 100%;
  margin-left: auto;
  display: block;
  margin-right: auto;
  float: initial;
}
.no-js #Component5f6acaabc8114500192a6307 .form-control {
  border: 1px solid #f2f2f2;
  border-radius: 0px!important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  font-size: 14px!important;
  padding: 20px;
  background: #fff;
  color: #010101;
}
.no-js #Component5f6acaabc8114500192a6307 .form-control:focus {
  border-color: #e6f1ff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0);
  color: #010101!important;
}
.no-js #Component5f6acaabc8114500192a6307 .btn {
  background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);
  background-image: -o-linear-gradient(top,#111f39 0,#111f39 100%);
  background: linear-gradient(to right,#3c794a 0,#3c794a 25%,#3c794a 50%,#3c794a 75%,#3c794a 100%);
  color: #fff;
  background-repeat: repeat-x;
  border-color: #0000;
  border-radius: 0px;
  padding: 10px 30px;
  font-size: 16px;
  border: 0px solid transparent;
}
.no-js #Component5f6acaabc8114500192a6307 .btn-default:active {
  background-color: #3c794a;
}
.no-js #Component5f6acaabc8114500192a6307 .btn-default:hover,
.no-js #Component5f6acaabc8114500192a6307 .btn-default:focus {
  background-position: 0 0px;
  background-color: #3c794a;
}



/*********shopcart**********/
.shopcart {
  z-index: 888;
  border-radius: 800px 0 0 0;
  -moz-border-radius: 800px 0 0 0;
  -webkit-border-radius: 888px 888px 888px 888px;
  border: 0 solid #000;
  width: 90px!important;
  height: 90px!important;
  background: url(https://itp1.itopfile.com/ImageServer/itp_27072020q8n4/35/0/lertsanggroup-shopz-z804858813889.webp);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 55% 55%;
  position: fixed;
  cursor: pointer;
  bottom: 0;
  right: 1%;
  top: 1%;
  animation: pulse 2s infinite 2s;
}
.Template-B-frame {
  padding: 5px 5px 10px 5px;
  border-radius: 0px;
  background: #fff;
}
.Template-B-frame:hover {
  -moz-box-shadow: 0 0 10px #585858;
  -webkit-box-shadow: 0 0 10px #585858;
  box-shadow: 0 0 10px rgb(68 68 68 / 0.4);
  cursor: pointer;
}
.Template-B-pic {
  background-color: #fff;
  border: solid 0px #ccc;
  padding: 0px;
  width: 100%;
  overflow: hidden;
  height: inherit !important;
}
.Template-B-Name {
  color: #010101;
  font-size: 17px;
  height: 50px;
  overflow: hidden;
  margin-top: 3%;
  text-align: center;
}
.Template-B-Name label {
  font-weight: 400;
}
.Template-B-Des {
  color: #010101;
  font-weight: 600;
  font-size: 18px;
  height: 50px;
  overflow: hidden;
  text-align: center;
}
.Template-B-Des:hover {
  color: #010101;
  text-align: center;
}
.shopcartID-Head-Default {
  font-size: 20px;
  color: #010101;
  font-weight: 500;
}
.shopcartName-Head-Default {
  font-size: 20px;
  color: #010101;
  font-weight: 500;
}
.Template-B-CateName {
  color: #010101;
  font-size: 22px;
  font-weight: 400 !important;
}
.Template-B-ProName {
  color: #ff9d33;
  font-size: 22px;
  font-weight: 400 !important;
}
.Template-B-Big {
  border: solid 0px #ccc;
  width: 100%;
  overflow: hidden;
  height: inherit;
}
.Template-B-smallpic {
  height: inherit;
  border: solid 0px #9e9e9e;
}
.PictureOverflow {
  width: 100%;
  max-height: inherit;
}
.col-xs-12.col-md-6 {
  font-family: 'Prompt', sans-serif !important;
}
.shopcartID-Default {
  font-size: 18px;
  color: #010101;
}
.shopcartName-Default {
  font-size: 18px;
  color: #010101;
}
.Template-B-PriceNormal {
  font-size: 24px !important;
  color: #ff9d33;
}
.Template-B-Price {
  color: #ff9d33;
  font-weight: 700;
  height: 75px;
  text-align: center;
  font-size: 20px;
}
.Template-B-Icon {
  width: 15%;
  padding: 5px 5px 5px 5px;
}
.Template-B-button {
  width: 90%;
  background-color: #3c794a;
  text-align: center;
  margin: 0 auto;
  color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 0px;
  font-weight: 300;
  padding: 7px 0 7px 0%;
  font-size: 16px;
}
.Template-B-button:hover {
  width: 90%;
  text-align: center;
  margin: 0 auto;
  background-color: #febf4c;
}
.Template-B-buttonDetail {
  width: 45%;
  background-color: #3c794a;
  margin: 5px 0 0 120px;
  color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 0px;
  font-weight: 300;
  padding: 5px 0 5px 0;
  font-size: 18px;
}
.Template-B-buttonDetail:hover {
  cursor: pointer;
  width: 45%;
  background-color: #febf4c;
}
.shopcartSize-Default.shopcartSize label {
  font-weight: 500 !important;
  color: #010101;
}
.Template-B-Quantity {
  color: #010101;
  font-weight: 400;
}
.Template-B-Item {
  color: #010101;
  font-weight: 400;
}
.shopcartDetail-Default {
  font-size: 24px;
  color: #010101;
  font-family: 'Prompt', sans-serif;
  border-bottom: solid 2px;
  border-color: #ffcf27;
  font-weight: bold;
}
.shopcart-Detail-Detail {
  font-size: 16px;
}
.shopcartRelated-Default.shopcartRelated {
  color: #010101;
  font-size: 18px;
}
.ui.steps .step .title {
  font-family: 'Prompt', sans-serif;
}
.ui.steps .step.active .title {
  color: #010101;
}
.step1checkout {
  background-color: #3c794a;
  border: 5px solid #3c794a;
}
.Headcheckout {
  color: #010101;
}
.btnCheckoutprevious {
  background-color: #017b48;
}
.boarder-confirm-payment {
  border: 0px solid #e3e3e3 !important;
}
.form-horizontal .form-group-sm .form-control, .input-sm {
  font-size: 14px;
}
.step5checkout {
  background-color: #3c794a;
  border: 7px solid #3c794a;
}
.shopcart-paymentpage {
  background-color: #3c794a;
}
.fbcomments, .fbcomments {
  display: none;
}
/*ปิดฟรีค่าจัดส่ง*/
.shopcart_shipping_value_items1 {
  display: none;
}

table.tj2 {
  width:100%;
}

table.tj2 td {
  border: 2px solid #fff;
  padding: 8px;
  text-align: center;
  font-size: 15px;
  white-space: nowrap;

}

table.tj2 tr:nth-child(even){background-color: #eaeaea}
table.tj2 tr:nth-child(odd){background-color: #f9f9f9}


table.tj2 tr:hover{background-color: #fff2c5;color: #3c7b4b;}

.form-control {
  border-radius: 0px;
}
#capcha0 {
  margin-left: -8px;
  margin-right: -45px;
}

/*contenemanager*/
h3.managerHeader {
    color: #3c794a;
    font-size: 24px;
}
#Contentmanager .post-time {
    font-size: 14px;
    color: #444;
}
.page-header {
    margin: 50px 0 50px;
    border-bottom: 2px solid #3c794a;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    text-align: center;
    font-size: 18px;
    color: #444444;
    padding: 5% 0;
    font-weight: 400;
    background: transparent;
}
.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
    color: #3c794a;
}

.Contentmanager .site .col-section .item.-micro a .caption .time {
    display: none;
}

article.col-md-6.item.-micro {
    width: 33%;
}
.Contentmanager .site .col-section .item.-micro {
    padding: 10px 15px 10px 15px;
}
.Contentmanager .site .col-section .item.-micro a .image {
    width: 100%;
    margin-bottom: 0px;
}
.Contentmanager .site .col-section .item.-micro a .caption {
      width: 100%;
      background: transparent;
      padding-left: 0;
}
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
    border-right: none;
    border-bottom: none;
}
.Contentmanager .site .col-section .item.-micro:nth-child(even) {
    border-bottom: none;
}

.Contentmanager .site .col-section .item.-micro a .post {
    display: none;
}


.contenemanager-gallery .col-xs-12.col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
}
.Contenemanager-gallery .col-xs-6.col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
}
.contenemanager-gallery .thumbnail {
    padding: 0px;
    border: 1px solid #fff;
    border-radius: 0px;
      transition: 0.3s;
}
.Contenemanager-gallery .thumbnail {
    padding: 0px;
    border: 1px solid #fff;
    border-radius: 0px;
      transition: 0.3s;
}
.Contenemanager-gallery .thumbnail:hover {
      transition: 0.3s;
      transform: scale(1.01);
     box-shadow: 0 0 10px #a2a2a2;
}
.contenemanager-gallery .thumbnail:hover {
      transition: 0.3s;
      transform: scale(1.01);
     box-shadow: 0 0 10px #a2a2a2;
}
.Contenemanager-gallery .thumbnail, .img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
    box-shadow: 0 0 0 rgba(0,0,0,.075);
}
.contenemanager-gallery .thumbnail, .img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
    box-shadow: 0 0 0 rgba(0,0,0,.075);
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: transparent;
}
.landingpagemanager li.col-md-6.col-sm-6.col-xs-12.maxHeight-TP5 {
    border: 5px solid white;
    max-height: inherit;
}
.landingpagemanager .col-md-8.col-sm-8.col-xs-12 strong {
    font-size: 16px;
    color: #444444;
}
.landingpagemanager .col-md-8.col-sm-8.col-xs-12 p {
    font-size: 14px;
   text-align: left;
}
.fbcomments, .fbcomments span[style], .fbcomments iframe[style] {
    display: none;
}
.fbcomments, .fbcomments {
    display: none;
}
/*contenemanager*/




.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  background-color: #3c794a;
  border-color: #3c794a;
}
.pagination>li>a, .pagination>li>span {
  color: #3c794a;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
  color: #3c794a;
  background-color: #f7f7f7;
}
.itopplus-search-image-flex-item {
  background-color: #fff!important;
  margin: 5px;
  padding-top: 5px;
  width: 213px!important;
  min-height: 325px!important;
  max-height: 400px!important;
}
.itopplus-search-shopcart-image-position {
  width: 100%!important;
  overflow: hidden;
}



@media (max-width: 1024px) {
  .itopplus-footer {
    font-size: 14px;
  }
  .grid figure figcaption {
    padding: 1em;
  }
  figure.effect-phoebe h2 {
    margin-top: 0em;
  }
  .lertsanggroup_textsolarcell {
    padding-top: 68%;
    font-size: 16px;
  }
  .lertsanggroup_textseeall {
    padding-top: 40%;
  }
  .lertsanggroup_textcctv{
    font-size: 16px;
  }
  .lertsanggroup_textled {
    font-size: 16px;
  }

  figure.effect-sadie h2 {
    top: 62%;
    padding: 0px;
    font-size: 15px;
}
  .lertsanggroup_textabout2 {
    font-size: 28px;
  }
  .lertsanggroup_contactservices {
    font-size: 14px;
  }
  .lertsanggroup_padcontactservices {
    padding: 0px 0;
  }
}



@media (max-width: 768px) {
  #imagesControl5f69cb7a8b08970019157bf0 {
    padding: 0 !important;
  }
  .itopplus-footer2 {
    font-size: 12px;
  }
  .shopcart {
    top: 10%;
    right: 0%;
  }
  figure.effect-phoebe h2 {
    margin-top: 0em;
  }
  .lertsanggroup_textled {
    font-size: 20px;
    padding-top: 75%;
  }  
  .lertsanggroup_textcctv {
    font-size: 16px;
  }
  .lertsanggroup_textsolarcell {
    font-size: 16px;
    padding-top: 65%;
  }
  .lertsanggroup_textseeall {
    font-size: 18px;
    padding-top: 30%;
  }
  .lertsanggroup_button {
    font-size: 12px;
    margin: 10px auto;
  }
  .lertsanggroup_iconabout {
    font-size: 16px;
  }
  figure.effect-sadie h2 {
    top: 62%;
    padding: 10px;
    font-size: 18px;
}
  .lertsanggroup_textabout2 {
    font-size: 22px;
  }
  .Template-B-button {
    width: 100%;
    font-size: 14px;
  }
  .Template-B-button:hover {
    width: 100%;
  }
  .Template-B-buttonDetail {
    width: 20%;
  }
  .Template-B-buttonDetail:hover {
    width: 20%;
  }
  .Template-B-Icon {
    width: 20%;
  }
  .Shopcart-Related-Main {
    display: none;
  }
  .row-fluid [class*=col-sm-5fix] {
    display: block;
    float: left;
    width: 33%;
  }
  .lertsanggroup_contactservices {
    font-size: 12px;
    line-height: 1.2;
  }
  .lertsanggroup_padcontactservices {
    padding: 3px 0;
  }
  #display22 , #display26 , #selectbox28 , #display3 , #display5 , #selectbox7 {
    margin-right: -20px;
  }
  .itopplus-search-image-flex-item {
    background-color: #fff!important;
    margin: 5px;
    padding-top: 5px;
    width: 31.8%!important;
    min-height: 230px;
    max-height: 300px;
  }
  .itopplus-search-shopcart-image-position {
    width: 100%!important;
    overflow: hidden;
  }
}


@media (max-width: 414px) {
  .lertsanggroup_textled {
    font-size: 20px;
    padding-top: 65%;
    text-align: center;
  }
  .lertsanggroup_textcctv {
    font-size: 17px;
    padding-top: 8%;
    text-align: left;
    padding-left: 16px;
  }
  .lertsanggroup_textsolarcell {
    font-size: 18px;
    font-weight: 500;
    padding-top: 75%;
    text-align: center;
  }
  .lertsanggroup_textseeall {
    font-size: 22px;
    padding-top: 40%;
    text-align: center;
  }
  .lertsanggroup_button {
    font-size: 12px;
    margin: 7px auto;
  }
  .lertsanggroup_iconabout {
    font-size: 15px;
    height: 140px;
  }
  .lertsanggroup_textabout1 {
    font-size: 16px;
    padding: 5% 0% 0 0%;
  }
  .lertsanggroup_textabout2 {
    font-size: 20px;
    text-align: left;
    line-height: 1;
    padding: 0 2%;
  }
  .lertsanggroup_services {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.7) 100%);
    border-bottom: 5px solid #ffcf27;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 20px;
    top: 0;
    text-align: center;
    font-weight: 300;
    width: 94%;
    padding-top: 100%;
  }
  .Template-B-button {
    width: 60%;
    background-color: #3c794a;
    text-align: center;
    margin: 0 auto;
    color: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 0px;
    font-weight: 300;
    padding: 7px 0 7px 0%;
    font-size: 14px;
  }
  .Template-B-button:hover {
    width: 60%;
    text-align: center;
    margin: 0 auto;
    background-color: #febf4c;
  }
  .Template-B-buttonDetail {
    width: 65%;
    font-size: 16px;
  }
  .Template-B-buttonDetail:hover {
    width: 65%;
    background-color: #febf4c;
  }
  .Template-B-Icon {
    width: 15%;
    padding: 5px 5px 5px 5px;
  }
  .row-fluid [class*=col-sm-5fix] {
    display: block;
    float: left;
    width:50%;
  }
#Component5f69cca1cf69bc0019a77053   .row-fluid [class*=col-sm-5fix] {
    display: block;
    float: left;
    width:100%;
  }
  .hvr-bob {
    height: 250px;
  }
  #myImage1600843117963 {
    margin-bottom: 10px;
  }
  .lertsanggroup_contactservices {
    background: white;
    font-size: 15px;
    box-shadow: 0 0 5px #bbbbbb;
    transition: 0.32s;
    line-height: 1.2;
  }
  .lertsanggroup_padcontactservices {
    padding: 5px 0;
  }
  .lertsanggroup_pad1 {
    padding-top: 7%;
  }
  .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;
  }
  article.col-md-6.item.-micro {
    width: 100%;
}
  .contenemanager-gallery .col-xs-12.col-md-3 {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}
.Contenemanager-gallery .col-xs-6.col-md-3 {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}
}