.itopplus-background {

}
.navbar-default .navbar-nav>li>a {
    font-weight: 300;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: none;
    -webkit-box-shadow: 0 2px 0 0 #fff;
    -moz-box-shadow: 0 2px 0 0 #fff;
    box-shadow: 0 2px 0 0 #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
}
@media (max-width:768px) {
  	.navbar-default {
        background: #0100ff;
    }
    .navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
        color: #fff;
    }
}
@media (max-width:768px) {
  .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
   box-shadow: 0px 3px 0px -1px #fff;
}
}
/*เวลา hover focus ที่  opendropdown ตัวอักษรจะเป็นสีขาว*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color: #fff!important;
}
/*เมนูย่อย เมนูย่อยเปลี่ยนสีพื้นหลัง*/
.navbar-default .navbar-nav .open>.dropdown-menu {
    background: #4589d3;
}
.dropdown-submenu:hover>.dropdown-menu {
    background-color: #4589d3;
}
.dropdown-menu, .dropdown-menu>li>a {
    background-color: #4589d3;
}

/*เมนูชิดขวา*/
/* 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:right ;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 9px;
    padding-right: 9px;
}
}

/* 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:right ;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 15px;
    padding-right: 15px;
}
}



figure.effect-steve {
    background: #0000;
}
figure.effect-steve h2, 
figure.effect-steve p {
    display: none;
}
.link:hover span {
    color: #fb3232!important;
    transition: 0.2s;
}
.spac {
	padding:5px;
}
.spacT {
	padding:60px;
}
.form-horizontal .control-label {
    padding-top: 4px;
    font-size: 16px;
}


/*---PROJECT REFERENCE---*/
.btmview {
	text-align: Center;
    background-color: #fff;
    border-radius: 25px;
    padding: 6px 14px;
    color: #0b56ab;
    font-size: 17px;
  	transition: 0.3s;
    cursor: pointer;
}
.btmview:hover {
	box-shadow: 2px 2px 2px 2px #0000005e;
}
/*---PROJECT REFERENCE---*/


/*---Bottom About Us---*/
[class^="hvr-"] {
	margin: 0.4em;
    padding: 12px 25px;
    cursor: pointer;
    background-color: #0b56ab;
    border-radius: 17px;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
/*---Bottom About Us---*/



/*---Padding "0" Scroll-Down---*/
.no-js #contentnewmode5cc28115690b13001a3b7a94 {
	padding:0px!important
}
.no-js #contentnewmode5cc2ad71690b13001a3b7c9f {
		padding:0px!important
}
/*---Padding "0" Scroll-Down---*/
/*---Scroll-Down---*/
.scroll-down-dude:before,
.scroll-down-dude:after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-bottom: 2px solid white;
  border-right: 2px solid white;
}

.scroll-down-dude:before {
  -webkit-animation: down-arrow-before 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite;
          animation: down-arrow-before 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
.scroll-down-dude:after {
  -webkit-animation: down-arrow-after 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite;
          animation: down-arrow-after 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

@-webkit-keyframes down-arrow-before {
  50% {
    -webkit-transform: rotate(45deg) translate(70%, 70%);
            transform: rotate(45deg) translate(70%, 70%);
  }
  100% {
    -webkit-transform: rotate(45deg) translate(70%, 70%);
            transform: rotate(45deg) translate(70%, 70%);
  }
}
@keyframes down-arrow-before {
  50% {
    -webkit-transform: rotate(45deg) translate(70%, 70%);
            transform: rotate(45deg) translate(70%, 70%);
  }
  100% {
    -webkit-transform: rotate(45deg) translate(70%, 70%);
            transform: rotate(45deg) translate(70%, 70%);
  }
}

@-webkit-keyframes down-arrow-after {
  50% {
    -webkit-transform: rotate(45deg) translate(110%, 110%);
            transform: rotate(45deg) translate(110%, 110%);
    opacity: 0;
  }
  51% {
    -webkit-transform: rotate(45deg) translate(-130%, -130%);
            transform: rotate(45deg) translate(-130%, -130%);
  }
  100% {
    -webkit-transform: rotate(45deg) translate(-70%, -70%);
            transform: rotate(45deg) translate(-70%, -70%);
    opacity: 1;
  }
}
@keyframes down-arrow-after {
  50% {
    -webkit-transform: rotate(45deg) translate(110%, 110%);
            transform: rotate(45deg) translate(110%, 110%);
    opacity: 0;
  }
  51% {
    -webkit-transform: rotate(45deg) translate(-130%, -130%);
            transform: rotate(45deg) translate(-130%, -130%);
  }
  100% {
    -webkit-transform: rotate(45deg) translate(-70%, -70%);
            transform: rotate(45deg) translate(-70%, -70%);
    opacity: 1;
  }
}
/*---Scroll-Down---*/


/*Hide Menu Phone*/
@media (max-width:768px) {
.navbar-default .navbar-toggle {
	border-color: #f68e1f00;
}
.navbar-inline .text-bar {
	display: none;
}
.navbar-inline {
	margin-top: 9px;
	margin-right: 2px;
	margin-left: -2px;
	margin-bottom: 9px;
}
.glyphicon-phone-alt:before {
	content: "\e182";
}
p.search_urlSearch, .search_text {
	word-wrap: break-word;
}
.text-justify {
	text-align: inherit;
}
.col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 5px;
	padding-left: 5px;
}
.navbar-brand i {
	font-size: 16px;
	margin-top: 3px;
	padding: 0px 5px 0px 5px;
}
#imagesControl5cc187909ce6e1001c3d68e8,
#imagesControl5cc2ad71690b13001a3b7c8c {
  padding:0px!important;
}
  .hvr-float-shadow {
    display: block;
}
  .spacT {
    padding: 10px;
}
  .navbar-default .navbar-nav>li>a {
    font-weight: 400;
    font-size: 16px;
    padding: 4px 10px;
}
  .table-responsive {
    white-space: nowrap;
}
  #background5cc2b794c9992e001a487075 {
  	width:100%!important;
  }
}
/*Hide Menu Phone*/