@charset "UTF-8";
/* Import All CSS */
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url(lib/css/bootstrap.min.css);
@import url(lib/css/fontawesome/css/all.min.css);
body {
  margin: 0;
  padding: 0;
  font-family: "Barlow", sans-serif;
  font-size: 20px;
  line-height: 30px;
  color: #292929;
  background: #f8fbfc;
}

a {
  text-decoration: none;
  cursor: pointer;
}

input,
textarea,
img {
  width: 100%;
}

h1, h2, h3, h4, h5, h6, ul, li {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

.display-none {
  display: none;
}

.display-block {
  display: block;
}

.display-flex {
  display: flex;
}

.top-content {
  margin: auto auto;
}
@media only screen and (min-width:1200px) {
  .top-content {
    width: 1140px;
  }
}
@media only screen and (max-width:1199px) {
  .top-content {
    width: 720px;
  }
}
@media only screen and (max-width:767px) {
  .top-content {
    width: 100%;
  }
}

div.row {
  --bs-gutter-x:0;
}

div.left-sidebar {
  /*width: 770px;
  float: left;*/
  padding: 40px 10px 40px 10px;
}
@media only screen and (max-width:767px) {
  div.left-sidebar {
    padding: 40px;
  }
}

div.right-sidebar {
  /*width: 370px;
  float: left;*/
  padding: 40px 10px 40px 10px;
}

@media only screen and (max-width:1199px) {
  .hide-lg-landscape {
    display: none;
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .hide-lg {
    display: none;
  }
}

@media only screen and (max-width:991px) {
  .hide-md-landscape {
    display: none;
  }
}

@media only screen and (max-width:767px) {
  .hide-xs {
    display: none;
  }
}

.clear {
  clear: both;
}

.show {
  display: block !important;
  -webkit-animation: fadein 0.5s ease-in;
  -moz-animation: fadein 0.5s ease-in;
  animation: fadein 0.5s ease-in;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.show-flex {
  display: flex !important;
  -webkit-animation: fadein 0.5s ease-in;
  -moz-animation: fadein 0.5s ease-in;
  animation: fadein 0.5s ease-in;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/********** Scroll Bar Window ***************/
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #98a0ae;
  opacity: 0.5;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #292929;
}

/****************** Margin Space *******************/
.mg-5 {
  margin: 5px !important;
}

.mg-10 {
  margin: 10px !important;
}

.mg-15 {
  margin: 15px !important;
}

.mg-20 {
  margin: 20px !important;
}

.mg-25 {
  margin: 25px !important;
}

.mg-30 {
  margin: 30px !important;
}

.mg-35 {
  margin: 35px !important;
}

.mg-40 {
  margin: 40px !important;
}

.mg-45 {
  margin: 45px !important;
}

.mg-50 {
  margin: 50px !important;
}

.mg-t-5 {
  margin-top: 5px !important;
}

.mg-t-10 {
  margin-top: 10px !important;
}

.mg-t-15 {
  margin-top: 15px !important;
}

.mg-t-20 {
  margin-top: 20px !important;
}

.mg-t-25 {
  margin-top: 25px !important;
}

.mg-t-30 {
  margin-top: 30px !important;
}

.mg-t-35 {
  margin-top: 35px !important;
}

.mg-t-40 {
  margin-top: 40px !important;
}

.mg-t-45 {
  margin-top: 45px !important;
}

.mg-t-50 {
  margin-top: 50px !important;
}

.mg-b-5 {
  margin-bottom: 5px !important;
}

.mg-b-10 {
  margin-bottom: 10px !important;
}

.mg-b-15 {
  margin-bottom: 15px !important;
}

.mg-b-20 {
  margin-bottom: 20px !important;
}

.mg-b-25 {
  margin-bottom: 25px !important;
}

.mg-b-30 {
  margin-bottom: 30px !important;
}

.mg-b-35 {
  margin-bottom: 35px !important;
}

.mg-b-40 {
  margin-bottom: 40px !important;
}

.mg-b-45 {
  margin-bottom: 45px !important;
}

.mg-b-50 {
  margin-bottom: 50px !important;
}

.mg-l-5 {
  margin-left: 5px !important;
}

.mg-l-10 {
  margin-left: 10px !important;
}

.mg-l-15 {
  margin-left: 15px !important;
}

.mg-l-20 {
  margin-left: 20px !important;
}

.mg-l-25 {
  margin-left: 25px !important;
}

.mg-l-30 {
  margin-left: 30px !important;
}

.mg-l-35 {
  margin-left: 35px !important;
}

.mg-l-40 {
  margin-left: 40px !important;
}

.mg-l-45 {
  margin-left: 45px !important;
}

.mg-l-50 {
  margin-left: 50px !important;
}

.mg-r-5 {
  margin-right: 5px !important;
}

.mg-r-10 {
  margin-right: 10px !important;
}

.mg-r-15 {
  margin-right: 15px !important;
}

.mg-r-20 {
  margin-right: 20px !important;
}

.mg-r-25 {
  margin-right: 25px !important;
}

.mg-r-30 {
  margin-right: 30px !important;
}

.mg-r-35 {
  margin-right: 35px !important;
}

.mg-r-40 {
  margin-right: 40px !important;
}

.mg-r-45 {
  margin-right: 45px !important;
}

.mg-r-50 {
  margin-right: 50px !important;
}

.pd-5 {
  padding: 5px !important;
}

.pd-10 {
  padding: 10px !important;
}

.pd-15 {
  padding: 15px !important;
}

.pd-20 {
  padding: 20px !important;
}

.pd-25 {
  padding: 25px !important;
}

.pd-30 {
  padding: 30px !important;
}

.pd-35 {
  padding: 35px !important;
}

.pd-40 {
  padding: 40px !important;
}

.pd-45 {
  padding: 45px !important;
}

.pd-50 {
  padding: 50px !important;
}

.pd-t-5 {
  padding-top: 5px !important;
}

.pd-t-10 {
  padding-top: 10px !important;
}

.pd-t-15 {
  padding-top: 15px !important;
}

.pd-t-20 {
  padding-top: 20px !important;
}

.pd-t-25 {
  padding-top: 25px !important;
}

.pd-t-30 {
  padding-top: 30px !important;
}

.pd-t-35 {
  padding-top: 35px !important;
}

.pd-t-40 {
  padding-top: 40px !important;
}

.pd-t-45 {
  padding-top: 45px !important;
}

.pd-t-50 {
  padding-top: 50px !important;
}

.pd-b-5 {
  padding-bottom: 5px !important;
}

.pd-b-10 {
  padding-bottom: 10px !important;
}

.pd-b-15 {
  padding-bottom: 15px !important;
}

.pd-b-20 {
  padding-bottom: 20px !important;
}

.pd-b-25 {
  padding-bottom: 25px !important;
}

.pd-b-30 {
  padding-bottom: 30px !important;
}

.pd-b-35 {
  padding-bottom: 35px !important;
}

.pd-b-40 {
  padding-bottom: 40px !important;
}

.pd-b-45 {
  padding-bottom: 45px !important;
}

.pd-b-50 {
  padding-bottom: 50px !important;
}

.pd-l-5 {
  padding-left: 5px !important;
}

.pd-l-10 {
  padding-left: 10px !important;
}

.pd-l-15 {
  padding-left: 15px !important;
}

.pd-l-20 {
  padding-left: 20px !important;
}

.pd-l-25 {
  padding-left: 25px !important;
}

.pd-l-30 {
  padding-left: 30px !important;
}

.pd-l-35 {
  padding-left: 35px !important;
}

.pd-l-40 {
  padding-left: 40px !important;
}

.pd-l-45 {
  padding-left: 45px !important;
}

.pd-l-50 {
  padding-left: 50px !important;
}

.pd-r-5 {
  padding-right: 5px !important;
}

.pd-r-10 {
  padding-right: 10px !important;
}

.pd-r-15 {
  padding-right: 15px !important;
}

.pd-r-20 {
  padding-right: 20px !important;
}

.pd-r-25 {
  padding-right: 25px !important;
}

.pd-r-30 {
  padding-right: 30px !important;
}

.pd-r-35 {
  padding-right: 35px !important;
}

.pd-r-40 {
  padding-right: 40px !important;
}

.pd-r-45 {
  padding-right: 45px !important;
}

.pd-r-50 {
  padding-right: 50px !important;
}

.nav_menu {
  position: absolute;
  top: 40px;
  width: 100%;
  min-height: 140px;
}
.nav_menu .logo {
  content: url(svg/logo-ttm.svg);
  width: 200px;
  margin-top: 10px;
  float: left;
}
@media only screen and (max-width:1199px) {
  .nav_menu .logo {
    width: 150px;
  }
}
@media only screen and (max-width:767px) {
  .nav_menu .logo {
    margin-left: 15px;
  }
}

.nav_scroll_menu {
  position: fixed;
  z-index: 2;
  top: 0;
  width: 100%;
  min-height: 51px;
  background-color: rgba(0, 20, 52, 0.9);
  border-bottom: 1px solid rgba(242, 244, 248, 0.3);
  -webkit-animation: fadein 0.5s ease-in;
  -moz-animation: fadein 0.5s ease-in;
  animation: fadein 0.5s ease-in;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.nav_scroll_menu .logo {
  content: url(svg/logo-ttm02.svg);
  width: 90px;
  max-height: 45px;
  margin-top: 5px;
  margin-left: 195px;
  float: left;
}
@media only screen and (max-width:1199px) {
  .nav_scroll_menu .logo {
    margin-left: 0px;
  }
}
@media only screen and (max-width:767px) {
  .nav_scroll_menu .logo {
    margin-left: 15px;
  }
}

.search {
  float: right;
  margin-top: 19px;
  margin-right: 15px;
  width: 200px;
}
@media only screen and (max-width:1199px) {
  .search {
    display: none;
  }
}
.search input {
  font-size: 13px;
  background: none;
  border: 1px solid #98a0ae;
  padding: 3px 10px;
}
.search button {
  background: none;
  color: #5a5a5a;
  border: none;
  position: relative;
  top: -36px;
  left: 166px;
}

nav {
  float: left;
  margin-left: 35px;
  max-height: 45px;
}
@media only screen and (max-width:1199px) {
  nav {
    float: right;
    margin-left: 0px;
  }
}

nav ul {
  display: flex;
  margin-top: 15px;
  padding: 0;
  font-size: 20px;
}
@media only screen and (max-width:1199px) {
  nav ul {
    font-size: 17px;
  }
}

nav ul li {
  list-style: none;
  position: relative;
  line-height: 35px;
  margin: 0 15px;
}
@media only screen and (max-width:1199px) {
  nav ul li {
    margin: 0 10px;
  }
}

nav ul li a {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff;
  line-height: 35px;
}

nav ul li.sub-menu a.drop:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 12px;
  content: "";
  color: #ffffff;
  position: absolute;
  right: -12px;
  top: 3px;
}

nav ul li.sub-menu.show a.drop:before {
  content: "";
}

nav ul li:hover a.drop:before, nav ul li.active a.drop:before {
  color: #0093c8;
}

nav ul li:hover, nav ul li.active {
  border-bottom: 1px solid #0093c8;
}

nav ul li a:hover, nav ul li.active a {
  color: #0093c8;
}

nav ul li.sub-menu.show ul {
  display: block;
  -webkit-animation: fadein 0.5s ease-in;
  -moz-animation: fadein 0.5s ease-in;
  animation: fadein 0.5s ease-in;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
nav ul li ul {
  display: none;
  position: absolute;
  left: -75px;
  top: 21px;
}

nav ul li ul li {
  font-size: 0.8em;
  font-weight: 200;
  color: #ffffff;
  width: 200px;
  text-align: center;
  padding: 2px;
  background-color: rgba(0, 15, 45, 0.7);
  border-bottom: 1px solid #191c1d;
}

nav ul li ul li:hover {
  background-color: rgba(0, 15, 45, 0.5);
  border-bottom: 1px solid #191c1d;
}

nav ul li ul li:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

nav ul li.active ul.sub li a {
  color: #ffffff;
}

nav ul li.active ul.sub li a:hover {
  color: #0093c8;
}

nav #check, nav .checkbtn {
  display: none;
}

@media only screen and (max-width:767px) {
  nav .checkbtn {
    display: block;
    float: right;
    font-size: 30px;
    line-height: 40px;
    margin-top: 6px;
    margin-right: 20px;
    color: #ffffff;
  }

  .nav {
    text-align: center;
  }

  nav ul.menu {
    position: absolute;
    right: 50px;
    width: 250px;
    z-index: 1;
  }

  #check:checked ~ ul {
    display: block;
    -webkit-animation: fadein 0.5s ease-in;
    -moz-animation: fadein 0.5s ease-in;
    animation: fadein 0.5s ease-in;
  }
  @keyframes fadein {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  nav ul {
    display: none;
    margin-top: 0;
    margin-left: 0;
  }

  nav ul li {
    list-style: none;
    position: relative;
    line-height: 50px;
    text-align: center;
    width: 100%;
    margin: 0px;
    background-color: rgba(0, 15, 45, 0.8);
    border-bottom: 1px solid #191c1d;
  }

  nav ul li:hover {
    border-bottom: 1px solid #0093c8;
  }

  nav ul li.sub-menu a.drop:before {
    right: 80px;
    top: 9px;
  }

  nav ul li ul {
    display: none;
    position: absolute;
    left: -100px;
    top: 15px;
  }

  nav ul li ul {
    display: none;
    position: relative;
    left: 0px;
    top: 0px;
  }

  nav ul li ul li {
    width: 100%;
    background-color: rgba(0, 147, 200, 0.4);
    border-bottom: 1px solid rgba(152, 160, 174, 0.4);
  }

  nav ul li ul li a {
    color: #ffffff;
  }

  nav ul li ul li:last-child {
    border-bottom: 1px solid #98a0ae;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  top: 0;
  left: 0;
  background-color: #ffffff;
}
#preloader .preload-content {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -35px;
  z-index: 100;
}
#preloader #dento-load {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 3px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #183469;
  -webkit-animation: dentorotate 2400ms linear infinite;
  animation: dentorotate 2400ms linear infinite;
  z-index: 999;
}
#preloader #dento-load:before {
  content: "";
  position: absolute;
  top: 7.5px;
  left: 7.5px;
  right: 7.5px;
  bottom: 7.5px;
  border-radius: 50%;
  border: 3px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #183469;
  -webkit-animation: dentorotate 2700ms linear infinite;
  animation: dentorotate 2700ms linear infinite;
}
#preloader #dento-load:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  border-radius: 50%;
  border: 3px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #183469;
  -webkit-animation: dentorotate 1800ms linear infinite;
  animation: dentorotate 1800ms linear infinite;
}

