.itopplus-background {
background-image:none; 
background-color:none; 

}
/*Style*/
.product_header h1,.contact_title h1 {
	font-size:3.5rem;
  	font-weight:bold;
  	text-align:center
}
h1,h2,h3 {
color:#1c3b87 !important;
}
@media (min-width: 1200px){
  #itopPlusTheme > section .container {
      width: 1100px!important;
  }
}
.itopplus-bgmain2 {
	background:none;
}

.img-fluid {
	max-width:100%;
  	height:auto;
}
.img-center {
    margin:0 auto;
}
.row_custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col_custom {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  padding-top:15px;
    padding-bottom:15px;
}
.col_custom-12 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.col_custom-6 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.btn-read_more,.btn-read_more-white,.btn-contact_us {
	display:block;
  	text-align:center;
  	padding-top:25px;
}
.btn-read_more a span,.btn-contact_us a span,.btn-read_more-white a span  {
	display:inline-block;
  	font-size:16px;
  	padding:10px 20px;
    font-weight:bold;
    transition-duration: 0.4s;
}
.btn-read_more a span,.btn-contact_us a span {
  	color:#fff;
  	background:#1c3b87; 
}
.btn-contact_us a span.big {
        padding: 20px 50px;
    font-size: 23px;
}
.btn-read_more-white a span  {
  	color:#1c3b87;
  	background:#fff; 
      padding: 20px 50px;
    font-size: 23px;
}
.btn-read_more a span:hover,.btn-contact_us a span:hover {
  	color:#1c3b87;
  	background:#cbcbcb; 
}
.btn-read_more-white a span:hover  {
  	color:#fff;
  	background:#1d5eff;
}
@media (min-width:768px) {
  .btn-read_more {
  	text-align:right;
	}
  .col_custom-md-6 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col_custom-md-4 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (min-width:1024px) {
  .col_custom-lg-6 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col_custom-lg-3 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}


/*Custom Header*/

#controlBanner {
margin:0!important;
}
.itopplus-banner {
  position:relative;
  background:#1c3b87;
}
@media (min-width:1024px) {
  .itopplus-banner #controlBanner {
  	position: absolute;
    width: 150px;
    z-index: 999;
  }
}

/*Top Page*/
#contentnewmode6253bfa1fa092d00136f23d8 {
  padding:0 !important;
}
#InmyDiv1649655914341,#InmyDiv1651220828080 { 
  margin-right: -20px; margin-left: -23px; 
} 
#contentnewmode6253bfa1fa092d00136f23d8 > .none-border > .contentInline > .none-middle > .none-middle-mid > .content-inline-data > .row > div {
	overflow: hidden; 
}
#top-description > p,#top-our_product > p,.product-content > p,.product_header > p {
	text-indent: 50px;
}
#top-description h2,#top-our_product h2 {
  color: #1c3b87;
  font-size: 3.25rem;
  font-weight:bold;
  margin-bottom: 20px;
  text-align:center;
}
#top-our_work  {
padding-top:40px;
  padding-bottom:40px;
}
#top-our_work h2 {
  color: #fff!important;
  font-size: 3.25rem;
  font-weight:bold;
  margin-bottom: 20px;
  text-align: center;
}
#top-our_product img {
    margin: 0 auto;
    display: block;
}
.product_description {
	background-color:#f0efef;
    padding:20px 40px;
}
@media (min-width: 768px) {
#top-our_product img {
      max-height:300px;
    min-height:300px;
  }
  .product_description {
  padding:20px 70px;
  }
}
#top-our_product h3 {
  color: #1c3b87;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
  text-align:center;
}
#top-description p,#top-our_product p {
  font-weight:normal;
  font-size:1.6rem;
  color:#000;
  line-height:1.5;
}
#top-our_work .row_custom .col_custom {
	padding:10px 5px;
}
#top-our_work .row_custom .col_custom img{
	border-radius: 10px;
}
.Container-Itopplus {
  background:#fff;
}

/*Header Menu*/
.itopplus-menu {
	margin:0;
}
.itopplus-menu > div {
	width:100%;
}
.navbar-default .navbar-nav>li>a {
  font-size: 20px;
  position: relative;
  overflow: hidden;
  color:#fff;
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:active,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	color: #fff!important;
}
.itopplus-sidebar-menu-parent a ,.itopplus-sidebar-menu-parent a:hover,.itopplus-sidebar-menu-parent a:focus,.itopplus-sidebar-menu-parent a:active{
	color:#fff!important;
}
.navbar-default .navbar-nav>li>a:after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  width: 0;
  bottom: 20%;
  background: #fff;
  height: 2px;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.navbar-default .navbar-nav>li>a:hover:after,
.navbar-default .navbar-nav>li>a:focus:after,
.navbar-default .navbar-nav>li>a:active:after {
  left: 0;
  right: auto;
  width: 100%;
}
.navbar-nav>li>.dropdown-menu {
  background: #1c3b87;
}
/*Menu Respon*/
@media (max-width:768px) {
  .itpHideMenuUncomplete > nav {
      padding-bottom:15px;
  }
}

.itpHideMenuUncomplete > nav ,.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background: transparent;
}
.itpHideMenuUncomplete nav.navbar-default .navbar-toggle .icon-bar ,.itpHideMenuUncomplete nav.navbar-default .navbar-toggle:hover .icon-bar {
	background-color:#fff;
}
.itpHideMenuUncomplete nav.navbar-default .navbar-toggle:hover .navbar-inline .text-bar,.itpHideMenuUncomplete nav.navbar-default .navbar-toggle .navbar-inline .text-bar {
	color:#ffffff !important;
}
.navbar-header {
	float:left;
}
.navbar-header .pull-right {
	display:none;
}
.navbar-default .navbar-collapse {
	border:unset;
  box-shadow: unset;
}
.itopplus-banner .container .row > div {
	margin: 0;
    width: 100%;
}
.itopplus-banner .container .row > div #controlBanner img {
    width: 140px !important;
    display: block;
    margin: 0 auto;
}

.Override > div {
	padding:0 !important;
}
    
/*Footer*/
.itopplus-footer {
 background:#1c3b87;
}
#background562dd9384b7945c84b264543 > .none-main > .none-middle > .none-middle-mid,#background6270dfa8ff308a001313e1ae > .none-main > .none-middle > .none-middle-mid,#background627345639c90700013cc7270 > .none-main > .none-middle > .none-middle-mid,#background6270dfb14e39cd00131cef94 > .none-main > .none-middle > .none-middle-mid,#background6270dfb5ff308a001313e1b4 > .none-main > .none-middle > .none-middle-mid  {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.itopplus-footer img {
  max-width:60px;
padding:5px;
}
#contentnewmode562dd9384b7945c84b264551 > div.none-border > div > .none-middle > .none-middle-mid > .content-inline-data {
	text-align:center;
}
@media (min-width: 744px) {
  #contentnewmode562dd9384b7945c84b264551 > div.none-border > div > .none-middle > .none-middle-mid > .content-inline-data {
      text-align:right;
  }
}
 

/*ALL PAGE*/
h2 {
  font-size: 3.25rem;
  font-weight:bold;
  margin-bottom: 20px;
  text-align: center;
  color:#0000cc;
}
h3 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
  color:#0000cc;
}
p {
  font-size:1.6rem;
  line-height:1.5;
}
strong {
font-size:1.15em;
}

/*Google Map*/
.google-maps {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.google-maps iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;

}

.none-middle-mid-- {
    display: flex;
    align-items: center;
}

