*{ margin:0; padding:0;}

.contact-area{ width:100%; float:left;}
.contact-left{ float:left; padding:60px;}
.left-box{ width:100%; float:left; padding:20px; background:#eee;}
.left-box-hdng{ width:100%; float:left; font-size:24px; color:#000; font-family:'DM Serif Display'; text-transform:uppercase;}
.left-box-left{ width:60px; height:60px; float:left; text-align:center; background:#fff; padding:10px 0;}
.left-box-left img{ display:inline-block; text-align:center;}
.left-box span{ width:80%; float:left; font-size:16px; color:#000; font-family:'DM Serif Display'; padding:15px 0 0 20px;}
.left-box a{ text-decoration:none; color:#000;}
.contact-right{ float:right; padding:60px 0;}
.contact-right-box{ width:100%; float:left; padding:5px 0;}
.contact-right-box-input{ width:100%; height:44px; float:left; padding:2px 20px; color:#000; font-size:14px; font-family:'DM Serif Display'; margin:0 0 10px; border-radius:3px; border:1px solid #ccc;}
.contact-right-box-textarea{ width:100%; height:100px; float:left; padding:10px 20px; color:#000; font-size:14px; font-family:'DM Serif Display'; margin:0 0 10px; border-radius:3px; border:1px solid #ccc;}
.contact-right-box-btn{ float:left; padding:10px 30px; color:#fff; background:#111; font-size:14px; font-family:'DM Serif Display'; margin:0 0 10px; border-radius:3px; border:none; outline:none; cursor:pointer; text-transform:uppercase;}


.header-top{ width:100%; float:left; background:#ffcc00; box-shadow:0 2px 4px #ddd; padding:10px 0;}
.header-top-left{ float:left; padding:10px 20px; border-right:1px solid #ebbc09;}
.header-top-left i{ float:left; padding:3px 10px 0 0; font-size:18px; color:#000;}
.header-top-left span a{ float:left; font-size:16px; color:#000; font-family:'DM Serif Display'; text-decoration:none;}
.header-top-right{ float:right; background:#000; border-radius:40px; padding:5px 7px;}
.header-top-right a i{ float:left; padding:7px 10px; font-size:18px; color:#000; text-decoration:none; background:#fff; border-radius:50%; transition:all 0.3s ease-in-out;}
.header-top-right a:hover i{ color:#000; text-decoration:none; background:#ffcc00; transition:all 0.3s ease-in-out;}
.header-top-right a span{ float:left; padding:4px 10px 0; font-size:16px; color:#fff; font-family:'DM Serif Display'; text-decoration:none; transition:all 0.3s ease-in-out;}
.header-top-right a:hover span{ color:#ffcc00; text-decoration:none; transition:all 0.3s ease-in-out;}

.header{ width:100%; float:left; box-shadow:0 2px 4px #ddd;}
.logo{ width:100%; float:left; padding:10px 0;}
.banner{ width:100%; float:left; padding:100px 0;}
.bnr-hdng{ width:100%; float:left; text-align:center; font-size:72px; color:#000; font-family: 'DM Serif Display';}
.bnr-search{ width:100%; float:left; background:#fff; padding:15px; position:relative; border-radius:10px;}
.bnr-search-input{ width:85%; float:left; padding:7px 15px; background:#fff; border:none; outline:none; color:#000; font-size:26px; font-family:'DM Serif Display'; border-radius:10px;}
.bnr-search-btn{ width:15%; float:right; padding:15px; text-align:center; background:#ffcc00; border:none; outline:none; color:#000; font-size:18px; font-family:'DM Serif Display'; border-radius:10px;}
.bnr-search i{ display:inline-block; position:absolute; z-index:33; top:17px; right:110px; padding:15px; color:#000; font-size:18px;}

.services-section{ width:100%; float:left; padding:50px 0;}
.services-bg{ width:100%; float:left; background:#fafafa; box-shadow:0 0 4px #ddd;}
.services-box{ width:100%; float:left; padding:20px; position:relative;}
.services-box-icon{ width:25%; float:left; padding:15px 0 0; text-align:center;}
.services-textbox{ width:75%; float:left; padding:25px 20px; color:#000;}
.services-textbox-hdng{ width:100%; float:left; font-size:15px; color:#000; font-family: 'DM Serif Display';}
.services-textbox-text{ width:100%; float:left; font-size:16px; color:#929292; font-family: 'DM Serif Display';}
.services-textbox-img{ float:right; position:absolute; z-index:22; right:0; top:0;}

.about-section{ width:100%; float:left; padding:50px 0;}
.about-section-sbhdng{ width:100%; float:left; font-size:30px; color:#535353; font-family: 'DM Serif Display'; text-align:center;}
.about-section-hdng{ width:100%; float:left; font-size:60px; color:#05113b; font-family: 'DM Serif Display'; text-align:center;}
.about-section-hdng span{ color:#ffcc00;}
.about-section-text{ width:100%; float:left; font-size:18px; line-height:32px; color:#767676; font-family: 'DM Serif Display'; text-align:center;}
.about-section-btn{ width:100%; display:inline-block; text-align:center; padding:50px 0 0;}
.about-section-btn a{ display:inline-block; text-align:center; border-radius:40px; background:#ffcc00; color:#000; font-size:16px; font-family: 'DM Serif Display'; padding:10px 30px; text-decoration:none; overflow:hidden;}
.about-section-btn a i{ display:inline-block; color:#000; font-size:16px; transition:all 0.3s ease-in-out;}
.about-section-btn a:hover i{ color:#fff; transition:all 0.3s ease-in-out;}

.why-section{ width:100%; float:left; padding:50px 0;}
.why-box{ width:100%; float:left;}
.why-box-img{ width:100%; float:left; padding:15px 0 0; text-align:center;}
.why-textbox{ width:100%; float:left; padding:20px; text-align:center; background:#f5f5f5;}
.why-textbox-hdng{ width:100%; float:left;}
.why-textbox-hdng a{ font-size:26px; color:#000; font-family: 'DM Serif Display'; text-decoration:none;}

.category-section{ width:100%; float:left; padding:50px 0; background:#000;}
.category-bg{ width:100%; float:left;}
.category-section-sbhdng{ width:100%; float:left; font-size:30px; color:#ffcc00; font-family: 'DM Serif Display'; text-align:center;}
.category-section-hdng{ width:100%; float:left; font-size:60px; color:#fff; font-family: 'DM Serif Display'; text-align:center;}
.category-box{ width:100%; float:left; padding:30px; background:#05113b; border:1px solid #222a4f;}
.category-box-icon{ width:100%; float:left;}
.category-textbox{ width:100%; float:left; color:#fff;}
.category-textbox-hdng{ width:100%; min-height:90px; float:left; padding:15px 0; font-size:20px; color:#fff; font-family: 'DM Serif Display';}
.category-textbox-text{ width:100%; min-height:90px; float:left; font-size:14px; color:#646a7c; font-family: 'DM Serif Display';}

.brands-section{ width:100%; float:left; padding:40px 0;}

.footer-section{ width:100%; float:left; padding:40px 0; background:#f2f2f2;}
.footer-hdng{ width:100%; float:left; font-size:26px; color:#000; font-family:'DM Serif Display';}
.footer-logo{ width:100%; float:left; padding:0 0 20px;}
.footer-links{ width:100%; float:left; text-align:left;}
.footer-links ul{ margin:0; padding:0;}
.footer-links ul li{ display:inline-block; font-size:16px; color:#000; padding:10px 0; font-family: 'DM Serif Display';}
.footer-links ul li span{ display:inline-block; padding:0 20px;}
.footer-links ul li a{ display:inline-block; color:#000; font-family: 'DM Serif Display'; text-decoration:none;}
.footer-links ul li a:hover{ color:#ffcc00; text-decoration:none;}
.footer-social{ width:100%; float:left; padding:20px 0;}
.footer-social a{ float:left; color:#000; font-size:20px; text-decoration:none; margin:0 10px;}
.footer-social a:hover{ color:#ffcc00; text-decoration:none;}
.footer-btm{ width:100%; float:left; font-size:16px; color:#000; font-family: 'DM Serif Display'; font-weight:normal; text-align:center; background:#dcdbdb; padding:20px 0;}

.inr-hdr{ width:100%; float:left; padding:100px 0; background:#000; position:relative;}
.inr-hdng{ width:80%; float:left; padding:0; text-align:left; font-size:46px; color:#fff; font-family:'DM Serif Display'; position:absolute; z-index:22; bottom:10px; left:5%; right:5%; text-transform:uppercase;}

.inr-services-box{ width:100%; float:left; border:1px solid #eee; padding:0 20px; position:relative;}
.inr-services-textbox{ width:100%; float:left; margin:-40px 0 0; text-align:center; background:#fff;}
.inr-services-img{ width:100%; display:inline-block;}
.inr-services-hdng{ width:100%; float:left; padding:40px 15px 30px; font-size:24px; color:#18212e; font-family: 'DM Serif Display';}
.inr-services-text{ width:70%; display:inline-block; font-size:16px; line-height:30px; text-align:center; color:#747b86; font-family:'DM Serif Display';}
.inr-services-link{ width:100%; float:left; margin:40px 0; font-size:13px; color:#e74d57; font-family:'DM Serif Display'; text-decoration:underline;}

.services-left{ width:100%; float:left; background:#fafafa; padding:40px 0 20px;}
.services-left-hdng{ width:100%; float:left; padding:0 30px 20px; font-size:20px; color:#18212e; font-family: 'DM Serif Display';}
.services-left-link{ width:100%; float:left;}
.services-left-link a{ width:100%; float:left; padding:10px 30px; font-size:16px; color:#747b86; font-family:'DM Serif Display'; text-decoration:none; transition: .5s ease-out;}
.services-left-link a:hover, .services-left-link a:focus{ background:#ffcc00; color:#fff; text-decoration:none;}

.services-right-img{ width:100%; display:inline-block;}
.services-right-hdng{ width:100%; float:left; padding:40px 0 30px; font-size:36px; color:#0a0a0a; font-family: 'DM Serif Display';}
.services-right-text{ width:100%; display:inline-block; font-size:16px; line-height:28px; color:#747b86; font-family:'DM Serif Display'; padding:0 0 30px;}

.track{ width:100%; float:left; padding:40px 0;}
.track-left{ width:100%; float:left;}
.track-left-hdng{ width:100%; float:left; padding:0; font-size:36px; color:#000; font-family: 'DM Serif Display';}
.track-left-time{ width:100%; float:left; padding:0; font-size:18px; color:#666; font-family: 'DM Serif Display'; text-transform:uppercase;}
.track-left-sbhdng{ width:100%; float:left; padding:0; font-size:14px; color:#000; font-family: 'DM Serif Display'; text-transform:uppercase;}
.track-left-text{ width:60%; display:inline-block; font-size:14px; color:#444; font-family:'DM Serif Display';}
.track-download{ float:left; padding:15px 0 0; font-size:14px; color:#ffcc00; font-family: 'DM Serif Display'; text-decoration:none;}
.track-download a{ color:#ffcc00; text-decoration:none;}
.track-download a:hover{ color:#444; text-decoration:underline;}
.check{ color:green !important;}
.track-list{ width:100%; float:left; border-left:13px solid green; border-radius:5px; margin:20px 0;}
.track-list span{ width:15px; float:left; background:green; border-radius:5px; margin:20px 0;}
.track-list-box{ width:100%;  float:left; padding:10px 0 10px 20px; position:relative;}
.track-list-box span{ width:100%;  float:left; padding:10px 0 10px 20px; margin:0; background:#eee; border-top-right-radius:5px; border-bottom-right-radius:5px; border-top-left-radius:0; border-bottom-left-radius:0;}
.track-list-tick{ width:5px; height:5px; background:#fff; float:left; position:absolute; z-index:22; top:18px; left:-9px; border-radius:50%;}
.track-list-active{ width:50px; height:50px; text-align:center; background:green; float:left; padding:12px 0 0; position:absolute; z-index:22; top:10px; left:-32px; border-radius:50%; color:#fff; font-size:28px;}
.track-list-label{ width:100%; float:left; font-size:13px; color:#888; font-style:italic; font-family: 'DM Serif Display'; padding:5px 0 0;}
.track-list-text{ width:100%; float:left; padding:0 0 20px 20px; font-size:14px; color:#888; font-family:'DM Serif Display';}

.email-box{ width:100%; float:left; padding:20px 0;}
.email-box-text{ width:100%; float:left; font-size:14px; color:#444; font-family:'DM Serif Display';}
.email-box-text a{ float:left; font-size:14px; color:#ffcc00; font-family: 'DM Serif Display'; text-decoration:none;}
.email-box-text a:hover{ color:#444; text-decoration:underline;}
.email-input{ width:50%; height:50px; float:left; background:#eee; border:none; outline:none; font-size:16px; color:#000; font-family: 'DM Serif Display'; padding:5px 20px;}
.email-btn{ width:17%; height:50px; float:left; margin:0 0 0 5px; background:#ffcc00; border:none; outline:none; cursor:pointer; font-size:16px; color:#fff; font-family: 'DM Serif Display'; text-align:center; padding:0;}

.shipment-sec{ width:100%; float:left; padding:50px 0;}
.shipment-list{ width:100%; float:left; padding:15px 0;}
.shipment-list ul{ margin:0; padding:0;}
.shipment-list ul li{ width:100%; float:left; list-style:none; font-size:14px; color:#444; font-family:'DM Serif Display'; padding:7px 15px;}
.bg-grey{ background:#eee;}
.orange{ color:#ffcc00 !important;}

.dropdown-sec{ width:100%; float:left; position:relative;}
.dropdown-text{ width:100%; float:left; background:#eee; font-size:12px; color:#000; font-family: 'DM Serif Display'; padding:15px;}
.dropdown-text span{ width:100%; float:left; font-size:16px; color:#666; font-family:'DM Serif Display'; padding:5px 0 0;}
.dropdown-links{ width:100%; float:left; position:absolute; z-index:333; top:100%; left:0; display:none;}
.dropdown-sec:hover .dropdown-links a{ width:100%; float:left; font-size:14px; color:#000; font-family: 'DM Serif Display'; background:#eee; border:1px solid #ddd; padding:7px 15px; text-decoration:none;}
.dropdown-sec:hover .dropdown-links a:hover{ color:#fff; background:#ffcc00; text-decoration:none;}
.dropdown-sec:hover .dropdown-links{ display:block;}

.travel-list{ width:100%; float:left; padding:15px 0;}
.travel-list ul{ margin:0; padding:0;}
.travel-list ul li{ width:100%; float:left; list-style:none; font-size:14px; color:#444; font-family:'DM Serif Display'; padding:12px 15px;}
.travel-day{ width:100%; float:left; font-size:14px; color:#000; font-family:'DM Serif Display';}
.travel-time{ width:100%; float:right; font-size:12px; color:#000; font-family:'DM Serif Display'; text-align:right;}
.travel-dot{ width:1px; height:100%; float:left; border-right:1px solid #000; padding:53px 0px 0px 11px; position:absolute; z-index:1; top:-16px;}
.travel-dot span{ width:5px; height:5px; float:left; border-radius:50%; background:#000; position:absolute; z-index:2; top:22px; left:80%;}

.inr-hdr-shipment{ width:100%; float:left; padding:0; background:url(../imgs/inr-hdr.jpg) no-repeat; background-size:cover;}
.shipment-menu{ width:100%; float:left; background:#ffcc00;}
.shipment-top-left{ width:100%; float:left;}
.shipment-top-left ul{ margin:0; padding:0;}
.shipment-top-left ul li{ float:left; list-style:none; padding:12px 15px; position:relative;}
.shipment-top-left ul li a{ float:left; text-decoration:none; font-size:14px; color:#fff; font-family:'DM Serif Display'; padding:0;}
.shipment-top-left ul li a:hover{ text-decoration:none; color:#ccc;}
.shipment-top-left ul li ul{ display:none;}
.shipment-top-left ul li:hover ul{ width:200px; display:inline-block; position:absolute; z-index:22; top:100%; left:0;}
.shipment-top-left ul li:hover ul li{ width:100%; float:left; background:#444; list-style:none; padding:0;}
.shipment-top-left ul li:hover ul li a{ width:100%; float:left; text-decoration:none; font-size:14px; color:#fff; font-family:'DM Serif Display'; padding:10px 15px; transition:all .3s ease-in-out;}
.shipment-top-left ul li:hover ul li a:hover{ background:#ffcc00; text-decoration:none; color:#fff; transition:all .3s ease-in-out;}
.shipment-top-right{ width:100%; float:right; text-align:right;}
.shipment-top-right ul{ margin:0; padding:0;}
.shipment-top-right ul li{ display:inline-block; list-style:none; padding:12px 15px 0;}
.shipment-top-right ul li a{ display:inline-block; text-decoration:none; font-size:14px; color:#fff; font-family:'DM Serif Display'; padding:0;}
.shipment-top-right ul li a:hover{ text-decoration:none; color:#ccc;}

.shipment-make{ width:100%; float:left;}
.shipment-make ul{ margin:0; padding:0;}
.shipment-make ul li{ float:left; list-style:none; padding:15px 5px;}
.shipment-make ul li span{ width:30px; height:1px; background:#ccc; float:left; list-style:none; margin:15px 0;}
.shipment-make ul li a{ display:inline-block; text-decoration:none; font-size:14px; color:#333; font-family:'DM Serif Display'; padding:0;}
.shipment-make ul li a:hover{ text-decoration:none; color:#666;}

.shipment-form{ width:100%; float:left; padding:50px 0; margin-bottom:20px; text-align:center;}
.shipment-form-left{ width:100%; float:left; padding:20px; text-align:left; font-size:14px;}
.shipment-form-left-hdng{ width:100%; float:left; padding:0; font-size:22px; color:#000; font-family:'DM Serif Display';}
.shipment-form-left-text{ width:100%; float:left; padding:10px 0 0; font-size:12px; color:#444; font-family: 'DM Serif Display';}
.shipment-form-left-text a{ display:inline-block; font-size:12px; color:#ffcc00; font-family: 'DM Serif Display'; text-decoration:none;}
.shipment-form-left-text a:hover{ color:#000; text-decoration:none;}
.shipment-form-left-input{ width:100%; height:34px; float:left; padding:5px 10px; font-size:12px; color:#000; font-family: 'DM Serif Display'; border:1px solid #eee; outline:none; box-shadow:inset 0 1px 3px #ddd, 1px 1px 1px #ccc;}
.shipment-form-left-input:focus{ color:#000; border:1px solid #eee; outline:none; box-shadow:none;}
.shipment-form-left-checkbox{ width:15px; height:15px; float:left; padding:0 10px; margin:3px 10px 0 0; font-size:14px; color:#000; font-family: 'DM Serif Display'; border:1px solid #eee; outline:none;}
.shipment-form-left-radio{ width:15px; height:15px; display:inline-block; border-radius:50%; padding:0 5px; margin:3px 0 10px; font-size:14px; color:#000; font-family: 'DM Serif Display'; border:1px solid #eee; outline:none;}
.shipment-form-left-textarea{ width:100%; height:70px; float:left; padding:5px 10px; font-size:12px; color:#000; font-family: 'DM Serif Display'; border:1px solid #eee; outline:none; box-shadow:inset 0 1px 3px #ddd, 1px 1px 1px #ccc;}
.shipment-form-left-textarea:focus{ color:#000; border:1px solid #eee; outline:none; box-shadow:none;}
.shipment-form-left-btn{ display:inline-block; background:#ffcc00; margin:10px 0 0; padding:5px 15px; font-size:12px; color:#fff; font-family: 'DM Serif Display'; border:none; outline:none; border-radius:5px; text-decoration:none;}
.shipment-form-left-btn:hover{ background:#000; color:#fff; text-decoration:none;}

.cate-page-leftarea{ width:100%; float:left; background:#fff; box-shadow:1px 1px 2px #ccc;}
.cate-page-leftarea ul{ margin:0; padding:0;}
.cate-page-leftarea ul li{ width:100%; float:left; list-style:none; padding:0 0 0 30px; font-size:16px; color:#ffcc00; font-family: 'DM Serif Display'; border-bottom:1px solid #d7d7d7; border-left:2px solid #d7d7d7; transition:all .3s ease-in-out; position:relative;}
.cate-page-leftarea ul li span{ width:13px; height:11px; display:inline-block; position:absolute; z-index:3; top:15px; left:10px; background:url(../imgs/left-cate-arrow-grey.png) no-repeat; transition:all .3s ease-in-out;}
.cate-page-leftarea ul li:hover{ color:#fff; border-left:5px solid #ffcc00; background:#ffcc00; transition:all .3s ease-in-out;}
.cate-page-leftarea ul li:hover span{ background:url(../imgs/left-cate-arrow-white.png) no-repeat; transition:all .3s ease-in-out;}
.cate-page-leftarea ul li.active{ color:#000; background:#ffcc00; transition:all .3s ease-in-out; border-left:5px solid #d6ae3c;}
.cate-page-leftarea ul li.active span{  background:url(../imgs/left-cate-arrow-white.png) no-repeat; transition:all .3s ease-in-out;}
.cate-page-leftarea ul li a{ display:inline-block; color:#000; font-family: 'DM Serif Display'; padding:10px 0; text-decoration:none; transition:all .3s ease-in-out;}
.cate-page-leftarea ul li.active a{ color:#000; text-decoration:none;}



.inr-hdr-shipment{ width:100%; float:left; padding:120px 0 0; background:url(../imgs/inr-hdr.jpg) no-repeat; background-size:cover;}
.shipment-menu{ width:100%; float:left; background:#ff5e14;}
.shipment-top-left{ width:100%; float:left;}
.shipment-top-left ul{ margin:0; padding:0;}
.shipment-top-left ul li{ float:left; list-style:none; padding:12px 15px; position:relative;}
.shipment-top-left ul li a{ float:left; text-decoration:none; font-size:14px; color:#fff; font-family:'poppinsregular'; padding:0;}
.shipment-top-left ul li a:hover{ text-decoration:none; color:#ccc;}
.shipment-top-left ul li ul{ display:none;}
.shipment-top-left ul li:hover ul{ width:200px; display:inline-block; position:absolute; z-index:22; top:100%; left:0;}
.shipment-top-left ul li:hover ul li{ width:100%; float:left; background:#444; list-style:none; padding:0;}
.shipment-top-left ul li:hover ul li a{ width:100%; float:left; text-decoration:none; font-size:14px; color:#fff; font-family:'poppinsregular'; padding:10px 15px; transition:all .3s ease-in-out;}
.shipment-top-left ul li:hover ul li a:hover{ background:#ff5e14; text-decoration:none; color:#fff; transition:all .3s ease-in-out;}
.shipment-top-right{ width:100%; float:right; text-align:right;}
.shipment-top-right ul{ margin:0; padding:0;}
.shipment-top-right ul li{ display:inline-block; list-style:none; padding:12px 15px 0;}
.shipment-top-right ul li a{ display:inline-block; text-decoration:none; font-size:14px; color:#fff; font-family:'poppinsregular'; padding:0;}
.shipment-top-right ul li a:hover{ text-decoration:none; color:#ccc;}

.shipment-make{ width:100%; float:left;}
.shipment-make ul{ margin:0; padding:0;}
.shipment-make ul li{ float:left; list-style:none; padding:15px 5px;}
.shipment-make ul li span{ width:30px; height:1px; background:#ccc; float:left; list-style:none; margin:15px 0;}
.shipment-make ul li a{ display:inline-block; text-decoration:none; font-size:14px; color:#333; font-family:'poppinsregular'; padding:0;}
.shipment-make ul li a:hover{ text-decoration:none; color:#666;}

.shipment-form{ width:100%; float:left; padding:0; margin-bottom:20px; background:#fafafa; text-align:center; position:relative;}
.shipment-form-left{ width:100%; float:left; padding:20px; text-align:left; font-size:14px;}
.shipment-form-left-hdng{ width:100%; float:left; padding:0; font-size:22px; color:#000; font-family:'robotobold';}
.shipment-form-left-text{ width:100%; float:left; padding:10px 0 0; font-size:12px; color:#444; font-family: 'poppinsregular';}
.shipment-form-left-text a{ display:inline-block; font-size:12px; color:#ff5e14; font-family: 'poppinsregular'; text-decoration:none;}
.shipment-form-left-text a:hover{ color:#000; text-decoration:none;}
.shipment-form-left-input{ width:100%; height:34px; float:left; padding:5px 10px; font-size:12px; color:#000; font-family: 'poppinsregular'; border:1px solid #eee; outline:none; box-shadow:inset 0 1px 3px #ddd, 1px 1px 1px #ccc;}
.shipment-form-left-input:focus{ color:#000; border:1px solid #eee; outline:none; box-shadow:none;}
.shipment-form-left-checkbox{ width:15px; height:15px; float:left; padding:0 10px; margin:3px 10px 0 0; font-size:14px; color:#000; font-family: 'poppinsregular'; border:1px solid #eee; outline:none;}
.shipment-form-left-radio{ width:15px; height:15px; display:inline-block; border-radius:50%; padding:0 5px; margin:3px 0 10px; font-size:14px; color:#000; font-family: 'poppinsregular'; border:1px solid #eee; outline:none;}
.shipment-form-left-textarea{ width:100%; height:70px; float:left; padding:5px 10px; font-size:12px; color:#000; font-family: 'poppinsregular'; border:1px solid #eee; outline:none; box-shadow:inset 0 1px 3px #ddd, 1px 1px 1px #ccc;}
.shipment-form-left-textarea:focus{ color:#000; border:1px solid #eee; outline:none; box-shadow:none;}
.shipment-form-left-btn{ display:inline-block; background:#ff5e14; margin:10px 0 0; padding:5px 15px; font-size:12px; color:#fff; font-family: 'poppinsregular'; border:none; outline:none; border-radius:5px; text-decoration:none;}
.shipment-form-left-btn:hover{ background:#000; color:#fff; text-decoration:none;}

.center-brdr{ width:1px; background:#ccc; display:inline-block; position:absolute; z-index:0; top:15px; bottom:15px;}
.shipment-form-center{ width:100%; height:100%; float:left; padding:20px;}
.shipment-form-center-btn{ display:inline-block; background:#ff5e14; padding:8px 20px 7px; font-size:14px; color:#fff; font-family: 'poppinssemibold'; border:none; outline:none; border-radius:5px; text-decoration:none; text-transform:uppercase; position:absolute; z-index:1; left:46%;}
.shipment-form-center-btn:hover{ background:#000; color:#fff; text-decoration:none;}

.shipment-invoice{ width:100%; float:left; padding:20px; text-align:left; background:#fafafa;}
.shipment-invoice-hdng{ width:100%; float:left; padding:0; font-size:16px; color:#000; font-family:'robotobold';}
.shipment-invoice-text{ width:100%; float:left; padding:10px 0 0; font-size:12px; color:#444; font-family: 'poppinsregular';}
.shipment-invoice-btn{ width:100%; height:34px; float:left; margin:10px 0; padding:5px 10px; font-size:12px; color:#000; font-family: 'poppinssemibold'; border:1px solid #eee; outline:none; box-shadow:inset 0 1px 3px #ddd, 1px 1px 1px #ccc; text-align:left;}
.shipment-invoice-btn:focus{ background:#ff5e14; color:#fff; border:1px solid #ff5e14;; outline:none; box-shadow:none;}

.shipment-invoice-box{ width:100%; float:left; border:1px solid #eee; padding:15px; background:#fff;}
.shipment-invoice-box-hdng{ width:100%; float:left; padding:0; font-size:14px; color:#000; font-family:'robotobold';}
.shipment-invoice-box-text{ width:100%; float:left; padding:0 0 10px; font-size:12px; color:#444; font-family: 'poppinsregular';}

.unique-sec{ width:100%; float:left; padding:0; text-align:left;}
.unique-box{ width:100%; float:left; border:1px solid #ccc; border-left:3px solid #ccc; padding:20px; background:#fff;}
.unique-box-hdng{ width:100%; float:left; padding:0; font-size:16px; color:#000; font-family:'robotobold';}
.unique-box-text{ width:100%; float:left; padding:0 0 10px; font-size:12px; color:#444; font-family: 'poppinsregular';}
.description-box{ width:100%; float:left; padding:0 10px; text-align:left; border:1px solid #ccc; background:#fff;}
.search-icon{ width:30; height:30px; background:#ff5e14; padding:6px 0 0; text-align:center; color:#fff; position:absolute; z-index:1; top:31px; right:2px; cursor:pointer;}
.shipment-total{ width:100%; float:right; padding:10px 0;}
.shipment-total-text{ width:100%; float:left; padding:0 0 10px; font-size:12px; color:#444; font-family: 'poppinsregular';}
.shipment-total strong{ color:#111; font-family: 'poppinssemibold';}
.shipment-total-btn{ display:inline-block;}
.shipment-total-btn a{ display:inline-block; background:#ff5e14; padding:3px 10px; font-size:12px; color:#fff; font-family: 'poppinssemibold'; border:none; outline:none; border-radius:5px; text-decoration:none; text-transform:uppercase;}
.shipment-total-btn a:hover{ background:#000; color:#fff; text-decoration:none;}
.shipment-invoice-charges{ width:100%; float:left; background:#ddd; padding:10px; font-size:12px; color:#444;}

.shipment-total-right{ width:100%; float:left; border:1px solid #ccc; padding:20px;}
.shipment-details-comment{ width:100%; float:left; font-size:12px; color:#999; position:absolute; z-index:2; top:50px; left:0;}
.shipment-purpose{ width:100%; float:left; padding:20px 0;}

.shipment-print-input{ width:100%; height:28px; float:left; padding:5px; font-size:12px; color:#000; font-family: 'poppinsregular'; border:1px solid #eee; outline:none; box-shadow:inset 0 1px 3px #ddd, 1px 1px 1px #ccc;}
.shipment-print-input:focus{ color:#000; border:1px solid #eee; outline:none; box-shadow:none;}
.print-btn{ display:inline-block; text-align:center; padding:10px 20px; font-size:14px; color:#fff; font-family: 'poppinsbold'; background:#ff5e14; text-decoration:none; border-radius:3px; margin:20px 0;}
.print-btn:hover, .print-btn:focus{ color:#fff; background:#444; text-decoration:none;}

.manage-left{ width:100%; float:left; border-right:1px solid #eee; border-left:1px solid #eee; padding:20px 0;}
.manage-left-hdng{ width:100%; float:left; padding:10px 15px; font-size:16px; color:#000; font-family:'robotobold';}
.manage-left-box{ width:100%; float:left; padding:0;}
.manage-left-sbhdng{ width:100%; float:left; padding:7px 15px; background:#444; font-size:13px; color:#fff; font-family:'robotomedium';}
.manage-left-text{ width:100%; float:left; padding:15px; font-size:12px; color:#444; font-family: 'poppinsregular'; position:relative;}
.manage-left-text span{ float:left; padding:2px 5px; font-size:12px; color:#fff; font-family: 'poppinsregular'; position:absolute; z-index:3; top:12px; right:10px;}
.red-color{ background-color:red !important;}
.green-color{ background-color:green !important;}
.yellow-color{ background-color:yellow !important;}
.blue-color{ background-color:blue !important;}
.orange-color{ background-color:orange !important;}
.manage-left-links{ width:100%; float:left; padding:0 0 10px; font-size:12px; color:#444; font-family: 'poppinsregular';}
.description-box{ width:100%; float:left; padding:0 10px; text-align:left; border:1px solid #ccc; background:#fff;}

.manage-right{ width:100%; float:left; padding:20px; background:#fafafa;}
.manage-right-searbox{ width:100%; float:left; position:relative;}
.manage-right-searbox-input{ width:100%; float:right; height:30px; border:1px solid #eee; padding:5px 100px 5px 20px; font-size:14px; color:#000; background:#fff;}
.manage-right-searbox-btn{ display:inline-block; position:absolute; z-index:1; top:0; right:0; background:#ff5e14; border:none; outline:none; color:#fff; font-size:14px; padding:4px 10px;}
.manage-right-hdng{ width:100%; float:left; padding:10px 15px; font-size:16px; color:#000; font-family:'robotobold';}
.manage-right-sbhdng{ width:100%; float:left; padding:7px 15px; background:#444; font-size:13px; color:#fff; font-family:'robotomedium';}
.manage-right-text{ width:100%; float:left; font-size:12px; color:#444; font-family: 'poppinsregular'; position:relative;}
.manage-right-text span{ float:left; padding:2px 5px; font-size:12px; color:#fff; font-family: 'poppinsregular'; position:absolute; z-index:3; top:12px; right:10px;}
.manage-right-input{ width:75%; display:inline-block; height:30px; border:1px solid #eee; padding:5px; font-size:12px; color:#000; background:#fff;}
.manage-right-checkbox{ float:left; border:1px solid #eee; background:#fff; margin:10px 10px 0 0;}

.manage-right-box{ width:96%; float:right; padding:0; background:#fff;}
.manage-right-box i{ float:left; padding:15px 10px 10px 10px;}
.manage-right-textbox{ width:95%; float:left; padding:10px 0 0; text-align:left;}
.manage-right-box-account{ width:100%; float:left; padding:0 0 5px; font-size:16px; color:#ff5e14; font-family:'robotobold'; text-align:left;}
.manage-right-box-sbhdng{ width:100%; float:left; padding:2px 0; font-size:12px; color:#444; font-family:'robotomedium';}
.manage-right-box-text{ width:100%; float:left; padding:3px 0 0; font-size:12px; color:#444; font-family: 'poppinsregular';}
.manage-right-box-btm-text{ width:100%; float:left; padding:10px; font-size:12px; color:#444; font-family: 'poppinsregular';}
.manage-right-box-btm-text span{ width:100%; float:left;}

.right-top{ width:100%; float:left; border-bottom:1px solid #eee; padding:20px 0 10px; margin:0 0 10px;}
.manage-right-pagi{ width:100%; float:left;}
.manage-right-pagi ul{ margin:0; padding:0;}
.manage-right-pagi ul li{ float:left; padding:0 1px; list-style:none;}
.manage-right-pagi ul li a{ width:30px; height:30px; float:left; padding:5px 0 0; text-align:center; text-decoration:none; font-size:12px; color:#444; border:1px solid #eee; font-family: 'poppinsregular'; background:#fff;}
.manage-right-pagi ul li a i{ display:inline-block; padding:2px 0 0; text-align:center; text-decoration:none; font-size:14px;}
.manage-right-pagi ul li a:hover, .manage-right-pagi ul li a.active{ text-decoration:none; color:#fff; background:#ff5e14;}

.manage-box-btm{ width:100%; float:left; background:#ddd; padding:5px 10px;}
.manage-box-btm a{ display:inline-block; text-decoration:none;}

.shipment-invoice-details-box{ width:100%; float:left; border-bottom:1px solid #eee; padding:10px 0;}
.shipment-invoice-details-box-hdng{ width:100%; float:left; padding:0; font-size:14px; color:#000; font-family:'robotobold';}
.shipment-invoice-details-box-hdng span{ font-family:'poppinsregular';}
.shipment-invoice-details-box-text{ width:100%; float:left; padding:0; font-size:12px; color:#000; font-family:'poppinsregular';}
.shipment-invoice-details-box-text span{ width:50%; float:right;}
.shipment-invoice-details-box-city{ width:100%; float:left; font-size:18px; color:#000; font-family: 'robotobold';}
.shipment-invoice-details-box-code{ width:100%; float:left; font-size:30px; color:#000; font-family: 'robotobold';}
.shipment-invoice-details-box-code-bg{ width:100%; float:left; background:#000; padding:0 15px; font-size:30px; color:#fff; font-family: 'robotobold';}

.popup-btn{ width:28px; height:28px; padding:0; text-align:center; background:#ff5e14; position:absolute; z-index:2; bottom:2px; right:2px;}
.popup-btn a, .popup-btn a:hover{ display:inline-block; color:#fff; font-size:18px; text-decoration:none;}

.validerrors { color:#ff0000; }
.validerrors p { margin:0px;padding:0px; }





@media only screen and (max-width:1280px){
.bnr-hdng{ font-size:60px;}
.bnr-search-input{ width:80%; padding:7px 15px; font-size:20px; border-radius:10px;}
.bnr-search-btn{ width:20%; float:right; padding:10px 10px; font-size:16px; border-radius:10px;}
.bnr-search i{ top:13px; right:120px; padding:15px; color:#000; font-size:16px;}
.services-textbox{ width:75%; padding:15px 20px;}
}


@media only screen and (max-width:1024px){
.inr-hdr{ padding:150px 0 100px;}
.inr-hdng{ width:80%; font-size:40px; left:5%; right:5%;}
.bnr-hdng{ font-size:54px;}
.cate-page-leftarea ul li{ padding:0 0 0 30px; font-size:14px; border-bottom:1px solid #d7d7d7; border-left:2px solid #d7d7d7;}
}



@media only screen and (max-width:990px){
.header-top-left{ float:left; padding:10px 15px; border-right:1px solid #ebbc09;}
.header-top-left i{ padding:3px 10px 0 0; font-size:16px;}
.header-top-left span a{ font-size:14px;}
.header-top-right{ padding:5px 7px;}
.header-top-right a i{ padding:7px 10px; font-size:16px;}
.header-top-right a span{ float:left; padding:4px 10px 0; font-size:14px;}
.bnr-search-input{ width:75%; padding:7px 15px; font-size:18px; border-radius:10px;}
.bnr-search-btn{ width:25%; padding:10px 10px; font-size:16px; border-radius:10px;}
.bnr-search i{ top:13px; right:100px; padding:15px; font-size:16px;}
.footer-links ul li{ font-size:14px; padding:10px 0;}
.footer-links ul li span{ padding:0 15px;}
.category-section-sbhdng{ font-size:26px;}
.category-section-hdng{ font-size:54px;}
.why-textbox-hdng a{ font-size:24px;}
.about-section-sbhdng{ font-size:26px;}
.about-section-hdng{ font-size:54px;}
.services-textbox{ width:75%; padding:25px 20px;}
.bnr-hdng{ font-size:44px;}

.inr-services-hdng{ padding:20px 15px 15px; font-size:20px;}
.inr-services-text{ width:100%; font-size:14px; line-height:22px;}
.inr-services-link{ margin:20px 0; font-size:13px;}
.inr-hdng{ width:90%; font-size:36px; bottom:10px; left:5%; right:5%;}
.services-left-link a{ padding:10px 20px; font-size:14px;}
.services-right-hdng{ padding:30px 0 20px; font-size:26px;}
.services-right-text{ font-size:14px; line-height:24px; padding:0 0 20px;}

}



@media only screen and (max-width:768px){
.header-top{ box-shadow:0 2px 4px #ddd; padding:5px 0;}
.header-top-left{ padding:3px;}
.header-top-right{ padding:5px 7px; margin:7px 0 0;}
.email-input{ width:70%; height:50px; font-size:14px; padding:5px 10px;}
.email-btn{ width:26%; height:50px; margin:0 0 0 5px; font-size:14px; padding:0;}
.bnr-hdng{ font-size:36px;}
.bnr-search i{ top:13px; right:90px; padding:15px; font-size:16px;}
.about-section-sbhdng{ font-size:20px;}
.about-section-hdng{ font-size:40px;}
.about-section-text{ font-size:16px; line-height:28px;}
.why-textbox-hdng a{ font-size:22px;}
.category-section-sbhdng{ font-size:20px;}
.category-section-hdng{ font-size:40px;}
.category-box{ padding:20px;}
.category-textbox-hdng{ padding:15px 0; font-size:18px;}
.footer-social a{ font-size:18px; margin:0 5px;}
.footer-links ul li span{ padding:0 10px;}
.footer-btm{ font-size:14px; padding:15px 0;}
.inr-hdr{ padding:70px 0;}
.inr-hdng{ width:90%; font-size:32px; left:5%; right:5%;}
.top-menu{ padding: 0 0 10px;}.services-right-hdng{ padding:20px 0 15px; font-size:20px;}

.services-left-link a{ padding:10px 15px; font-size:13px;}
.services-right-text{ font-size:13px; line-height:20px; padding:0 0 15px;}
.track-left-time{ font-size:14px;}
.track-left-hdng{ font-size:26px;}
}



@media only screen and (max-width:576px){
.header-top-right{ padding:5px 7px; margin:-26px 0 0;}
.header-top-right a i{ padding:3px 5px; font-size:14px;}
.header-top-right a span{ float:left; padding:0px 10px 0; font-size:13px;}
.header-top-left span a{ font-size:12px;}
.bnr-hdng{ font-size:30px;}
.bnr-search{ padding:10px; border-radius:10px;}
.bnr-search i{ top:13px; right:75px; padding:10px; font-size:14px;}
.bnr-search-input{ width:75%; padding:7px 15px; font-size:16px; border-radius:10px;}
.bnr-search-btn{ width:25%; padding:10px ; font-size:14px; border-radius:10px;}
.services-box{ padding:15px;}
.services-textbox{ width:75%; padding:20px;}

.about-section-sbhdng{ font-size:18px;}
.about-section-hdng{ font-size:32px;}
.about-section-text{ font-size:14px; line-height:24px;}
.why-textbox-hdng a{ font-size:18px;}
.category-section-sbhdng{ font-size:18px;}
.category-section-hdng{ font-size:32px;}
.inr-hdng{ width:90%; font-size:26px; left:5%; right:5%;}
}



@media only screen and (max-width:480px){
.bnr-hdng{ font-size:24px;}
.bnr-search{ padding:7px; border-radius:10px;}
.bnr-search i{ top:13px; right:65px; padding:7px; font-size:14px;}
.bnr-search-input{ width:70%; padding:11px 15px 7px 0; font-size:14px; border-radius:10px;}
.bnr-search-btn{ width:30%; padding:10px; font-size:13px; border-radius:10px;}
.services-box{ padding:15px;}
.services-textbox{ width:75%; padding:20px;}
.about-section-sbhdng{ font-size:16px;}
.about-section-hdng{ font-size:26px;}
.about-section-text{ font-size:14px; line-height:24px;}
.about-section-btn a{ font-size:14px; padding:10px 30px;}
.category-section-sbhdng{ font-size:16px;}
.category-section-hdng{ font-size:26px;}
}



@media only screen and (max-width:426px){

}



@media only screen and (max-width:375px){

}