.mar-t-100 { margin-top: 100px; }
.mar-t-0 { margin-top: 0; }
.border-bottom { border-bottom: 100px solid transparent; }
#preloader { background: #fff !important; }
.mar-t-20 { margin-top: 20px !important; }
.row.flex { display: flex; align-items: center; justify-content: center; }
#preloader #load {
  font-size: 20px;
  width: 4em;
  height: 1em;
  position: relative;
  margin: 300px auto;
}
.lb-number { display: none !important; }
.lightboxOverlay { z-index: 100000; }
.lightbox { z-index: 100000000; }
.block-feature-icon .block-title h4 { font-family: 'Roboto Condensed', sans-serif !important; }
#unit1.light { background-image: url("../img/bg/bg21.jpg"); background-size: cover;
background-position: center center;
background-attachment: fixed; }
#unit2.light { background-image: url("../img/bg/bg22.jpg"); background-size: cover;
background-position: center center;
background-attachment: fixed; }
#about .owl-stage-outer { border: 25px solid transparent; box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.5); }
#footer { padding-top: 0 !important; }
.footer-logo {
  padding-top: 12px;
}
#owl-company-about .owl-dots { margin-top: -55px; }
/*#load { width: 200px; margin: 0 auto; }*/
#load img { width: 100%; }
#header .header-logo img { width: 100%; }
#header .header-logo { padding: 0px 30px !important; }
.justify { text-align: justify; text-justify: distribute; }
form input, form textarea { background: rgba(255,255,255,0.5); border-left: 1px solid rgba(0, 0, 0, 0.1);
	border-right: 1px solid rgba(0, 0, 0, 0.3); }
.list-bold li { display: block !important; }
.mac-icon { color: transparent; 
	background-size: auto; background-size: contain !important; background-repeat: no-repeat !important;
	width: 100px; height: 100px; display: inline-block; margin: 9px 11px; }
.mac-icon.terrot { background: url(../img/bg/TERROT.png); }
.mac-icon.biaoda { background: url(../img/bg/BIAODA.png); }
.mac-icon.tmc { background: url(../img/bg/TMC.png); }
.mac-icon.pailung { background: url(../img/bg/PAILUNG.png); }
.block-feature-icon:hover .hi-icon-effect .hi-icon:after { transform: scale(0); }
#infrastructure .col-md-4 { z-index: 10000; }
#infrastructure .col-md-4:after { position: absolute; content: ""; left: 0; top: 0; width: 100%;
	height: 100%; background: rgba(255, 255, 255, 0.5); transform: scale(0); transition: all 0.6s ease;
	z-index: -1; }
#infrastructure .col-md-4:hover:after { box-shadow: 1px 1px 10px #b9b9b9; transform: scale(1); }
#header .navbar-default.light .navbar-nav li { background-position: left center;
	z-index: 100; }
/*#header .navbar-default.light .navbar-nav .service { background-position: -165px 65px; }*/
#header .navbar-default.light .navbar-nav li.contact, #header .navbar-default.light .navbar-nav li.work { 
	background-position: center center; }
#header .navbar-default .navbar-nav a.current, .current { color: #fff !important; }
#header .navbar-default.light .navbar-nav li:after { position: absolute; left: 0; content: ""; top: 0; width: 100%;
	height: 100%; background: rgba(255,255,255,0.5); z-index: -1; }
/*.section-sub-title .head-title { font-family: 'Tapestry', sans-serif; }*/
/*.block-feature-icon .block-title h4 { font-family: 'Rokkitt', sans-serif; }*/
p  { font-family: 'Roboto Condensed', sans-serif !important; }
.widget-title { font-family: 'Roboto Condensed', sans-serif !important; text-transform: capitalize; }
/*.list-bold li { transition: all 0.2s ease; padding: 14px 50px 14px 0; }
.list-bold li:hover { padding: 14px 25px; box-shadow: 0 6px 30px 0 #ddd; }*/
/*.bg-light { background: rgba(244, 244, 244, 0.75); }*/
.full-screen-block .fade-ticker .big-text h1 { font-family: 'JosefinSans', sans-serif; 
	font-weight: normal; font-size: 35px; }
#header .navbar-default .navbar-nav > li > a { font-family: 'Acme', sans-serif !important; }
#header.header-top-fixed { z-index: 100000; }
.bg-1 { background: url("../img/bg/bg-1.jpg") !important; overflow: hidden;
	background-attachment: scroll !important; background-repeat: no-repeat !important; }
.bg-2 { background: url("../img/bg/bg-2.jpg") !important; overflow: hidden;
	background-attachment: scroll !important; background-repeat: no-repeat !important; }
