/* Al Amal Industrial Supplies - template theme 2019 */
/* based on free bootstrap template - modified by Nile Web 2019 */

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #444;
  background: #ffffff;
}

h2, h3, h4, .section-title, .logo-text, .slide-caption b { font-family: 'Cairo', Tahoma, sans-serif; }

a { color: #1f4e79; text-decoration: none; }
a:hover { color: #e67e22; text-decoration: underline; }

.container { width: 1140px; margin: 0 auto; }

/* ===== top bar ===== */
.topbar { background: #1a1a1a; color: #bbb; font-size: 12px; padding: 7px 0; }
.topbar .container { display: block; overflow: hidden; }
.topbar .info { float: right; }
.topbar .info span { margin-left: 18px; direction: ltr; unicode-bidi: embed; }
.topbar .info i { color: #e67e22; margin-left: 4px; }
.topbar .social { float: left; }
.topbar .social a { color: #999; margin-right: 10px; font-size: 13px; }
.topbar .social a:hover { color: #e67e22; }

/* ===== header ===== */
.header { background: #fff; padding: 14px 0; border-bottom: 3px solid #e67e22; }
.header .container { overflow: hidden; }
.logo { float: right; }
.logo-box { float: right; background: #e67e22; color: #fff; font-size: 26px; font-weight: bold; padding: 8px 16px; border-radius: 4px; margin-left: 12px; }
.logo-text { float: right; }
.logo-text .name { font-size: 21px; font-weight: bold; color: #1f4e79; }
.logo-text .slogan { font-size: 11px; color: #999; letter-spacing: 0px; }
.mainmenu { float: left; margin-top: 14px; }
.mainmenu ul { list-style: none; }
.mainmenu li { float: right; }
.mainmenu a { display: block; padding: 8px 15px; font-size: 14px; font-weight: bold; color: #333; }
.mainmenu a:hover, .mainmenu a.active { color: #e67e22; text-decoration: none; }

/* ===== slider ===== */
.slider { position: relative; height: 430px; overflow: hidden; background: #222; }
.slide { position: absolute; top: 0; right: 0; width: 100%; height: 430px; opacity: 0; transition: opacity 1s; background-size: cover; background-position: center; }
.slide.active { opacity: 1; }
.slide .overlay { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(20,30,45,0.55); }
.slide-caption { position: relative; z-index: 2; text-align: center; padding-top: 130px; color: #fff; }
.slide-caption b { display: block; font-size: 38px; margin-bottom: 12px; text-shadow: 0 2px 6px rgba(0,0,0,0.6); }
.slide-caption p { font-size: 17px; margin-bottom: 22px; text-shadow: 0 1px 4px rgba(0,0,0,0.6); }
.btn { display: inline-block; background: #e67e22; color: #fff !important; padding: 10px 28px; border-radius: 3px; font-weight: bold; font-size: 14px; text-decoration: none !important; }
.btn:hover { background: #cf6d15; }
.slider .dots { position: absolute; bottom: 14px; right: 0; width: 100%; text-align: center; z-index: 3; }
.slider .dots span { display: inline-block; width: 11px; height: 11px; border-radius: 50%; background: #888; margin: 0 4px; cursor: pointer; }
.slider .dots span.on { background: #e67e22; }

/* ===== sections ===== */
.section { padding: 45px 0; }
.section-title { text-align: center; font-size: 26px; color: #1f4e79; margin-bottom: 8px; font-weight: bold; }
.section-sub { text-align: center; color: #999; font-size: 13px; margin-bottom: 35px; }
.section-title:after { content: ""; display: block; width: 60px; height: 3px; background: #e67e22; margin: 10px auto 0; }

/* services cards */
.cards { overflow: hidden; }
.card { float: right; width: 31.33%; margin: 0 1% 22px; border: 1px solid #e5e5e5; border-radius: 4px; text-align: center; padding: 26px 18px; min-height: 195px; }
.card i { font-size: 40px; color: #e67e22; margin-bottom: 14px; }
.card h3 { font-size: 17px; color: #1f4e79; margin-bottom: 10px; }
.card p { font-size: 13px; color: #777; line-height: 22px; }

/* counters */
.counters { background: #1f4e79; color: #fff; padding: 40px 0; }
.counters .container { overflow: hidden; text-align: center; }
.counter { float: right; width: 25%; }
.counter .num { font-size: 40px; font-weight: bold; color: #e67e22; font-family: 'Cairo', Tahoma; }
.counter .lbl { font-size: 14px; color: #cfd8e3; }

/* about preview */
.about-prev { text-align: center; }
.about-prev p { max-width: 850px; margin: 0 auto 16px; line-height: 28px; color: #666; text-align: center; }

/* offer strip */
.offer { background: #fdf3e7; border: 1px dashed #e67e22; padding: 14px; text-align: center; margin: 0 0 10px; font-size: 15px; }
.offer b { color: #cc0000; }

/* news */
.news-cards { overflow: hidden; }
.news-card { float: right; width: 31.33%; margin: 0 1%; border: 1px solid #e5e5e5; border-radius: 4px; }
.news-card .body { padding: 16px; }
.news-card .date { color: #e67e22; font-size: 12px; margin-bottom: 6px; }
.news-card h4 { font-size: 15px; color: #333; margin-bottom: 8px; }
.news-card p { font-size: 12px; color: #888; line-height: 20px; }

/* brands */
.brands { background: #f7f7f7; padding: 30px 0; }
.brands .container { text-align: center; }
.brand { display: inline-block; background: #fff; border: 1px solid #e0e0e0; color: #aaa; font-size: 20px; font-weight: bold; font-family: Arial; padding: 14px 30px; margin: 0 8px; letter-spacing: 2px; }

/* page header (inner pages) */
.page-head { background: #1f4e79; color: #fff; padding: 28px 0; }
.page-head .title { font-size: 26px; font-weight: bold; font-family: 'Cairo', Tahoma; }
.page-head .crumbs { font-size: 12px; color: #9fb3c8; margin-top: 4px; }

/* products grid */
.prod { float: right; width: 31.33%; margin: 0 1% 26px; border: 1px solid #e5e5e5; min-height: 345px; }
.prod img { width: 100%; height: 200px; display: block; }
.prod .body { padding: 14px; }
.prod h3 { font-size: 16px; color: #1f4e79; margin-bottom: 8px; }
.prod p { font-size: 12.5px; color: #777; line-height: 21px; }

/* tables (product lists) */
table.plist { width: 100%; border-collapse: collapse; margin: 10px 0 25px; }
table.plist th { background: #1f4e79; color: #fff; padding: 8px; font-size: 13px; }
table.plist td { border: 1px solid #ddd; padding: 8px; font-size: 13px; }
table.plist tr:nth-child(even) { background: #f5f8fb; }

/* contact */
.c-info { float: right; width: 46%; }
.c-form { float: left; width: 50%; }
.c-info .row { margin-bottom: 14px; font-size: 14px; }
.c-info .row i { color: #e67e22; width: 22px; }
.c-info .num { direction: ltr; unicode-bidi: embed; }
.c-form input, .c-form textarea { width: 100%; border: 1px solid #ccc; padding: 9px; margin-bottom: 12px; font-family: Tahoma; font-size: 13px; }
.c-form textarea { height: 110px; }
.map-box { clear: both; background: #e9e9e9; height: 240px; margin-top: 30px; text-align: center; color: #999; line-height: 240px; font-size: 13px; border: 1px solid #ddd; }

/* footer */
.footer { background: #22303f; color: #9aa8b5; padding: 38px 0 0; font-size: 13px; }
.footer .container { overflow: hidden; }
.f-col { float: right; width: 31.33%; margin-left: 2%; margin-bottom: 25px; }
.f-col h4 { color: #fff; font-size: 16px; margin-bottom: 14px; }
.f-col ul { list-style: none; }
.f-col li { margin-bottom: 7px; }
.f-col a { color: #9aa8b5; }
.f-col .num { direction: ltr; unicode-bidi: embed; }
.copy { background: #1a2530; text-align: center; padding: 13px 0; font-size: 11.5px; color: #7a8894; }
.copy .container { line-height: 20px; }