.itopplus-background {

}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    background-color: #77bb42;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #77bb42;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    background-color: #77bb42;
}
.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:hover {
    background: #77bb42;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #77bb42!important;
}
@media (max-width:768px) {
    .navbar-default {
        background: #20262d!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 ;
}
.navbar-default {
    background: transparent;
}
}

/* 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 ;
}
.navbar-default {
    background: transparent;
}
}






.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-family: supermarket;
    font-size: 20px;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-family: supermarket;
    font-size: 18px;
}


/*ลูกศรสไลด์*/
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    display: none;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    display: none;
}


/*ปุ่ม*/

.hvr-bounce-to-right1 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    width:100%;
    border-radius: 10px;
    border:2px solid #77bb42;
}

.hvr-bounce-to-right1:hover, .hvr-bounce-to-right1:focus, .hvr-bounce-to-right1:active {
    color: white;
    border-radius: 10px;
}
.hvr-bounce-to-right1:hover:before, .hvr-bounce-to-right1:focus:before, .hvr-bounce-to-right1:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    border-radius: 7px;
}
.hvr-bounce-to-right1:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(174, 228, 132, 0.21);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 10px;
    
}




/*อัลบั้มภาพ hover */
.ms22{
      position: relative;
    float: left;
    overflow: hidden;
    min-width: center;
    max-width: center;
    width: 100%;
    color: #000;
    text-align: center;
    -webkit-perspective: 50em;
    perspective: 50em;
    background-color: rgba(255, 255, 255, 0.61);
    padding-bottom: 7px;
 
}

.ms22:hover{
    color:#000;
    background-color:rgba(255, 255, 255, 0.77);
    padding-bottom: 10px;
    padding-top: 5px;
    -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
   -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0.9;
   border: 2px solid #53b705;
}





.form-control, output {
     font-family:ThaiSansNeue;
     font-size: 18px!important;
     font-weight: 600;
}






/*ค้นหา*/
p.search_urlSearch {
       word-wrap: break-word;
}

.form-search .input-group .search-query {
    -webkit-border-radius: 14px 0 0 14px !important;
    -moz-border-radius: 14px 0 0 14px !important;
    border-radius: 14px 0 0 14px !important;
    font-family: ThaiSansNeue;
    font-size: 18px;
}

/*แบบฟอร์ม*/


@media only screen and (max-width: 768px){
.visible-xs {
  display: block !important;}
}

#text2{
  
     margin-right: -20px;

}
#display6{
  
     margin-right: -20px;

}
#display8{
  
     margin-right: -20px;

}

#display11{
  
     margin-right: -20px;

}
#display13{
  
     margin-right: -20px;

}
#display15{
  
     margin-right: -20px;

}
#display16{
  
     margin-right: -20px;

}


#textbox1{
  
     margin-right: -20px;

    }

#display4{
  
     margin-right: -20px;

    }

}