/* CSS Document */
body { overflow-x: hidden!important; font-family: 'Lato', sans-serif; font-size: 14px; }
.logo { float: left; position: absolute; z-index: 98; }
.navimg { position: relative; width: 100%; float: left; margin-top: -20px; z-index: 97; height: 120px; }
.banner { width: 100%; float: left; position: relative; }
.navlinks { position: absolute; z-index: 99; }
.navlinks ul { margin-left: 550px; margin-top: 13px; }
.navlinks ul li { font-size: 16px; font-weight: bold; letter-spacing: .5px; }
.navlinks ul li a { color: aliceblue; }
.navlinks ul li a:hover { text-decoration: none; color: #3CF3D4; }
.abtus { background: #E1FAF9; float: left; width: 100%; }
h3 { text-align: center; color: #000000; letter-spacing: .5px; }
.abtus p { color: #000000; font-size: 14px; text-align: center; padding: 10px; }
.cards { background: #f2f2f2; text-align: center; float: left; width: 100%; }
ul { list-style: none; padding: 0; }
.cards ul li, .idproduct ul li { padding: 5px; }
.btn-outline { border-color: #3a8476; background: #FFFFFF; }
.btn-outline:hover { background: #3a8476; color: aliceblue; }
.btn-outline:active { background: #3a8476; color: aliceblue; }
.custom { width: 180px; background: #ffffff; }
.nav-stacked > li> a { border: solid 1px #3a8476; color: #3a8476; }
.idproduct { background: #e1faf9; text-align: center; padding: 0; float: left; width: 100%; }
.idproduct ul li a { text-decoration: none; color: #3a8476; }
.idproduct ul li a:hover { text-decoration: none; color: #fff; }
.cardprinter { background: #f2f2f2; float: left; width: 100%; margin: 0 auto; }
.cardprinter img { float: left; margin-bottom: 15px; transition: all 0.5s ease; }
.cardprinter img:hover { transform: scale(1.05); transition: all 0.3s ease; }
.contact { background: #e1faf9; padding: 10px; width: 100%; float: left; padding-bottom: 20px; }
.input-group-addon { background-color: #3a8476; }
footer { background: #ebe8e8; width: 100%; float: left; color: 000; }
.dev { float: right; padding: 0; text-align: right; }
.pvt a { text-decoration: none; color: #000000; }
.pvt { float: left; }
form { padding: 0 10px; }
.map { float: right; padding: 0; }
.map iframe { box-shadow: 1px 1px 5px rgba(0,0,0,.3) }
.pvtltd, .devlp { font-size: 12px; }
.modal-body > .img-responsive { display: block; margin-left: auto; margin-right: auto; }
.flexbox { float: left; width: 100%; margin: 0 0 25px 0; }
.cardslist li { margin: 5px auto; text-align: center; }
.cardslist li a { border: solid 1px #3a8476; color: #3a8476; width: 70%; text-align: center; padding: 10px 0; }
.cardslist li.active a, .cardslist li:hover a, .cardslist li:focus a, .cardslist li:active a { border: solid 1px #3a8476; background-color: #3a8476; color: #fff; }
.otherPageWrapper { float: left; width: 100%; margin-top: 100px; }
.galleryWrapper { margin: 25px 0; padding: 0; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; }
.galleryWrapper li { margin: 0; padding: 0; list-style: none; flex-basis: 18%; padding: 25px; margin: 10px 1%; display: inline-block; box-shadow: 0 0 3px rgba(0, 0, 0, .3); border-radius: 4px; }
.galleryWrapper li:hover { box-shadow: 0 0 10px rgba(58, 132, 118, .6); }
.abt { margin-bottom: 20px; }
.cp { margin-bottom: 20px; }
.idp { margin-bottom: 20px; }
.contde { line-height: 25px; margin-top: 30px; }
.det { line-height: 30px; padding: 15px }
.carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
.carousel_indi_custom { bottom: 0; }
#myCarousel { height: auto; }
.prev_btn img, .next_btn img { width: 30px; }
.carousel_indicators { position: absolute; bottom: 10px; right: 0; z-index: 15; width: 100%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; }
.carousel_indicators li { display: inline-block; width: 70px; height: 70px; margin: 1px; text-indent: -999px; cursor: pointer; float: right; }
.carousel_indicators li img { width: 70px; height: 70px; float: right; border: 1px solid #ddd; border-radius: 4px; }
.carousel_indicators .active { margin: 0; }
.smart_img_margin { margin-left: 70px; }
.carousel_caption { text-shadow: none; }
.carousel_caption ul li { list-style-image: url('../img/banner/bullet.png'); list-style-position: inside; padding: 8px 0; color: #333; text-align: left; }
.carousel_caption h1 { text-align: left; color: #333; }
.carousel_caption .btn, .pro_pdf { padding: 0.8rem 2.375rem; }
.product_features_list { list-style-image: url('../img/banner/bullet.png'); list-style-position: inside; font-weight: 800; }
.product_features ol li, .product_features p { font-size: .9em; line-height: 2em; }
.product_features_inner { padding-left: 25px }
.product_features_inner li { padding: 5px 0; font-size: .9em; }
.product_features_inner .table th, .product_features_inner .table td { font-size: 12px !important; }
.product_img { position: relative; }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; position: absolute; background-color: #3a8476; min-width: 200px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; padding: 10px 0 10px 0; }
.dropdown-content a { padding: 3px 20px; text-decoration: none; display: block; font-size: 14px; font-weight: normal; line-height: 1.42857143; }
.dropdown-content a:hover { }
.dropdown:hover .dropdown-content { display: block; }
@media (max-width:380px) {
	.carousel_indicators { display: none; }
	.smart_img_margin { margin-left: 0px; }
}
@media(min-width:1170px) {
	.banner { margin-top: 65px; }
	.card11 { margin-top: 22px; }
	.nav-stacked > li> a { max-width: 250px; }
	.cardslist { column-count: 2; }
	.logo { position: fixed; }
	.navimg { position: fixed; }
}
@media(max-width:1280px) { }
@media(max-width:1024px) {
	.cardslist { column-count: 2; }
	.navbar-nav { padding-left: 80px; }
	.banner { margin-top: 65px; }
	.tabnav { margin-left: 51px; padding: 8px; }
	.galleryWrapper li { padding: 0; list-style: none; flex-basis: 31%; padding: 25px; margin: 6px 1%; display: inline-block; box-shadow: 0 0 3px rgba(0, 0, 0, .3); border-radius: 4px; }
	.ctnt { padding-left: 0; }
}
@media(min-width:1920px) {
	.abtus p { font-size: 20px; }
	.cardslist { font-size: 18px; }
	.btn { font-size: 18px; }
	.navbar-nav ul li a { padding: 10 20px; }
	.navlinks ul { margin-left: 860px; margin-top: 17px; }
	.drpdwnmenu ul li { padding: 0; }
	.navimg img { height: 150px; }
	.logo { margin-left: 175px; }
	.dropdown-menu ul li a { padding: 0; }
}
@media (max-width:768px) {
	.navbar-nav { float: none; text-align: center; margin-top: 7px; }
	.navbar-nav > li { float: none; display: inline-block; text-align: center; }
	.navbar-nav > li > a { padding: 5px; }
	.cardslist { column-count: 2; }
	.tabnav { margin-left: 8px; padding: 8px; }
	.otherPageWrapper { float: left; width: 100%; margin-top: 80px; }
}
@media (max-width: 767px) {
	.bodyWrapper {
		margin-top: 50px;
	}
}
@media (max-width:480px) {
	.dev, .pvt { font-size: 12px; text-align: center; clear: both; float: left; line-height: 25px; padding: 0; }
	.cardslist { column-count: 1; }
	.navbar-nav li { display: block; text-align: left; }
	.cardslist { column-count: 1; }
	.banner { margin-top: 0px; }
	.navbar-nav { padding: 0 40px; }
	.abtus p { font-size: 13px; }
	.ctnt { padding: 0; }
	.mblmenu { padding: 0; }
	.logo4mbl { float: left; margin-left: 30px; }
	.idc { display: none; }
	.cc { display: none; }
	.mc { display: none; }
	.lc { display: none; }
	.hkc { display: none; }
	h3 { font-size: 20px; }
	.otherPageWrapper { float: left; width: 100%; margin-top: 0; }
	.galleryWrapper li { margin: 0; padding: 0; list-style: none; flex-basis: 100%; padding: 25px; display: inline-block; box-shadow: 0 0 3px rgba(0, 0, 0, .3); border-radius: 4px; }
	.dev, .pvt { text-align: center; }
}