.box-shadow { box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.5); }
.block.banner .section-title-body img { border-radius: 10px; }
.block.banner .section-title-body { position: relative; }
.block.banner .section-title-body:after { position: absolute; content: ""; left: 0; top: 0; width: 0; height: 100%;
	background: rgba(255,255,255,0.5); border-radius: 10px; transition: all 0.6s ease; opacity: 1; }
.block.banner .section-title-body:hover:after { width: 100%; height: 100%; opacity: 0; }
.block.banner .section-title-body:before { position: absolute; content: ""; right: 0; bottom: 0; width: 0; height: 100%;
	background: rgba(255,255,255,0.5); border-radius: 10px; transition: all 0.6s ease; opacity: 1; }
.block.banner .section-title-body:hover:before { width: 100%; height: 100%; opacity: 0; }
.owl-carousel-with-dots .owl-dot { border: 1px solid rgba(180, 110, 60, 0.3); }
p i {
  margin-right: 15px;
  color: #8b0d0d;
  font-size: 18px;
  
}
#contact .footer-icon li {
  display: inline-block;
  margin: 5px;
}
#totop:hover {
  color: #8b0d0d;
}
#totop {
	transform: rotate(-90deg);
	font-size: 15px;
	width: auto !important;
	bottom: 15px !important;
}
#totop:before { position: absolute;
content: "";
right: -30px;
top: 50%;
width: 20px;
height: 1px;
background: #777; }
#totop:hover:before { background: #8b0d0d; }
#footer .footer-icon { padding-top: 3px; }


@media screen and (max-width: 767px) {
	#header .header-logo img { width: 300px !important; }
}
@media screen and (max-width: 425px) {
	#header .header-logo img { width: 100% !important; }
}

/*Accordion*/
.ionicon {
  width: 20px;
}
.pl-0 { padding-left: 0; }
.accordion { width: 100%; margin: 0 auto; display: block; padding: 20px 0; }
.accordion .inner-accordion { margin: 0 auto; display: block; }
.accordion .inner-accordion .acc-title { list-style: none; }
.accordion .inner-accordion .acc-title .title { display: block; cursor: pointer;
	padding: 20px 15px; text-decoration: none; font-weight: bold; background: rgba(34, 34, 34, 0.5); color: #fff;
	text-shadow: 1px 1px 14px #b0b0b0; margin: 0 0 5px 0; }
.accordion .inner-accordion .acc-title .sub-cont { padding: 0 20px; box-shadow: 0 0 10px #cdcdcd;
	display: none; margin-bottom: 5px; text-align: justify; text-justify: distribute; }
.accordion .inner-accordion .acc-title .sub-cont li { list-style: none; padding: 20px 0; }
/*.accordion .inner-accordion  .acc-title .sub-cont.active { display: block; }*/
.accordion .inner-accordion .acc-title .title .symbol { position: relative;
	display: inline-block; float: right; width: auto; padding: 0 15px; }
.accordion .inner-accordion .acc-title .title .symbol i { position: absolute; left: 0; top: 0;
	width: auto; z-index: 0; }
li span.sub-acc { display: block; margin-bottom: 10px; }
.accordion li { color: rgba(34, 34, 34, 0.5); }
@media screen and (max-width: 900px) {
	.accordion .inner-accordion { width: 100% !important; }
}

@media (max-width: 767px) {
	.navbar.navbar-default.light {
		  position: fixed; width: 100%; height: auto !important;
		}
	#header .header-logo { width: 80%;
	text-align: center;
	vertical-align: middle;
	display: table-cell; }
}

#infrastructure p.show { cursor: pointer; }
#infrastructure .col-md-4 .bg-img .close { font-size: 14px; padding: 20px; background: #fff; color: #8b0d0d;
	opacity: 1; }
#infrastructure .col-md-4 .bg-img { 
	background-color: rgba(255,255,255,0.5); background-size: cover; background-repeat: no-repeat;
	background-position: center center; z-index: 10000; transform: scale(0); position: absolute;
	background-blend-mode: multiply; left: 0; top: 0; width: 100%; height: 100%;
	transition: all 0.8s ease; }
#infrastructure .terrot-rib .bg-img { background-image: url("../img/machinery/terrot-rib.jpg");  }
#infrastructure .biaoda .bg-img { background-image: url("../img/machinery/biaoda.jpg");  }
#infrastructure .mayer-open-width .bg-img { background-image: url("../img/machinery/mayer-open-width.jpg");  }
#infrastructure .mayer-tubular .bg-img { background-image: url("../img/machinery/mayer-tubular.jpg");  }
#infrastructure .terrot-interlock .bg-img { background-image: url("../img/machinery/terrot-interlock.jpg");  }
#infrastructure .pailung .bg-img { background-image: url("../img/machinery/pailung.jpg");  }
.mar-l-10 { margin-left: 10px; }