/*====================================== reset.css is here ========================================*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;outline:none;} table { border-collapse:collapse; border-spacing:0;} fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul { list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold;} q:before,q:after {content:'';} abbr,acronym { border:0;} .clear{clear:both; font-size:0px;line-height:0px; display:block;} .last {margin:0 !important;} .pad_last{padding:0 !important;} .no_bg {background:none !important;} header,nav,section,article,aside,footer,hgroup {display: block;} /**************************************************************************************/ a {color:#000; text-decoration:none; outline:0 none;} a:hover {color:#000; text-decoration:none;} h1 {font-size:24px;} h2 {font-size:22px;} h3 {font-size:18px;} h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;} /*----------------------------------------------------------------------------------*/ html {} body {color:#b1b1b1;} .flt_lt {float:left; display:inline;} .flt_rt {float:right; display:inline;} /* ---------------------------------------------------------------------------------*/ input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;-o-appearance: none; appearance: none; border-radius:0; } @font-face { font-family: 'HouschkaLight'; src: url('../fonts/houschkalight/HouschkaLight.eot'), url('../fonts/houschkalight/HouschkaLight.woff') format('woff'), url('../fonts/houschkalight/HouschkaLight.ttf') format('truetype'), url('../fonts/houschkalight/HouschkaLight.svg#HouschkaLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Kartika'; src: url('../fonts/Kartika/Kartika.eot'), url('../fonts/Kartika/Kartika.woff') format('woff'), url('../fonts/Kartika/Kartika.ttf') format('truetype'), url('../fonts/Kartika/Kartika.svg#Kartika') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KlavikaBold-Bold'; src: url('../fonts/KlavikaBold-Bold/KlavikaBold-Bold.eot'), url('../fonts/KlavikaBold-Bold/KlavikaBold-Bold.otf') format('opentype'), url('../fonts/KlavikaBold-Bold/KlavikaBold-Bold.woff') format('woff'), url('../fonts/KlavikaBold-Bold/KlavikaBold-Bold.ttf') format('truetype'), url('../fonts/KlavikaBold-Bold/KlavikaBold-Bold.svg#KlavikaBold-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KlavikaRegular-TF'; src: url('../fonts/KlavikaRegular-TF/KlavikaRegular-TF.eot'), url('../fonts/KlavikaRegular-TF/KlavikaRegular-TF.otf') format('opentype'), url('../fonts/KlavikaRegular-TF/KlavikaRegular-TF.woff') format('woff'), url('../fonts/KlavikaRegular-TF/KlavikaRegular-TF.ttf') format('truetype'), url('../fonts/KlavikaRegular-TF/KlavikaRegular-TF.svg#KlavikaRegular-TF') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans-Semibold'; src: url('../fonts/OpenSans-Semibold/OpenSans-Semibold.eot'), url('../fonts/OpenSans-Semibold/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans-Semibold/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Helvetica-Oblique'; src: url('../fonts/Helvetica-Oblique/Helvetica-Oblique.eot'), url('../fonts/Helvetica-Oblique/Helvetica-Oblique.otf') format('opentype'), url('../fonts/Helvetica-Oblique/Helvetica-Oblique.woff') format('woff'), url('../fonts/Helvetica-Oblique/Helvetica-Oblique.ttf') format('truetype'), url('../fonts/Helvetica-Oblique/Helvetica-Oblique.svg#Helvetica-Oblique') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans/OpenSans.eot'), url('../fonts/OpenSans/OpenSans.woff') format('woff'), url('../fonts/OpenSans/OpenSans.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans.svg#OpenSans') format('svg'); font-weight: normal; font-style: normal; } /* ----------------------- layout ----------*/ .wrapper {margin:0 auto; } .container { width:1019px; margin:0 auto;} header {width:100%;margin:0 auto;background:#ffffff;z-index:99999;position:fixed;} /*-------------------------------------------*/ /* ------------------ HEADER HERE -------------------*/ .header_in {margin:0 auto;padding:24px 0 20px 0;} .logo {margin:0;float:left;display:inline-block;} .logo a{display:inline-block;} /* ---------------------------------------------------------*/ /* ------------------------- NAVIGATION HERE ---------------*/ nav {margin:0; float:right;display:inline-block;padding:45px 0 0 0;} nav ul {margin:0;padding:0;display:inline-block;} nav ul li {margin:0;padding:0 34px 0 0px;display:inline-block;float:left;} nav ul li a {font-family: 'KlavikaBold-Bold';font-size:15px;font-style:normal;font-weight:normal;color:#989898;padding:0 10px 32px 10px;line-height:14px;} nav ul li a:hover {color:#3070a8;background:url(../images/border.png) no-repeat bottom center;padding:0 10px 32px 10px;} nav ul li a.active {font-family: 'KlavikaBold-Bold';color:#3070a8;background:url(../images/border.png) no-repeat bottom center;padding:0 10px 32px 10px;line-height:14px;} .menu_btn {cursor:pointer;float:right;display:none;} /* ---------------------------------------------------------*/ /* ------------------------ BANNER HERE --------------*/ .banner {margin:0 auto;width:100%;padding:114px 0 0 0;} .banner img {width:100%; height:auto;} .banner_in1 {width:100%;position:relative;} .banner_in {margin:0 auto;padding:144px 0 103px 7px;position:absolute;top:0;} .banner_in_left {margin:0;float:left;display:inline-block;width:478px;} .banner_in_left h1 {font-family: 'KlavikaBold-Bold';font-size:51px;font-style:normal;font-weight:bold;color:#ffffff;text-transform:uppercase;background:url(../images/line.png) no-repeat bottom center;line-height:61px;padding:0 0 14px 0;} .banner_in_left p { font-family: 'HouschkaLight';font-size:21px;font-style:normal;font-weight:normal;color:#e2dede;line-height:25px;padding:15px 0 0 7px;} .banner_in_right {margin:0;float:right;display:inline-block;position:relative;padding:201px 0 0 0;width:496px;} .banner_in_right a {font-family: 'KlavikaBold-Bold';font-size:19px;font-style:normal;font-weight:normal;color:#ffffff;line-height:25px;border:1px solid #ffffff;border-radius:12px;padding:6px 10px 6px 10px;margin:0 30px 0 0;width:91px;float:right;display:block; z-index:999999; position:relative;} .banner_logo {position:absolute;top:206px;right:46px;} /* ---------------------------------------------------------*/ /* ------------------------ CONTENT HERE --------------*/ .content {width:100%;margin:0 auto;background:#ffffff; position:relative;} .content .top1{ position:absolute; top:-85px; left:0px;} .content_in {margin:0 auto;padding:132px 0 0 0;} .about {margin:0;float:left;display:inline-block;position:relative;} .about a {font-family: 'Kartika';font-size:20px;font-style:normal;font-weight:bold;color:#3070a8;text-transform:uppercase;-ms-transform: rotate(270deg);-webkit-transform: rotate(270deg);transform: rotate(270deg);display:block;margin:-5px 0 0 -26px;} .about em {position:absolute; top:-54px;left:0;} .about strong {position:absolute; top:64px;left:0;} .about_in {width:905px;margin:0 auto;padding:0 0 28px 0;} .time {margin:0 auto;width:813px;} .time_img {margin:0;float:left;display:inline-block;} .time_right {margin:0;float:left;display:inline-block;width:574px;padding:0 0 0 30px;} .time_right h3 { font-family: 'Kartika';font-size:40px;font-style:normal;font-weight:bold;color:#eec40e;padding:0 0 0px 0;letter-spacing: 4px;} .time_right p {font-family: 'OpenSans';font-size:25px;font-style:normal;font-weight:normal;color:#343a3c;line-height:30px;} .logistics {margin:0 auto;padding:56px 0 0 51px;} .logistics_left {margin:0;float:left;display:inline-block;width:600px;} .logistics_left h4 { font-family: 'Kartika';font-size:40px;font-style:normal;font-weight:bold;color:#eec40e;padding:0 0 0px 8px;} .logistics_left p {font-family: 'OpenSans';font-size:25px;font-style:normal;font-weight:normal;color:#343a3c;line-height:25px;padding: 0 0 0px 0;} .logistics_left ul {margin:0;padding:0;display:inline-block;} .logistics_left ul li {margin:0;font-family: 'OpenSans';font-size:24px;font-style:normal;font-weight:normal;color:#343a3c;display:block;background:url(../images/dot.png) no-repeat left 14px;padding:0 0 0px 9px;} .logistics_right {margin:0;float:right;display:inline-block;} .solution {margin:0 auto;padding:56px 0 0 0;} .solution_left {margin:0 0 0 56px;float:left;display:inline-block;} .solution_right {margin:0;float:left;display:inline-block;width:642px;padding:0 0 0 27px;} .solution_right h4 { font-family: 'Kartika';font-size:40px;font-style:normal;font-weight:bold;color:#eec40e;padding:0 0 8px 8px;letter-spacing:2px;} .solution_right p { font-family: 'OpenSans';font-size:25px;font-style:normal;font-weight:normal;color:#343a3c;line-height:29px;} .linebg{ width:100%; margin:0 auto; background:url(../images/line_bg.png) no-repeat center 373px;} .gps {width:100%;margin:0 auto;background:url(../images/lorryimg.png) no-repeat center top;background-size:cover;position:relative;} .gps .top2{position:absolute;top:-90px;left:0;} .gps_in {margin:0 auto;padding:61px 0 72px 15px;} .gps_in h3 {font-family: 'KlavikaRegular-TF';font-size:50px;font-style:normal;font-weight:normal;color:#186e8c;padding:0 0 13px 0;line-height:59px;} .gps_in p {font-family: 'Helvetica-Oblique';font-size:26px;font-style:normal;font-weight:normal;color:#495a60;padding:0;} .tracking {margin:0 auto;width:613px;padding:40px 0 0 0;position:relative;} .tracking_img {margin:0;float:left;display:inline-block;} .tracking_right {margin:86px 0 0 22px;float:left;display:inline-block;} .tracking_right a {font-family: 'OpenSans-Semibold';font-size:35px;font-style:normal;font-weight:normal;color:#32484f;padding:7px 31px 13px 31px;border:2px solid #eec40e;border-radius:50px;} .gps_in_logo {margin:0 3.8% 0 0;float:right;display:inline-block;} .jobs {width:100%;margin:0 auto;background:#ffffff;position:relative;} .jobs .top3 {position:absolute;top:-85px; left:0;} .jobs_in {margin:0 auto;padding:71px 0 102px 16px;} .jobs_in h4 {font-family: 'KlavikaRegular-TF';font-size:50px;font-style:normal;font-weight:normal;color:#186e8c;display:inline-block;padding:0 0 63px 0;} .jobs_in small { font-family: 'OpenSans-Semibold';font-size:25px;font-style:normal;font-weight:normal;color:#2b728a;border:2px solid #2b728a;padding:15px 56px;display:block;width:355px;margin:0 0 68px 6px;} .jobs_in input.job_search { text-align:center; font-family: 'OpenSans-Semibold';font-size:25px;font-style:normal;font-weight:normal;color:#2b728a;border:2px solid #2b728a;padding:15px 56px;display:block;width:355px;margin:0 0 68px 6px;} .jobs_in p { font-family: 'OpenSans-Semibold';font-size:26px;font-style:normal;font-weight:normal;color:#186e8c;display:block;padding:0 0 22px 6px;word-spacing:3px;} .jobs_in ul{margin:0;padding:0;display:inline-block;} .jobs_in ul li{margin:0;padding:0;display:inline-block;} .jobs_in ul li .input {width:239px;background:#2b728a; text-align:center; font-family: 'OpenSans';font-size:20px;font-style:normal;font-weight:normal;color:#eec40e;padding:8px 26px 7px 26px;border:none;outline:none;margin:0 12px 0 7px;} .jobs_in ul li .button {width:163px;background:#eec40e;font-family: 'OpenSans-Semibold';font-size:20px;font-style:normal;font-weight:normal;color:#2b728a;padding:7px 0 7px 0;border:none;outline:none;cursor:pointer;} /* ------------------ FOOTER HERE --------------------------*/ footer {width:100%;margin:0 auto;background:url(../images/footer_bg.png) no-repeat top center;background-size:cover;position:relative;} footer .top4{position:absolute;top:-119px;left:0;} .footer_in {margin:0 auto;padding:150px 0 94px 0;} .contact {margin:0;float:left;display:inline-block;position:relative;} .contact a {font-family: 'Kartika';font-size:18px;font-style:normal;font-weight:bold;color:#ffffff;text-transform:uppercase;-ms-transform: rotate(270deg);-webkit-transform: rotate(270deg);transform: rotate(270deg);display:block;margin:174px 0 0 -35px;} .contact em {position:absolute; bottom:-51px;left: 2px;} .contact strong {position:absolute; top:86px;left:2px;} .forms {margin:0 auto;width:936px;} .forms_in {margin:0;float:left;display:inline-block;width:459px;padding:0px 0 0 30px;} .forms_in ul {margin:0;padding:0;display:inline-block;} .forms_in ul li {margin:0;padding:0 0 17px 0;display:block;} .forms_in ul li .input1 {width:251px;background:#2b728a;font-family: 'OpenSans';font-size:20px;font-style:normal;font-weight:normal;color:#eec40e;padding:7px 20px 7px 20px;border:1px solid #ffffff;outline:none;margin: 0 11px 0 0;} .forms_in ul li .button1 {width:111px;background:#eec40e;font-family: 'OpenSans-Semibold';font-size:18px;font-style:normal;font-weight:normal;color:#2b728a;padding:10px 0 10px 0;border:none;outline:none;cursor:pointer;} .forms_in ul li .comt-box {float:left;border:1px solid #ffffff;font-family: 'OpenSans';font-size:20px; font-weight:normal;display:inline-block;color:#eafaff;padding:11px 17px 0 25px;height:137px;width:375px;background:#2b728a;resize:none;} .footer_contact {margin:0;float:right;display:inline-block;} .footer_contact ul {margin:0;padding:0;display:inline-block;} .footer_contact ul li {margin:0;padding:0 0 16px 0;display:block;font-family: 'OpenSans';font-size:20px;font-style:normal;font-weight:normal;color:#ffffff;text-align:right;} .footer_contact ul li p {font-family: 'OpenSans';font-size:20px;font-style:normal;font-weight:normal;color:#ffffff;display:inline-block;} .footer_contact ul li a {font-family: 'OpenSans';font-size:20px;font-style:normal;font-weight:normal;color:#ffffff;display:inline-block;} .icons {margin:20px 0 0 0;float:right;display:inline-block;} .icons ul {margin:0;padding:0;display:inline-block;} .icons ul li {margin:0 0 0 34px;padding:0;display:inline-block;} .icons ul li a {display:inline-block;} /* ---------------------------------------------------------*/ .errS, .errS1 {color:#F00 !important; font-family: 'OpenSans'; margin:10px 20px 0;} .f_success {color:#186e8c !important; font-family: 'OpenSans'; margin:15px 0px 0;} .f_success1 {color:#ffffff !important; font-family: 'OpenSans'; margin:15px 0px 0;}