@font-face {
  font-family: "TitilliumWeb";
  src: url("TitilliumWeb-Regular.ttf");
  font-display: swap;
}
body {margin:0px; font-family: TitilliumWeb, Arial; font-size:1.1em;}
a {text-decoration:none; color:#191B9B;}
h1 {color: #ffffff;}
h2 {font-size:1.6em; font-weight:900; margin-bottom:0px;}
.header {position:fixed; top:0px; left:0px; width:100%; vertical-align:center; z-index:1; background:url('../images/headerbg.png'); background-position: left bottom; text-align:center; color:white; font-size:1em; font-weight:bold;}
.header .advisory {background: white; text-align:center; line-height:1.1em; font-size:1.1em; font-weight:bold; color:#000; transition: display 0.3s;}
.header .logo-head {vertical-align:middle;}

.header .navbar {position:relative; display:inline-block;}
.header .navbar a {margin:0px 10px; border-radius:25px; padding:8px 12px; text-decoration:none; color:white;}
.header .navbar a:hover {color:#181999; background:#ffffff;}
.header .navbar .dropdown {position:relative; top:8px; display:inline-block; overflow:hidden;}
.header .navbar .dropdown:hover {overflow:visible; top:0px;}
.header .navbar .dropdownMenu {position:absolute; top:35px; display:block; width:370px; background:#457BC5; text-align:left; line-height:45px;}
.rot90 {
  font-weight:bold;
  display:inline-block;
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari 3-8 */
  transform: rotate(90deg);
}


.header .phone {border-radius:25px; padding:8px 12px 8px 32px; text-decoration:none; color:#181999; background:#ffffff url('../images/auto-transport-rates-phone.png') no-repeat 10px 8px;}
.header .phone {background-size:25px 25px;}
.header .phone:hover {color:#ffffff; background:#181999 url('../images/auto-transport-rates-phone-h.png') no-repeat 12px 8px;}
.header .phone:hover {background-size:25px 25px;}
.header .navbarMobile {background:#0E0B52; text-align:left; line-height:30px;}
.header .navbarMobileMenu {display:inline-block; position:absolute; right:10px; bottom:10px;}
.header .mobile a {display:block; padding:0px; text-decoration:none; color:#FFFFFF;}
.header .mobile a:hover {/*background:#CFCEDC;*/ color:#0E0B52;}

.header .navbarMobile {display:none; background:#0E0B52; color:#FFFFFF;}
.header .navbarMobile a {display:block; padding:10px 10px; text-decoration:none; color:#FFFFFF;}
.header .navbarMobile .dropdown {display:inline-block;}
.header .navbarMobile .dropdown:hover .dropdownMenu {display: block;}
.header .navbarMobile .dropdownMenu {display:none; background:#212121;}
.header .navbarMobile .dropdownMenu a {display:block; padding:10px 10px 10px 30px;}
.header .navbarMobile .dropdownMenu a:hover {background-color:#dddddd;}
.header .navbarMobile a:hover {background-color:#CFCEDC; color:#0E0B52;}
.header .navbarMobile .dropdown:hover {background-color:#CFCEDC; color:#0E0B52;}
.header .navbarMobile .dropdownMennu:hover {background-color:#CFCEDC; color:#0E0B52;}

.header .phoneMobile {position:absolute; left:10px; bottom:30px; border-radius:25px; padding:0 0 0 10px; width:40px; height:40px; font-size:.8em; text-decoration:none; background:#ffffff url('../images/auto-transport-rates-phone.png') no-repeat 6px 6px;}
.header .phoneMobile {background-size:28px 28px;}
.header .phoneMobile:hover {background:#191B9B url('../images/auto-transport-rates-phone-h.png') no-repeat 6px 6px;}
.header .phoneMobile:hover {background-size:28px 28px;}

.quote {position:relative; top:102px; width:100%; text-align:center;}
.quoteIframe {margin-top:10px; height:570px; border:0px solid red;}
.main {text-align:center; color:#222222; font-size:1.3em;}
.para {margin-bottom:20px;}

.listID {text-align:center;}
.list {margin:10px 0px 0px 0px; display:inline-block; vertical-align:top; text-align:left; padding:0px;}

.title {font-weight:bold; color:black; font-size:1.5em;}
.title2 {font-weight:bold; color:black;}
.titleBlue {margin:40px 80px 20px; font-weight:bold; color:#090394; font-size:1.5em; text-align:center;}
.margin {margin:50px;}
.section {display:inline-block;}
.initial {font-weight:bold; color:black;}
.bold {font-weight:bold;}
.left {float:left; margin-right:30px;}
.right {float:right; margin-left:30px;}
.black {color:black;}
.lower {font-size:.9em;}
.blue {color: #090394;}
.calltoaction {position:relative; margin-top:20px; margin-bottom:30px; background:#090394; padding:30px 40px; color:#FFFFFF;}
.calltoactiontext {display:inline-block; font-size:1.5em; font-weight:bold;}

.calltoactionDesk {margin-left:30px; font-size:1.5em;}

.calltoaction a {border-radius:25px; background:white; padding:14px 20px; font-weight:bold; text-decoration:none; color:#090394; white-space: nowrap;}
.calltoaction a:hover {color:#FFFFFF; background:#090394;}
.rateImpacts, .shippingImpacts {margin-top:0px;}

/*
  <ul class="states">
  <li style="background-image:url('../images/alabama-auto-transport.png');">
      <a href="alabama/">
      <span>Alaska to Alabama</span>
      </a>
  </li>
*/

ul.states {
  padding:0px;
  list-style-type: none;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  font-size:.8em;
}
ul.states li {
  display:inline-block;
  width: 90%;
  height:75px;
  margin:5px 0px;
  background:#C6C6C6;
  background-repeat: no-repeat;
  background-position:18px center;
  border:1px solid #F2F2F2;
  border-radius: 10px;
  padding:0px;
  text-align:left;
}
ul.states li:hover {
  background:#090394;
  background-repeat: no-repeat;
  background-position: 18px center; 
}
ul.states li span {
  display:inline-block;
  padding-left:80px;
  line-height:20px;
  vertical-align:middle;
}
ul.states li a {
  display:inline-block;
  border:1px solid #F2F2F2;
  border-radius: 8px;
  background:url('../images/stateFg.png') no-repeat;
  width:100%;
  height:100%;
  line-height:72px;
  text-decoration:none;
  color:#555555;
}
ul.states li a:hover {
  border:1px solid #dddddd;
  background: url('../images/stateFgH.png') no-repeat;
}
#tier1cities {text-align:center;}
#tier1cities ul {text-align:left; border:1px solid #eeeeee;}
tier1cities ul {list-style-type: none; margin: 0; border:1px solid #aaaaaa; padding: 0; white-space: nowrap; background:#eeeeee;}
tier1cities a:hover {color:#090394;}
#tier2cities {text-align:center;}
#tier2cities ul {display:inline-block; text-align:left; border:1px solid #eeeeee;}
tier2cities span {display:block; border:1px solid #aaaaaa; background:#eeeeee;}
tier2cities ul {display:inline-block; vertical-align:top; margin: 0; list-style-type: none; padding: 0; white-space: nowrap;}
tier2cities a:hover {color:#090394;}
.divCities {text-align:center;}
l.cities {margin:10px 0px 30px 0px; list-style-type: none; margin: 0; padding: 0; white-space: nowrap;}
l.cities li {line-height:25px;}
l.cities li.fromCity {padding-top:15px;}
.testimonials {
  text-align:center;
  font-size:.9em;
}
.testDivs {position:relative;}
.testDiv {
  display:inline-block;
  //height:100%;
  vertical-align:top;
  background:#F2F2F2;
  border:1px solid #DDDDDD;
  //width:32%;
  text-align:left;
  color:#555555;
  font-style: italic;
}
.testDiv div {
  display:block;
  margin:10px;
}
.testimonials .dots {
  margin:5px 0px 10px 0px;
}
.testimonials .dots a {
    display:inline-block;
    width:20px;
    height:20px;
    background:url('../images/testimonialsDot.png');
    line-height:20px;
    font-size:.6em;
}
.testimonials .dots a:hover {
    background:url('../images/testimonialsDotH.png');
}
.testimonials .dots .selectedDot {
    background:url('../images/testimonialsDotH.png');
}

.testimonials .signature {
  margin-top:10px;
  text-align:right;
  font-weight:bold;
}
.availability .map {position:relative;}
.availability .overlay {position:absolute; left:0px; top:0px;}
.availability .factor {position:relative; display:inline-block; margin-top:10px; border:1px solid #d0d0d0; background:#eeeeee; padding:5px; vertical-align:top; font-size:.8em; line-height:20px;}
.availability .factorBlock {display:block;}
.availability table {border-collapse: collapse; width:100%; margin-bottom:10px;}
.availability table td {border:1px solid #c6c6c6; text-align:center; width:40px; padding:5px 0px 5px 0px;}
.availability .parm {font-size:1.8em;}
.availability span {position:absolute;}

.lightbox {position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; z-index:1;}
.lightbox .darkbg {position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000000; opacity:0.6; z-index:-1;}
.lightbox .text {display:inline-block; margin-top:80px; width:250px; border:4px solid #090394; padding:20px; background:white; font-size:1.3em; line-height:1.1em; z-index:3;}

#sitemap {margin:0 50px; text-align:left;}
#sitemap ul {column-count:3;}

.footer {
  background:#090394;
  color:white;
  text-align:center;
  vertical-align:center;
  line-height:30px;
}
.footer .information a {display:inline-block; margin:0px 10px; border-radius:20px; padding:4px 8px; text-decoration:none; color:white;}
.footer .information a:hover {color:#181999; background:#ffffff;}
.footer .phone {border-radius:25px; padding:8px 12px 8px 32px; text-decoration:none; color:#181999; background:#ffffff url('../images/auto-transport-rates-phone.png') no-repeat 12px 8px;}
.footer .phone:hover {color:#ffffff; background:#181999 url('../images/auto-transport-rates-phone-h.png') no-repeat 12px 8px;}

@media (min-width:240px) and (max-width:450px) {
  .header .desktop {display:none;}
  .header .logo-head {height:90px; margin:6px 0;}
  .quote {background:url('../images/auto-transport-mobile.webp') center top;}
  .quotepaddingtop {height:150px;}
  h1 {font-size:1.5em;}
  h2 {line-height:40px;}
  .quoteIframe {width:96%;}
  .mainMargin {margin:0px 10px;}
  .mainMargin a {font-size:.8em;}
  .section {line-height:30px;}
  .list {width:300px;}
  .list2 {width:300px;}
  .imgR {width:100%; margin:0px;}
  .imgL {width:100%; margin:0px;}
  .carshipper {width:100%;}
  ul.states {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  ul.cities {
    font-size:1.2em;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  .calltoaction {text-align:center;}
  .calltoaction a {line-height:60px;}
  .calltoactionDesk {display:none;}
  .testimonials {font-size:1.2em;}
  .testDivs {height:auto;}
  #test0 {width:100%;}
  #xtest1 {display:none;}
  #dot0 {display:inline-block;}
  #dot1 {display:inline-block;}
  #dot2 {display:inline-block;}
  #dot3 {display:inline-block;}
  #dot4 {display:inline-block;}
  #dot5 {display:inline-block;}
  .pledge {margin:0px 10px; font-size:.9em;}
  .availability .map {display:inline-block; margin-left:5%;}
  .availability .factor {max-width:300px;}
  .footer {padding:10px 10px; font-size:1em;}
  .footer .desktop {display:none;}
  .footer .mobile a {color:white;}
}

@media (min-width:451px) and (max-width:750px) {
  .header .desktop {display:none;}
  .header .logo-head {height:90px; margin:6px 0;}
  .quote {background:url('../images/auto-transport-mobile.webp') center top;}
  .quotepaddingtop {height:150px;}
  h1 {font-size:1.5em;}
  h2 {line-height:40px;}
  .quoteIframe {width:400px;}
  .mainMargin {margin:0px 10px;}
  .mainMargin a {font-size:.8em;}
  .section {line-height:30px;}
  .list {width:300px;}
  .list2 {width:300px;}
  .imgR {width:100%; margin:0px;}
  .imgL {width:100%; margin:0px;}
  .carshipper {width:100%;}
  ul.states {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  ul.cities {
    font-size:1.2em;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  .calltoaction {text-align:center;}
  .calltoaction a {line-height:60px;}
  .calltoactionDesk {display:none;}
  .testimonials {font-size:1.2em;}
  .testDivs {height:auto;}
  #test0 {width:100%;}
  #xtest1 {display:none;}
  #dot0 {display:inline-block;}
  #dot1 {display:inline-block;}
  #dot2 {display:inline-block;}
  #dot3 {display:inline-block;}
  #dot4 {display:inline-block;}
  #dot5 {display:inline-block;}
  .pledge {margin:0px 10px; font-size:.9em;}
  .availability .map {display:inline-block; margin-left:5%;}
  .availability .factor {max-width:300px;}
  .footer {padding:10px 10px; font-size:1em;}
  .footer .desktop {display:none;}
  .footer .mobile a {color:white;}
}

@media (min-width:751px) and (max-width:1050px) {
  .header .desktop {display:inline-block; margin-top:0px;}
  .header .mobile {display:none;}
  .quote {background:url('../images/auto-transport.jpg') center top;}
  .quotepaddingtop {height:40px;}
  .quoteIframe {width:640px;}
  .list {width:500px;}
  .list2 {width:285px; font-size:.85em;}
  .imgR {float: right; width:450px; margin:10px 0px 10px 20px;}
  .imgL {float: left; width:450px; margin:10px 20px 10px 0px;}
  ul.states {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;

  }
  #tier1cities ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  ul.cities {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
  .calltoaction a {position:absolute; right:40px; top:22px;}
  .calltoactionDesk {display:inline-block;}
  .calltoactionMobile {display:none;}
  
  .accessories, .rateImpacts, .shippingImpacts {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
  .rateImpacts {font-size:.85em;}

  .testDivs {height:200px;}
  #dot2 {display:none;}
  #dot3 {display:none;}
  #dot4 {display:none;}
  #dot5 {display:none;}
  .ourpledge {float:right; margin-left:30px;}
  .ourpledgemargin {height:70px;}
  .pledge {font-size:1.1em;}
  .availability .map {float:left; margin-right:20px;}
  .availability .factor {max-width:350px; min-height:230px;}
  .availability .parm {padding:20px 0px;}
  .footer {padding:10px 80px; font-size:.9em;}
  .footer .mobile {display:none;}
}

@media (min-width:1051px) and (max-width:1920px) {
  .header .desktop {display:inline-block; margin-top:0px;}
  .header .mobile {display:none;}
  .quote {background:url('../images/auto-transport.jpg') center top;}
  .quotepaddingtop {height:40px;}
  .quoteIframe {width:640px;}
  .xlist {width:550px;}
  .list2 {width:500px; font-size:.85em;}
  .list2:first-child {margin-right:40px;}
  .imgR {float: right; height:290px; margin:10px 0px 10px 20px;}
  .imgL {float: left; height:290px; margin:10px 20px 10px 0px;}
  ul.states {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;

  }
  #tier1cities ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  #tier2cities .tier2b {
    margin-left:50px;
  }
  ul.cities {
    -moz-column-count: 6;
    -webkit-column-count: 6;
    column-count: 6;
  }
  .calltoaction a {position:absolute; right:40px; top:22px;}
  .calltoactionDesk {display:inline-block;}
  .calltoactionMobile {display:none;}

  .accessories, .rateImpacts, .shippingImpacts {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
  .rateImpacts {font-size:.85em;}

  .testimonials {font-size:1.2em; line-height:30px;}
  .testDivs {height:290px;}
  
  #test0 {height:270px; padding:0px 50px;}
  #test1 {height:270px; padding:0px 50px;}
  #dot0 {display:inline-block;}
  #dot1 {display:inline-block;}
  #dot2 {display:inline-block;}
  #dot3 {display:inline-block;}
  #dot4 {display:inline-block;}
  #dot5 {display:inline-block;}
  .ourpledge {float:right; margin-left:30px;}
  .ourpledgemargin {height:70px;}
  .pledge {font-size:1.1em;}
  .availability .map {float:left; margin-right:20px;}
  .availability .factor {max-width:350px; min-height:230px;}
  .availability .parm {padding:20px 0px;}
  .footer {padding:10px 80px; font-size:.9em;}
  .footer .mobile {display:none;}
}