@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600);@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);@font-face {font-family: 'AlfaSlabOneRegular';src: url('/images/TNT%20158/AlfaSlabOneRegular.eot');src: url('/images/TNT%20158/AlfaSlabOneRegular.eot') format('embedded-opentype'), url('/images/TNT%20158/AlfaSlabOneRegular.woff2') format('woff2'), url('/images/TNT%20158/AlfaSlabOneRegular.woff') format('woff'), url('/images/TNT%20158/AlfaSlabOneRegular.ttf') format('truetype'), url('/images/TNT%20158/AlfaSlabOneRegular.svg#AlfaSlabOneRegular') format('svg');} body{margin: 0;padding: 0;line-height: 26px;font-size: 13px;font-family: 'Open Sans', sans-serif;text-align: justify;color: #fff;} a:focus, a:hover, a:active {outline: medium none !important;} #table_inner_content {float: left;text-align: center;width: 100%;} .main {text-align: center;} .navbar-brand {display: none;} a:focus, a:hover, a:active {outline: medium none !important;} .maindiv {float: left;width: 100%;} .headercontainer {float: left;width: 100%;padding-bottom: 35px;} .logo{float: left;width: 100%;padding-top: 10px;} .info {float: left;color: #333333;text-transform: uppercase;padding: 0 7px;font-size: 12px;margin-top: 55px;line-height: 17px;} .info img {background-color: #8e8686;padding: 5px;float: left;margin-right: 7px;} .info img:hover {background-color: #0080b7;} .clr {background-color: #0080b7 !important;} .infocon {float: left;} .infocon a {text-decoration: none;color: #333333;text-transform: lowercase;} .infocon span {font-weight: bold;color: #01a5e2;font-size: 14px;} .navbar-inverse {background-color: transparent;border-color: transparent;margin: 0;} .navbar-inverse .navbar-nav > li > a {color: #fff;text-transform: uppercase;} .menucontainer {float: left;width: 100%;position: absolute;top: 20%;z-index: 6;} .menuH {float: left;width: 100%;background-color: #01a5e2;} .menuH ul {margin: auto;padding: 0;display: table;float: none;} .menuH ul li {list-style-image: url("/images/TNT%20158/bdr.png");display: list-item;} .menuH ul li:first-child {list-style: none !important;} .menuH ul li a {font-weight: 600;padding: 15px 30px 0px 20px;font-size: 14px;} .menuH ul li ul li {list-style: none;} .menuH ul li ul li a {text-transform: uppercase;text-align: center;padding: 10px;color: #fff;} .dropdown-menu {display: none !important;background-color: #01a5e2;} .dropdown:hover .dropdown-menu {display: block !important;} .banner{float: left;width: 100%;} .banner img{width: 100%;} .servicecontainer {float: left;width: 100%;background-image: url("../../images/TNT20158/servicebg.jpg");background-repeat: no-repeat;background-size: 100% 100%;padding: 70px 0;} .servicecontent {float: left;width: 100%;} .servicecontent img {margin-bottom: 45px;} .serviceitem {border-top-left-radius: 50px;border-bottom-left-radius: 50px;transition: .5s ease-in-out;} .serviceitem a {display: flex;align-items: center;border-top-left-radius: 50px;border-bottom-left-radius: 50px;margin-bottom: 20px;text-transform: uppercase;font-weight: bold;transition: .5s ease-in-out;text-decoration: none;} .serviceitem:last-child {margin-bottom: 0;} .serviceitem:hover {width: 100%;transition: .5s ease-in-out;} .scon {color: #000;padding: 10px 20px;} .scon b {font-size: 26px;color: #fff;} .c1 {background-color: #0cbce2;border-right: 5px solid #fff;width: 80%;} .c2 {background-color: #148fdd;border-right: 5px solid #fff;width: 90%;} .c3 {background-color: #05a4c6;border-right: 5px solid #fff;width: 100%;} .c4 {background-color: #46a5e2;border-right: 5px solid #fff;width: 70%;} .c5 {background-color: #2e78a8;border-right: 5px solid #fff;width: 75%;} .c6 {background-color: #708a9b;border-right: 5px solid #fff;width: 60%;} .c1:hover {background-color: #1fc5e9;} .c2:hover {background-color: #5cc3da;} .c3:hover {background-color: #5cade0} .c4:hover {background-color: #96cbed;} .c5:hover {background-color: #5ba4d4;} .c6:hover {background-color: #a4c5db;} .more {margin-top: 50px;} .serviceitem:hover img {transform: rotateY(360deg);transition: .4s ease-in-out;} .whycontainer {float: left;width: 100%;background-image: url("../../images/TNT20158/why1.jpg"),url("../../images/TNT20158/why2.jpg");background-position: left center,right center;background-repeat: no-repeat;background-size: 50% 100%;margin: 60px 0;padding: 50px 0;} .whycontainer img {padding-right: 38px;} .whyhead {float: left;width: 100%;padding-top: 40px;text-transform: uppercase;font-size: 30px;font-weight: bold;} .whyhead img {float: left;margin-left: -58px;padding-bottom: 10px;margin-top: -90px;} .whycontent{float: left;width: 100%;} .whycon {float: left;width: 100%;padding: 20px 0;} .whycon b {text-transform: uppercase;} .cimg {float: left;margin-left: -55px;} .testimonialcontainer{float: left;width: 100%;} .testbg {float: left;width: 100%;background-image: url("../../images/TNT20158/testimonialbg.jpg");background-repeat: no-repeat;padding: 40px;} .testimonialhead {float: left;width: 100%;font-size: 30px;text-transform: capitalize;font-family: 'AlfaSlabOneRegular';font-weight: bold;padding-bottom: 20px;} .testimonialcontent {float: left;width: 100%;padding: 20px 0;} .testcon{float: left;width: 100%;padding-top: 15px;} .testcon img {padding-top: 15px;} .conimg {float: left;width: 100%;} .conimg img {margin: auto;transition: .3s ease-in-out;} .conimg img:hover {opacity: .7;transition: .3s ease-in-out;} .bdr {border-right: 1px solid #fff;} .footercontainer {float: left;width: 100%;background-repeat: no-repeat;background-size: 100% 100% !important;color: #4a4a4a;background: url("../../images/TNT20158/footerbg.png") 0 0 repeat;-webkit-animation: animate_background 2s linear 0s infinite;-moz-animation: animate_background 2s linear 0s infinite;-o-animation: animate_background 2s linear 0s infinite;animation: animate_background 6s linear 0s infinite;} @-webkit-keyframes animate_background {from {background-position: 0 0;} to {background-position: -200px -0;}} @-moz-keyframes animate_background {from {background-position: 0 0;} to {background-position: -200px 0;}} @-o-keyframes animate_background {from {background-position: 0 0;} to {background-position: 200px 0;}} @keyframes animate_background {from {background-position: 0 0;} to {background-position: -200px 0;}} .fhead {float: left;width: 100%;text-transform: uppercase;font-size: 17px;font-weight: 800;} .fcontent {float: left;width: 100%;font-family: 'Roboto', sans-serif;padding: 20px 0;} .fcontent span {color: #0080b7;text-transform: uppercase;font-size: 15px;font-family: 'Raleway', sans-serif;font-weight: 800;} .fcontent ul {padding: 0;} .fcontent ul li {list-style: inside;list-style-type: none;padding: 8px 0;} .lh {line-height: 24px;} .fcontent ul li img {float: left;padding-right: 10px;padding-top: 9px;} .fcontent a {color: #4f4f4f;text-decoration: none;transition: .3s ease-in-out;} .fcontent a:hover {color: #0080b7;transition: .3s ease-in-out;} .fs {float: left;width: 100%;margin: 15px 0;} .fs img {float: left;padding-right: 25px;} .truck {float: left;width: 100%;position: relative;padding: 40px;} .truck img {z-index: 1;position: absolute;bottom: -70px;left: 4%;} .rightscontainer {float: left;width: 100%;background-image: url("../../images/TNT20158/road.png");background-repeat: no-repeat;background-size: 100% 100%;padding: 25px 0;} .rights{float: left;width: 100%;color: #fff;} .rights a {color: #fff;text-decoration: none;transition: .3s ease-in-out;} .rights a:hover {color: #0080b7;transition: .3s ease-in-out;} .rights a img {position: absolute;right: 0;bottom: 54px;margin-right: -40px;transition: 2s ease-in-out;} .rights a img:hover {transition: 2s ease-in-out;transform: rotateY(360deg)} .carousel-control.left {background-image: none !important;} .carousel-control.right {background-image: none !important;} .testimonialcontent .carousel-control {top: 135px !important;left: 83%;} .carousel-indicators {bottom: 20px;display: none;} nav a {position: relative;display: inline-block;margin: 15px 0px;outline: none;color: #fff;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;font-weight: 400;text-shadow: 0 0 1px rgba(255,255,255,0.3);font-size: 1.35em;} nav a:hover, nav a:focus {outline: none;} .cl-effect-20 a {line-height: 2em;-webkit-perspective: 800px;-moz-perspective: 800px;perspective: 800px;} .cl-effect-20 a span {position: relative;display: inline-block;padding: 4px 15px 2px;background: #0080b7;-webkit-transition: background 0.6s;-moz-transition: background 0.6s;transition: background 0.6s;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%;transform-origin: 0% 50%;border: 1px solid #fff;} .cl-effect-20 a span::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;color: #2f4351;content: attr(data-hover);-webkit-transform: rotateX(270deg);-moz-transform: rotateX(270deg);transform: rotateX(270deg);-webkit-transition: -webkit-transform 0.6s;-moz-transition: -moz-transform 0.6s;transition: transform 0.6s;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0;pointer-events: none;border: 1px solid #fff;padding: 3px 13px 0;} .cl-effect-20 a:hover span, .cl-effect-20 a:focus span {background: #2f4351;} .cl-effect-20 a:hover span::before, .cl-effect-20 a:focus span::before {-webkit-transform: rotateX(10deg);-moz-transform: rotateX(10deg);transform: rotateX(10deg);} @media(min-width:320px) and (max-width:479px){.logo {padding: 15px 0;} .info {margin-top: 15px;} .headercontainer {padding-bottom: 0;} .menucontainer {position: relative;top: 0;padding: 20px 0;} .menuH ul {margin: 0;padding-bottom: 10px;} .menuH ul li {list-style-image: none;padding: 5px 0;} .slider-container, .wrapper {height: 129px;} .servicecontent img {margin-bottom: 30px;} .servicecontainer {background: none;background-color: #0180b7;} .more {margin: 0 0 25px 0;} .scon b {font-size: 15px;} .serviceitem img {padding-right: 0px;} .c5 {width: 85%;} .c6 {width: 65%;} .whycontainer {background: none;background-color: #34bdf1;} .whyhead {font-size: 24px;} .whyhead img {display: none;} .whycon {text-align: center;} .cimg img{float: none;margin: auto;padding-bottom: 10px;padding-right: 0;} .testbg {background-image: none;padding: 10px 0;background-color: #0b6484;} .bdr {border-right: none;} .testimonialhead {padding: 20px 0;text-align: center;} .testcon {padding: 10px;} .carousel-control {top: 90% !important;left: 78%;} .footercontainer {background: none;background: linear-gradient(#fcfcfc, #73ccef);padding-top: 20px;} .truck {display: none;} .rights a img {margin-right: 10px;margin-bottom: -38px;} .rights {text-align: center;} .rightscontainer {background: none;padding: 15px 0;background-color: #4a4a4a;} .cimg {margin-left: 0;}} @media(min-width:480px) and (max-width:639px){.logo {padding: 15px 0;} .info {margin-top: 15px;width: 100%;} .headercontainer {padding-bottom: 0;} .menucontainer {position: relative;top: 0;padding: 20px 0;} .menuH ul {margin: 0;padding-bottom: 10px;} .menuH ul li {list-style-image: none;padding: 5px 0;} .slider-container, .wrapper {height: 192px;} .servicecontent img {margin-bottom: 30px;} .servicecontainer {background: none;background-color: #0180b7;} .more {margin: 0 0 25px 0;} .scon b {font-size: 17px;} .serviceitem img {padding-right: 0px;} .c5 {width: 85%;} .c6 {width: 65%;} .whycontainer {background: none;background-color: #34bdf1;} .whyhead {font-size: 24px;text-align: center;} .whyhead img {display: none;} .whycon {text-align: center;} .cimg img{float: none;margin: auto;padding-bottom: 10px;padding-right: 0;} .testbg {background-image: none;padding: 10px 0;background-color: #0b6484;} .bdr {border-right: none;} .testimonialhead {padding: 20px 0;text-align: center;} .testcon {padding: 10px;} .carousel-control {top: 90% !important;left: 78%;} .footercontainer {background: none;background: linear-gradient(#fcfcfc, #73ccef);padding-top: 20px;} .truck {display: none;} .rights a img {margin-right: 10px;margin-bottom: -38px;} .rights {text-align: center;} .rightscontainer {background: none;padding: 15px 0;background-color: #4a4a4a;} .cimg {margin-left: 0;}} @media(min-width:640px) and (max-width:767px){.logo {padding: 15px 0;} .info {margin-top: 15px;} .headercontainer {padding-bottom: 0;} .menucontainer {position: relative;top: 0;padding: 20px 0;} .menuH ul {margin: 0;padding-bottom: 10px;} .menuH ul li {list-style-image: none;padding: 5px 0;} .slider-container, .wrapper {height: 255px;} .servicecontent img {margin: auto;padding-bottom: 20px;} .servicecontainer {background: none;background-color: #0180b7;} .more {margin: 0 0 30px 0;} .scon b {font-size: 17px;} .serviceitem img {padding-right: 0px;} .c5 {width: 85%;} .c6 {width: 65%;} .whycontainer {background: none;background-color: #34bdf1;} .whyhead {font-size: 35px;text-align: center;} .whyhead img {display: none;} .whycon {text-align: center;} .cimg img{float: none;margin: auto;padding-bottom: 10px;padding-right: 0;} .testbg {background-image: none;padding: 10px 0;background-color: #0b6484;} .bdr {border-right: none;} .testimonialhead {padding: 20px 0;text-align: center;} .testcon {padding: 10px;} .carousel-control {top: 90% !important;left: 78%;} .footercontainer {background: none;background: linear-gradient(#fcfcfc, #73ccef);padding-top: 20px;} .truck {display: none;} .rights a img {margin-right: 10px;margin-bottom: -37px;} .rights {text-align: center;} .rightscontainer {background: none;padding: 15px 0;background-color: #4a4a4a;} .cimg {margin-left: 0;}} @media(min-width:768px) and (max-width:991px){.logo {padding-top: 40px;} .infocon {float: left;font-size: 10px;} .infocon span {font-size: 12px;} .info img {padding: 3px;} .menucontainer {top: 9%;} .slider-container, .wrapper {height: 307px;} .scon b {font-size: 18px;} .serviceitem a {margin-bottom: 10px;} .cimg img{margin-top: 30px;} .whyhead {font-size: 23px;} .testimonialcontent {padding: 5px 0;} .carousel-control {left: 82%;} .footercontainer {padding-top: 20px;} .fcontent ul li {padding: 5px 0;} .rights a img {bottom: 77px;} .infocon {float: left;font-size: 10px;} .infocon span {font-size: 12px;} .info img {padding: 3px;} .scon b {font-size: 18px;} .serviceitem a {margin-bottom: 10px;} .cimg img{margin-top: 30px;} .whyhead {font-size: 23px;} .testimonialcontent {padding: 5px 0;} .carousel-control {left: 82%;} .footercontainer {padding-top: 20px;} .fcontent ul li {padding: 5px 0;} .rights a img {bottom: 27px !important;margin-right: 0;}} @media(min-width:992px) and (max-width:1199px){.menucontainer {top: 13%;} .slider-container, .wrapper {height: 410px;} .cimg{margin-top: 10px;} .fcontent span {font-size: 13px;} .rights {float: right;width: auto;font-size: 10px;} .rights a img {bottom: 54px;margin-right: -150px;} .fs img {display: none;}} .carousel-inner > .item > img {position: relative !important;} .carousel {margin-bottom: 0 !important;} .carousel-inner > .item > img {height: 100% !important;} .carousel .item {background: none !important;} .mydropdown-menu {background-color: transparent !important;} .mydropdown ul li {background-color: #333;margin: 2px 0;} .mydropdown-menu > li > a:hover, .mydropdown-menu > li > a:focus {background-color: rgba(241, 244, 245, 0.54) !important;} img{border:0px;padding:0px;}p {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 0px;}a.footline{color: #808080;text-decoration: none;font-size:11px;color: #808080;} a.footline:hover{color: #808080;text-decoration: underline;font-size:11px;color: #808080;}