/*====== JMD Mini Lab Website Design By- HIfzur Rahman ======*/
body { font-family: calibri; font-size: 15px; background: #fff; }

* { box-sizing: border-box; }
.grid { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }

@font-face { font-family: calibri; src: url('../calibri/calibri.ttf'); }
@font-face { font-family: calibri-light; src: url('../calibri/calibri-light.ttf'); }

hr { margin: 0; padding: 0; }

/* ==== Header section start ==== */

.header-top { border-bottom: 1px solid #eaeaea; }
.select-lan-Box { padding: 5px 0; }
/*.select-lan-Box span { margin-right: 10px; }*/
.lan-dropBox { position: relative; margin-left: 15px; }
.lan-dropBox a { color: #0099ff; font-size: 16px; }  
.lan-dropBox a:hover { text-decoration: none; }
.reg-box { text-align: right; padding: 5px 0; }
.reg-box a { color: #0099ff; font-size: 16px;  }
.reg-box a i { margin-right: 5px; }

.logo-box { padding: 20px 0; }
.logo-box img { width: 115px; height: auto; }
.enq-btnBox { text-align: right; padding-top: 40px; }
.enq-btn { text-transform: uppercase; background: #ff6600; color: #fff; font-size: 16px; font-weight: 600; min-width: 155px; padding: 7px 12px; border-radius: 7px; }
.enq-btn:hover, .enq-btn:active, .enq-btn:focus  { background: #ff6600; color: #fff; }

.search-box { border: 1px solid #ccc; width: 80%; margin: 40px auto 0; height: 38px; border-radius: 5px; overflow: hidden; position: relative; }
.category-select { background: #eee; border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 0 6px; background-image: url(../images/dropdown.png); background-repeat: no-repeat; background-position: 90% 60%; background-size: 12px 12px; height: 100%; width: 20%; float: left; }
.category-select:focus { outline: none; }
.search-input { width: 80%; height: 100%; float: left; padding: 5px 10px; padding-right: 30px; background: transparent; border: none; font-size: 15px; }
.search-input:focus { outline: none; }
.search-btn { width: 30px; height: 26px; position: absolute; box-sizing: border-box; background: transparent; background-image: url(../images/search.png); background-repeat: no-repeat !important; background-position: 5px 5px; background-size: 15px 15px; cursor: pointer; border: none; position: absolute; top: 7px; right: 0px; }
.search-btn:focus { outline: none; }

.main-navSec { background: #0099ff; }
.mainNav-toggleBtn { margin: 2px 10px 2px 5px; }
.mainNav-toggleBtn span { background: #ff6600; width: 28px !important; height: 4px !important; }
.main-nav>li>a { padding: 10px 20px; color: #fff; font-size: 15px; }
.main-nav>li>a:focus, .main-nav>li>a:hover { background: #ff6600; color: #fff !important; }
.main-nav .open>a, .main-nav .open>a:focus, .main-nav .open>a:hover { background: #ff6600; color: #fff; }
.navbar-collapse { padding-left: 0px; }
.mainNav-subMenu { padding: 0; }
.mainNav-subMenu li a { padding: 5px 10px; }
.mainNav-subMenu li a:hover { background: #ff6600; color: #fff; }


.banner-sec { background-image: url('../images/banner.jpg'); background-size: cover; height: 475px; }
.banner-text h1 { font-size: 68px; font-style: italic; color: #fff; font-weight: 600; margin-top: 14%; }
.bynow-btn { text-transform: uppercase; background: #ff6600; color: #fff; font-size: 18px; min-width: 155px; padding: 5px 10px; border-radius: 20px; }
.bynow-btn:hover, .bynow-btn:active, .bynow-btn:focus { background: #ff6600; color: #fff; }

.ind-contentSec { padding: 40px 0;  }
.ind-contentSec h1 { font-size: 32px; font-weight: 600; color: #ff6600; text-align: center; margin: 0 0 5px; padding: 0; }
.main-text { text-align: center; color: #454545; font-size: 18px; }



/* === side bar -start- === */
.exchangeBox { background: #eaeaea; padding: 10px 15px; }
.exchangeHed { font-size: 25px; color: #161616; font-weight: 600; }
.currencyNm { border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 0 20px 0 0; background-image: url(../images/dropdown-black.png); background-repeat: no-repeat; background-position: 98% 63%; background-size: 12px 8px; height: 100%; width: auto; background-color: transparent; width: 125px; margin: 5px 0; font-size: 16px; color: #000; }
.currencyNm:focus { outline: none; }
.exchangeBox input { height: 40px; background: #fff; border: 1px solid #b6b6b6; width: 100%; padding: 5px 10px; margin-bottom: 10px; }
.exchangeBox input:focus { outline: none; }
.currencyVal { font-size: 25px; font-family: calibri-light; color: #161616;  }
.convertBtn { border: 1px solid #ff6600; color: #ff6600; min-width: 110px; height: 40px; border-radius: 7px; text-transform: uppercase; font-size: 16px; font-weight: 600; margin: 10px 0;  }
.convertBtn:focus, .convertBtn:active, .convertBtn:hover { color: #ff6600; }

.sbHead { font-size: 24px; color: #161616; font-weight: 600; margin: 15px 0 10px; }
.sideBarHed { background: #0099ff; font-size: 16px; font-weight: 600; text-transform: uppercase; color: #fff; padding: 7px 15px; }

.sideBar-link { padding: 15px; margin: 0;  }
.sideBar-link li { list-style: none; margin-bottom: 10px; overflow: hidden !important; -webkit-flex-shrink: 1; white-space: nowrap; position: relative; overflow: hidden; text-overflow: ellipsis; }
.sideBar-link li:last-child { margin-bottom: 0px; }
.sideBar-link li a { font-size: 16px; color: #161616;   }
.sideBar-link li a:hover { color: #0099ff; text-decoration: none;  }
/* === side bar -end- === */


.latestPrd-mainBox { background: #eaeaea; padding: 15px; }
.latestPrdBox { height: 475px; background: #f1f1f1; }
.latestPrdImg { height: 225px; overflow: hidden; position: relative; }
.latestPrdImg img { width: 100%; height: auto; }
.latestPrd-price { position: absolute; width: 100px; padding: 7px 10px; background: #fff; bottom: 15px; right: 15px; text-align: center; color: #0260c4; font-size: 16px; font-weight: 600; }

.latestPrd-content { padding: 10px; }
.latestPrd-content h2 { color: #000; font-size: 20px; margin: 0; border-bottom: 1px solid #dddddd; padding: 8px 0; }