/*#####--- Typography Start ---#####*/

body {font-family: 'PT Sans Narrow', sans-serif;font-size: 1.8em;line-height: 24px;color: rgba(95,95,95,1.00);background-color: #fff;}
h1, h2, h3, h4, h5, h6 {color: rgba(95,95,95,1.00);}
h2 {font-size: 30px;margin-bottom: 20px;}
h3 {font-size: 18px;}
.btn {border: 0;border-radius: 0;}
/*.btn.btn-primary:hover {background-color: #017fb5;}*/
a {text-decoration: none;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
a:focus, a:hover {text-decoration: none;outline: none}
section {padding: 25px 0;}
section .title h2 {background: #f3f3f3;padding: 15px;font-size: 22px;font-size: 24px;font-weight: 900;margin-bottom: 35px;text-transform: uppercase;}
.btn:hover {background-color: #027db3;color: #fff;}
.preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999999;background: #fff;}
.preloader > i {position: absolute;font-size: 36px;line-height: 36px;top: 50%;left: 50%;height: 36px;width: 36px;margin-top: -15px;margin-left: -15px;display: inline-block;color: #555;}

/*#####--- Typography End ---#####*/


.copy h1, h2, h3, h4, h5, h6 {font-family: 'PT Sans Narrow', sans-serif;}

th {background-color: rgba(132,132,132,0.62);}
.table>thead>tr>th {
    vertical-align: bottom;
    /* border-bottom: 2px solid #ddd; */
    border: none;
    color: white;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 20px;
}

.valet-highlight {
    color: #07205C;
    font-weight: bold;
}
/*#####--- Header CSS Start ---#####*/

/* Menu & Logo CSS */
#header .navbar-default {background-color:#fff;border: 0px;border-color: #d4d4d4;margin-bottom: 5px;font-family: 'PT Sans Narrow', sans-serif; font-size: 16px;}
#header .navbar-default .navbar-nav>li>a {color: #004890;}
#header .navbar-default .navbar-nav>.active>a {background-color: #fff;} 
/*#header .navbar-default .navbar-nav a:hover, #header .navbar-default .navbar-nav>.active>a:hover {background-color: #fdfdfd;}  MATT */ 

#header .header-logo {display: block;height: 220px;}
#header .header-logo a.navbar-brand {width: 100%;}
#header .header-logo img {margin: auto;}

#header .header-menu {width: 100%;text-transform: uppercase;}
#header .header-menu ul {text-align: center;float: inherit;}
#header .header-menu ul.navbar-nav>li {display: inline-block;float: inherit;}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-left: 0;}


.subtext {background-color: #c7c7c7;color: white; margin-bottom: 2px;}

/* Slider CSS */
#dover-home-slider {padding-bottom: 5px;}
#dover-home-slider .caption {position: absolute;/*top: 40%;margin-top: -190px;*/left: 0;right: 0;text-align: center;text-transform: uppercase;z-index: 15;font-size: 18px;font-weight: 300;color: #fff;}
#dover-home-slider .caption h1 {color: #fff;font-size: 50px;font-weight: 700;margin-bottom: 30px;}
#dover-home-slider .caption h1 span {color: #555;text-shadow: 0px 0px 2px #fff;}
#dover-home-slider .caption p {font-size: 26px;}
#dover-home-slider .caption .btn-new {color: #fff;font-size: 16px;font-weight: 600;padding:10px 30px;border: 4px double #fff;border-radius: 4px;margin-top: 40px; background-color: #0892D7;}
#dover-home-slider .caption .btn-new:hover {color: #fff;}
#dover-home-slider .carousel-fade .carousel-inner .item {opacity: 0.8;-webkit-transition-property: opacity;transition-property: opacity;background-repeat: no-repeat;background-size: cover;background-position: center top;}
#dover-home-slider .carousel-fade .carousel-inner .item:after {content: " ";position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
#dover-home-slider .carousel-fade .carousel-inner .active {opacity: 1;}
#dover-home-slider .carousel-fade .carousel-inner .active.left, #dover-home-slider .carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
#dover-home-slider .carousel-fade .carousel-inner .next.left, #dover-home-slider .carousel-fade .carousel-inner .prev.right {opacity: 1;}
#dover-home-slider .carousel-fade .carousel-control {z-index: 2;}
#dover-home-slider .left-control, #dover-home-slider .right-control {position: absolute;top: 45%;height: 51px;width: 51px;line-height: 35px;border-radius: 25%;border:7px double #fff;z-index: 20;font-size: 24px;color: #fff;text-align: center;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#dover-home-slider .left-control {left: 51px} 
#dover-home-slider .right-control {right: 51px;}
#dover-home-slider .left-control:hover, #dover-home-slider .right-control:hover {color: #fff;}
#dover-home-slider .fa-angle-down {position: absolute;left: 50%;bottom: 50px;color: #fff;display: inline-block;width: 24px;margin-left: -12px;font-size: 24px;line-height: 24px;z-index: 999;-webkit-animation: bounce 3000ms infinite;animation: bounce 3000ms infinite;}


.bannerHeight {
    min-height: 285px;
    max-height: 285px;
}

.carousel-inner {
    max-height: 485px;
}

.band-centre-thin-cruise {max-height: 385px;}

.valet-info {
    font-size: smaller;
}

.valet-highlight {
    color:#004890;
    font-weight: bold;
}

/*#####--- Header CSS End ---#####*/

.list li {padding-top: 15px;}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    width: 100%;
    height: auto;
}
.gap-left {padding-left: 20px;}
.caption a{color: #fff}
.welcome {border-top: 4px solid rgba(255,255,255,0.39);  border-bottom: 4px solid rgba(255,255,255,0.39);width: 60%;margin-left: auto;margin-right: auto;}

/*#####--- Portfolio CSS Start ---#####*/

#portfolio {padding: 15px 0 30px;}
#portfolio .portfolio-gallery {margin:0 15px;}
#portfolio .portfolio-gallery .col-sm-3, #portfolio .portfolio-gallery .col-sm-4 {padding: 1px;position: relative;}
#portfolio .portfolio-gallery .col-sm-4 img {width: 100%;}
#portfolio .portfolio-gallery .portfolio-gallery-item a {float: left;}
#portfolio .portfolio-gallery .portfolio-gallery-item:hover:after {content: " ";position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
#portfolio .portfolio-gallery .portfolio-gallery-item a {top: 42%;left: 42%;font-size: 25px;position: absolute;background: #fff;padding: 15px;border-radius: 50%;display: none;}
#portfolio .portfolio-gallery .portfolio-gallery-item:hover a {display: block;z-index: 5;}

/*#####--- Portfolio CSS End ---#####*/

/*#####--- About CSS Start ---#####*/

#about .about-company h2 {margin-top: 0px;}
#about .about-team {padding: 28px;margin: 40px 0px 20px;background: #f3f3f3;}
#about .about-team .about-team-person {background: #fff;border-radius: 0px 0px 10px 10px;}
#about .about-team .about-team-person .about-team-person-info {padding: 0px 10px;}
#about .about-team .about-team-person .about-team-person-info h3 {margin-top: 35px;}
#about .about-team .about-team-person .about-team-person-info h4 {font-size: 14px;margin-bottom: 15px;color: #999;}
#about .about-team .about-team-person-social-icons {padding: 5px 0px 15px;text-align: center;}
#about .about-team .about-team-person-social-icons ul {margin: 0;padding: 0;display: inline-block;}
#about .about-team .about-team-person-social-icons ul li {float: left;margin-right: 8px;list-style: none;}
#about .about-team .about-team-person-social-icons ul li:last-child {margin-right: 0;}
#about .about-team .about-team-person-social-icons ul li a {color:#fff;background-color: #d9d9d9;height: 36px;width: 36px;line-height: 36px;display: block;font-size: 16px;opacity: 0.8;}
#about .about-team .about-team-person-social-icons ul li a:hover {opacity: 1;background: #222;}

/*#####--- About CSS End ---#####*/

/*#####--- Footer CSS Start ---#####*/

#footer .footer-top {position: relative;padding: 30px 0;font-family: "Yanone Kaffeesatz", sans-serif;}
#footer .footer-top .footer-logo {display: inline-block;margin-bottom: 5px;}
#footer .footer-top .footer-social {margin-top: 15px;}
#footer .footer-top .footer-social ul {list-style: none;padding: 0;margin: 0;display: inline-block;}
#footer .footer-top .footer-social ul li {float: left;margin-right: 8px;}
#footer .footer-top .footer-social ul li a {background-color: rgba(0,0,0,.2);border-radius: 5px;line-height: 70px;padding: 10px;color: #fff;font-size: 20px;}
#footer .footer-top .footer-social ul li a:hover {color: #fff;}
#footer .footer-top .footer-social ul li a.envelope:hover {background-color: #CECB26;}
#footer .footer-top .footer-social ul li a.facebook:hover {background-color: #3b5999;}
#footer .footer-top .footer-social ul li a.twitter:hover {background-color: #2ac6f7;}
#footer .footer-top .footer-social ul li a.dribbble:hover {background-color: #ff5b92;}
#footer .footer-top .footer-social ul li a.linkedin:hover {background-color: #036dc0;}
#footer .footer-top .footer-social ul li a.tumblr:hover {background-color: #ff6b00;}
#footer .footer-top .footer-social ul li a img {width: 120px;}
#footer p{	color: #B7B7B7;	}

#footer .footer-bottom {padding: 20px 20px 8px;background: #151a1f;color: #fff; font-size: 12px;}

/*#####--- Footer CSS End ---#####*/





/* The alert message box */
.alert {
  padding: 20px;
  background-color: #f44336; /* Red */
  color: white;
  margin-bottom: 15px;
}

/* The close button */
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
}