@-webkit-keyframes dentorotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes dentorotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#BackToTopBtn {
  position: fixed;
  z-index: 999;
  right: 10px;
  bottom: 10px;
  font-size: 40px;
  color: #0093c8;
  display: none;
}

.ShowBtn {
  display: block !important;
  -webkit-animation: fadein 1s ease-in;
  -moz-animation: fadein 1s ease-in;
  animation: fadein 1s ease-in;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.head {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 40px;
  line-height: 40px;
  color: #ffffff;
  text-align: center;
  background-color: rgba(0, 20, 52, 0.4);
  border-bottom: 1px solid rgba(242, 244, 248, 0.3);
}
.head .top-content {
  text-align: right;
}
@media only screen and (max-width:767px) {
  .head .top-content {
    text-align: center;
  }
}
.head span {
  padding: 0 12px 0 12px;
  border-right: 1px solid #ffffff;
  line-height: 40px;
  font-weight: 300;
  font-size: 13px;
}
.head span i {
  font-size: 13px;
  width: 19px;
  text-align: center;
}
.head span.phone, .head span.mail {
  letter-spacing: 1.5px;
}
@media only screen and (max-width:767px) {
  .head span.phone, .head span.mail {
    display: none;
  }
}
.head span.descrip {
  text-transform: uppercase;
  color: #0093c8;
  letter-spacing: 2.5px;
}
@media only screen and (max-width:1199px) {
  .head span.descrip {
    display: none;
  }
}
.head span.social a {
  color: #ffffff;
}
@media only screen and (max-width:767px) {
  .head span.Language {
    border: 0px;
  }
}
.head span.Language a i {
  width: 18px;
  margin: 0px 3px 5px 3px;
  vertical-align: middle;
}
.head span.Language a i.france {
  content: url(svg/france.svg);
}
.head span.Language a i.english {
  content: url(svg/united-kingdom.svg);
}
.head span.Language a i.italie {
  content: url(svg/italy.svg);
}
@media only screen and (max-width:767px) {
  .head span.profile {
    display: none;
  }
}
.head span.profile i {
  font-size: 16px;
}
.head span.profile a {
  color: #0093c8;
}
.head span:last-child {
  border: 0px;
}

.carousel,
.carousel-item,
.carousel-item.active,
.carousel-item img {
  height: 100vh;
}

@media only screen and (max-width:767px) {
  #carouselExampleControls {
    display: none;
  }
}
.img-banner-mobile {
  background: url("img/banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 280px;
  display: none;
}
@media only screen and (max-width:767px) {
  .img-banner-mobile {
    display: block;
  }
}

h1 {
  font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
}

.line {
  background-color: #0093c8;
  width: 70px;
  height: 3px;
  position: relative;
  top: -10px;
}

section.about .ttm-title {
  background: url("img/bg-title.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 240px;
  text-align: center;
  letter-spacing: 4px;
}
section.about .ttm-title h1 {
  font-size: 50px;
  color: #99d4e9;
  line-height: 85px;
  margin-bottom: 20px;
}
@media only screen and (max-width:576px) {
  section.about .ttm-title h1 {
    font-size: 21px;
  }
}
section.about .ttm-title div.clock {
  padding-top: 15px;
}
section.about .ttm-title div.clock ul {
  display: flex;
  list-style: none;
  width: 401px;
  padding: 0;
  margin: 0 auto;
}
@media only screen and (max-width:576px) {
  section.about .ttm-title div.clock ul {
    width: 320px;
  }
}
section.about .ttm-title div.clock ul li {
  color: #ffffff;
  font-size: 75px;
  line-height: 40px;
  margin: 0;
}
section.about .ttm-title div.clock ul li p {
  position: relative;
  top: 20px;
  left: 0;
  color: #ffffff;
  font-size: 14px;
}
@media only screen and (max-width:576px) {
  section.about .ttm-title div.clock ul li p {
    font-size: 10px;
  }
}
section.about .ttm-title div.clock ul li#hours,
section.about .ttm-title div.clock ul li#min,
section.about .ttm-title div.clock ul li#sec {
  min-width: 110px;
  text-align: center;
}
@media only screen and (max-width:576px) {
  section.about .ttm-title div.clock ul li#hours,
section.about .ttm-title div.clock ul li#min,
section.about .ttm-title div.clock ul li#sec {
    min-width: 90px;
  }
}
section.about .ttm-title div.clock ul li#point {
  min-width: 35px;
  text-align: center;
}
@media only screen and (max-width:576px) {
  section.about .ttm-title div.clock ul li#point {
    min-width: 20px;
  }
}
section.about .company {
  background-color: #f8fbfc;
  background-image: url("img/bg-company.png");
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
  height: 355px;
}
@media only screen and (max-width:576px) {
  section.about .company {
    height: 415px;
  }
}
section.about .our-company {
  padding: 25px;
}
@media only screen and (max-width:1199px) {
  section.about .our-company {
    text-align: center;
  }
}
@media only screen and (max-width:767px) {
  section.about .our-company {
    text-align: center;
  }
}
section.about .our-company div {
  width: 100%;
}
section.about .company h1 {
  color: #183469;
  text-transform: uppercase;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 48px;
  margin-bottom: -30px;
}
@media only screen and (max-width:1199px) {
  section.about .company h1 {
    font-size: 45px;
  }
}
section.about .line {
  margin-top: 45px;
  margin-bottom: 10px;
}
section.about P {
  font-size: 16px;
  line-height: 25px;
}
section.about button {
  color: #ffffff;
  background-color: #032c62;
  padding: 5px 40px;
  margin-top: -10px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
}
section.about button:hover {
  background-color: #0093c8;
  color: #ffffff;
}
section.about .img-transport {
  width: 40%;
  height: 435px;
  float: right;
}
@media only screen and (max-width:767px) {
  section.about .img-transport {
    display: none;
  }
}
section.about .img1 {
  background-image: url("img/img11.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 610px;
  height: 559px;
  float: right;
  position: relative;
  right: 0px;
  bottom: 125px;
}
@media only screen and (max-width:1199px) {
  section.about .img1 {
    background-size: 80%;
  }
}
@media only screen and (max-width:991px) {
  section.about .img1 {
    background-size: 75%;
  }
}
@media only screen and (max-width:767px) {
  section.about .img1 {
    display: none;
  }
}

.land-transport {
  content: url(svg/land-transport.svg);
}

.warehouse {
  content: url(svg/warehouse.svg);
}

.ocean_freight {
  content: url(svg/ocean_freight.svg);
}

.cargo {
  content: url(svg/cargo.svg);
}

.air_freight {
  content: url(svg/air_freight.svg);
}

.clearance {
  content: url(svg/clearance.svg);
}

section.services {
  background-image: url("img/bg-services.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  min-height: 650px;
}
@media only screen and (max-width:767px) {
  section.services {
    display: none;
  }
}
section.services h1 {
  font-size: 70px;
}
@media only screen and (max-width:1199px) {
  section.services h1 {
    font-size: 50px;
  }
}
section.services .nav-title-services {
  width: 325px;
  height: 650px;
  float: left;
}
@media only screen and (max-width:1199px) {
  section.services .nav-title-services {
    width: 235px;
  }
}
section.services .nav-title-services h1 {
  color: #ffffff;
  margin-top: 40px;
}
section.services .nav-title-services ul.title-services {
  margin-top: 15px;
}
section.services .nav-title-services ul.title-services li {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 1px;
  width: 100%;
  line-height: 55px;
}
@media only screen and (max-width:1199px) {
  section.services .nav-title-services ul.title-services li {
    font-size: 13px;
  }
}
section.services .nav-title-services ul.title-services li {
  color: #ffffff;
  cursor: pointer;
}
section.services .nav-title-services ul.title-services li:hover,
section.services .nav-title-services ul.title-services li.active {
  color: #0093c8;
}
section.services .nav-title-services ul.title-services li i {
  color: #0093c8;
  margin-right: 8px;
  font-size: 16px;
}
@media only screen and (max-width:1199px) {
  section.services .nav-title-services ul.title-services li i {
    font-size: 12px;
  }
}
section.services div.separation-service {
  float: left;
  height: 650px;
  width: 5px;
}
section.services div.separation-service div.top {
  height: 200px;
  width: 1px;
  background-color: #0093c8;
}
section.services div.separation-service div.bottom {
  height: 300px;
  width: 1px;
  background-color: #0093c8;
  margin-top: 150px;
}
section.services div.separation-service div i {
  color: #0093c8;
  font-size: 17px;
  position: relative;
}
section.services div.separation-service div.top i {
  top: 195px;
  left: -7px;
}
section.services div.separation-service div.bottom i {
  top: -15px;
  left: -7px;
}
section.services .descript-services {
  height: 650px;
  width: 760px;
  float: left;
  padding-left: 45px;
  padding-top: 45px;
  display: none;
}
@media only screen and (max-width:1199px) {
  section.services .descript-services {
    width: 480px;
    font-size: 15px;
  }
}
section.services .descript-services h2 {
  text-transform: uppercase;
  color: #8fc8db;
  font-size: 50px;
  font-family: "Barlow Condensed", sans-serif;
  line-height: 78px;
}
@media only screen and (max-width:1199px) {
  section.services .descript-services h2 {
    font-size: 38px;
  }
}
section.services .descript-services div.icon-title {
  width: 62px;
  height: 78px;
  margin-right: 20px;
  float: left;
  filter: invert(757%) sepia(34%) saturate(234%) hue-rotate(135deg) brightness(85%) contrast(97%);
}
@media only screen and (max-width:1199px) {
  section.services .descript-services div.icon-title {
    width: 50px;
  }
}
section.services .descript-services ul {
  margin: 35px 0 0 35px;
}
@media only screen and (max-width:1199px) {
  section.services .descript-services ul {
    margin: 5px 0 0 35px;
  }
}
section.services .descript-services ul li {
  list-style-type: circle;
  line-height: 35px;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 1px;
}
@media only screen and (max-width:1199px) {
  section.services .descript-services ul li {
    font-size: 14px;
  }
}
section.services .descript-services p {
  color: #ffffff;
  margin: 25px 25px 0px 25px;
}
@media only screen and (max-width:1199px) {
  section.services .descript-services p {
    margin: 10px 25px 0px 25px;
  }
}
section.services .descript-services button {
  color: #ffffff;
  padding: 5px 60px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
  margin-left: 80px;
  margin-top: 35px;
  background-color: #0093c8;
}
@media only screen and (max-width:1199px) {
  section.services .descript-services button {
    margin-top: 15px;
  }
}
section.services .descript-services button:hover {
  background-color: #032c62;
  color: #ffffff;
}

section.services-mobile {
  background-image: url("img/bg-services.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
  display: none;
}
@media only screen and (max-width:767px) {
  section.services-mobile {
    display: block;
  }
}
section.services-mobile h1 {
  color: #ffffff;
  font-weight: 600;
  font-size: 70px;
  margin-bottom: -10px;
}
@media only screen and (max-width:1199px) {
  section.services-mobile h1 {
    font-size: 50px;
  }
}
section.services-mobile div.nav-service {
  margin: auto;
  margin-top: 20px;
  width: 287px;
  height: 146px;
  border: 1px solid #ffffff;
}
section.services-mobile div.nav-service .icon-service {
  background-size: 100%;
  background-repeat: no-repeat;
  width: 71px;
  height: 71px;
  position: relative;
  top: 15px;
  opacity: 0.8;
  margin: auto;
  filter: invert(97%) sepia(20%) saturate(20%) hue-rotate(240deg) brightness(100%) contrast(97%);
}
section.services-mobile div.nav-service h5 {
  font-size: 20px;
  font-family: "Barlow Condensed", sans-serif;
  color: #bdb8bc;
  position: relative;
  margin-top: 17px;
  text-transform: uppercase;
}
section.services-mobile div.nav-service .read-next {
  content: url("svg/read-more.svg");
  filter: invert(100%) sepia(94%) saturate(8044%) hue-rotate(-197deg) brightness(88%) contrast(97%);
  position: relative;
  bottom: -7px;
  left: 259px;
  width: 26px;
  height: 26px;
}
section.services-mobile div.nav-service .bg-service {
  position: absolute;
  background-color: #183469;
  opacity: 0.65;
  width: 287px;
  height: 146px;
}
section.services-mobile div.nav-service:hover {
  opacity: 0.5;
}

section.contact {
  background-image: url("img/bg-contact.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 440px;
}
@media only screen and (max-width:1199px) {
  section.contact {
    min-height: 455px;
  }
}
section.contact div.left-sidebar {
  width: 50%;
  padding: 15px;
  float: left;
}
@media only screen and (max-width:767px) {
  section.contact div.left-sidebar {
    width: 100%;
    float: none;
  }
}
section.contact div.left-sidebar h1 {
  color: #183469;
  font-size: 3rem;
  font-weight: 700;
}
section.contact div.right-sidebar {
  width: 50%;
  min-height: 397px;
  float: left;
  background-image: url("img/ttm-location.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right;
  padding: 15px 0 15px 15px;
}
@media only screen and (max-width:1199px) {
  section.contact div.right-sidebar {
    background-size: 80%;
  }
}
@media only screen and (max-width:767px) {
  section.contact div.right-sidebar {
    width: 100%;
    float: none;
    padding: 25px;
    background-size: 50%;
  }
}
@media only screen and (max-width:576px) {
  section.contact div.right-sidebar {
    background-size: 275px;
  }
}
section.contact div.right-sidebar .location {
  width: 50%;
}
@media only screen and (max-width:1199px) {
  section.contact div.right-sidebar .location {
    width: 50%;
  }
}
section.contact div.right-sidebar .location div {
  margin-top: 15px;
}
section.contact div.right-sidebar .location div i {
  color: #0093c8;
  font-size: 20px;
  position: relative;
  left: 0;
  top: 5px;
  float: left;
}
section.contact div.right-sidebar .location h3 {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #0093c8;
  text-transform: uppercase;
  margin-left: 20px;
  margin-bottom: 0px;
}
@media only screen and (max-width:1199px) {
  section.contact div.right-sidebar .location h3 {
    font-size: 23px;
  }
}
section.contact div.right-sidebar .location label {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #183469;
  margin-top: 0px;
  margin-bottom: 0px;
}
@media only screen and (max-width:1199px) {
  section.contact div.right-sidebar .location label {
    font-size: 14.5px;
  }
}
section.contact div.right-sidebar .location p {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  color: #292929;
  margin-top: 0px;
}
@media only screen and (max-width:1199px) {
  section.contact div.right-sidebar .location p {
    font-size: 13px;
  }
}

section.footer {
  background-image: url("img/bg-footer.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 25px;
  min-height: 280px;
}
section.footer .row {
  width: 100% !important;
}
section.footer div.one-sidebar span {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
}
@media only screen and (max-width:1199px) {
  section.footer div.one-sidebar span {
    font-size: 10px;
  }
}
section.footer div.one-sidebar span.title {
  line-height: 30px;
  margin-top: 0px;
  font-size: 40px;
  font-weight: 700;
}
@media only screen and (max-width:1199px) {
  section.footer div.one-sidebar span.title {
    font-size: 25px;
  }
}
section.footer div.one-sidebar span.tx-primary {
  color: #0093c8;
}
section.footer div h3 {
  color: #99d4e9;
  text-transform: uppercase;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 30px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 0px;
}
section.footer div .line {
  background-color: #99d4e9;
  height: 1px;
  width: 100%;
  position: relative;
  top: -7px;
}
section.footer div ul li {
  list-style-type: square;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 33px;
}
@media only screen and (max-width:1199px) {
  section.footer div ul li {
    font-size: 11px;
  }
}
section.footer .two-sidebar, section.footer .three-sidebar {
  display: block;
}
@media only screen and (max-width:991px) {
  section.footer .two-sidebar, section.footer .three-sidebar {
    display: none;
  }
}
section.footer .two-sidebar ul, section.footer .three-sidebar ul {
  margin-left: 30px;
}
section.footer .two-sidebar ul li a, section.footer .three-sidebar ul li a {
  color: #ffffff;
}
section.footer .two-sidebar ul li a:hover, section.footer .three-sidebar ul li a:hover {
  color: #0093c8;
}
section.footer div.foor-sidebar span {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0093c8;
}
section.footer div.foor-sidebar span.title {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-size: 30px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #99d4e9;
}

/* div.ttm-title .top-content,
div.company .img-transport,
div.company .top-content,
section.services .top-content,
section.services-mobile .top-content,
section.contact .top-content,
section.footer .top-content
{display:none;} */
section.banner {
  background: url("img/banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 405px;
}
section.banner div.title-ttm {
  width: 470px;
  margin: 0 auto 0 auto;
  padding: 200px 0 0 0;
  text-align: center;
}
@media only screen and (max-width:767px) {
  section.banner div.title-ttm {
    width: 340px;
  }
}
section.banner div.title-ttm span {
  font-size: 35px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
}
@media only screen and (max-width:767px) {
  section.banner div.title-ttm span {
    font-size: 21px;
  }
}
section.banner div.title-ttm div.title {
  line-height: 70px;
  margin-top: 0px;
  font-size: 80px;
  font-weight: 700;
  text-transform: uppercase;
  color: #0093c8;
}
@media only screen and (max-width:767px) {
  section.banner div.title-ttm div.title {
    font-size: 50px;
  }
}
section.banner div.title-page {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 35px;
  text-align: center;
  margin-top: 15px;
}
section.banner .banner-contact {
  color: #ffffff;
}
section.banner .banner-contact h4 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 25px;
}
@media only screen and (max-width:1199px) {
  section.banner .banner-contact h4 {
    font-size: 22px;
  }
}
section.banner .banner-contact h5 {
  color: #99d4e9;
  text-transform: uppercase;
  font-size: 22px;
}
@media only screen and (max-width:1199px) {
  section.banner .banner-contact h5 {
    font-size: 18px;
  }
}
section.banner .banner-contact .info {
  font-size: 16px;
}
@media only screen and (max-width:1199px) {
  section.banner .banner-contact .info {
    font-size: 13px;
  }
}
section.banner .banner-contact i {
  margin-right: 5px;
}

div.right-sidebar h1 {
  font-weight: 600;
  font-size: 31px;
}
div.right-sidebar .shadows {
  box-shadow: 1px 2px 2px #98a0ae;
}

h1 {
  font: "Barlow Condensed", sans-serif;
  color: #183469;
  font-weight: 700;
  font-size: 50px;
}
@media only screen and (max-width:1199px) {
  h1 {
    font-size: 40px;
  }
}

div.page-about i {
  width: 50px;
  filter: invert(100%) sepia(94%) saturate(8044%) hue-rotate(-197deg) brightness(88%) contrast(97%);
}
div.page-about i.consulting {
  content: url(svg/consulting.svg);
}
div.page-about i.open-book {
  content: url(svg/open-book.svg);
}
div.page-about i.customer-review {
  content: url(svg/customer-review.svg);
}
div.page-about i.save-money {
  content: url(svg/save-money.svg);
}
div.page-about i.winner {
  content: url(svg/winner.svg);
}
div.page-about div.left-sidebar i {
  width: 30px;
}
div.page-about div.left-sidebar h1 {
  font-weight: 700;
  font-size: 50px;
}
div.page-about div.left-sidebar h5 {
  font-weight: 500;
  font-size: 30px;
  color: #99d4e9;
  margin-top: 20px;
  margin-bottom: -5px;
}
div.page-about div.left-sidebar label {
  font-size: 17px;
  color: #c7c7c8;
  position: relative;
}
div.page-about div.left-sidebar p {
  margin: 15px 0 15px 0;
}
div.page-about .bg-white {
  background-color: #ffffff !important;
}
@media only screen and (max-width:767px) {
  div.page-about .bg-white {
    padding: 40px;
  }
}
div.page-about i {
  float: left;
}
div.page-about .title {
  /*float: left;
  padding-left: 15px;*/
  margin-left: 60px;
  padding-bottom: 20px;
}
div.page-about .title h5 {
  font-family: "Barlow", sans-serif;
  color: #99d4e9;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}

div.page-service .full_container {
  background-image: url("img/full_container.jpg");
}
div.page-service .groupage {
  background-image: url("img/groupage.jpg");
}
div.page-service .transportation01 {
  background-image: url("img/transportation01.jpg");
}
div.page-service .transportation02 {
  background-image: url("img/transportation02.jpg");
}
div.page-service .air {
  background-image: url("img/air.jpg");
}
div.page-service .custom_clearance {
  background-image: url("img/clearance.jpg");
}
div.page-service .warehousing01 {
  background-image: url("img/warehousing01.jpg");
}
div.page-service .warehousing02 {
  background-image: url("img/warehousing02.jpg");
}
div.page-service .img {
  width: 100%;
  height: 255px;
  background-size: cover;
  padding: 10px;
}
div.page-service .inline-border {
  width: 100%;
  height: 100%;
  border: 5px solid rgba(255, 255, 255, 0.69);
}
div.page-service h5 {
  color: #0093c8;
  text-transform: uppercase;
  font-size: 25px;
}
div.page-service ul li {
  line-height: 30px;
}
div.page-service ul li i {
  color: #0093c8;
  font-size: 17px;
  margin-right: 5px;
}

form div.form-contact {
  margin-top: -10px;
}
form label {
  text-transform: uppercase;
  font-size: 15px;
}
form .form-contact i {
  position: relative;
  top: 35px;
  left: 9px;
  font-size: 17px;
  color: #98a0ae;
}
form .form-contact input, form .form-contact textarea {
  font-size: 13px;
  padding-left: 35px;
  color: #98a0ae;
  background-color: #f3f6f7;
  border: 1px solid #d2d6d7;
  line-height: 35px;
}
form .form-contact input::placeholder, form .form-contact textarea::placeholder {
  text-transform: uppercase;
}
form button {
  color: #ffffff !important;
  background-color: #0093c8 !important;
  padding: 5px 40px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
  margin: 0 auto;
  margin-top: 10px;
}
form button:hover {
  background-color: #032c62 !important;
  color: #ffffff;
}

.read-more{
  border-radius: 6px;
  color: #ffffff;
  padding: 7px 40px;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 600;
  margin-left: 80px;
}

.bg-blue{
  background-color: #183469;
}
.bg-blue:hover{
  color: #ffffff;
  background-color: #183479;
}
.bg-prim{
  background-color: #0093c8;
}
.bg-prim:hover{
  color: #ffffff;
  background-color: #0093a8;
}
/*# sourceMappingURL=style.css.map */