/*
Website: Doug Theobald
Author: Kall Kwik Bury St Edmunds
Author URI: http://kallkwikburystedmunds.co.uk/
Description: This is custom designed website for Doug Theobald.
Version: 1.0
License: Copyright Kall Kwik BSE
*/

body {padding: 0px; margin: 0px; background: #e8e8e8;}
.col-fifth { width: 20%; float: left; padding-right: 15px; padding-left: 15px;}

/* Typography */
h1 {font-family: 'Lora', serif; font-weight: bold; color: #1f237e}
h2 {font-family: 'Lora', serif;}
h3 {font-family: 'Lora', serif; color:#1f237e; line-height: 1.5; font-size: 22px;}
h4 {font-family: 'Lora', serif; color:#1f237e; line-height: 1.5; font-size: 18px; margin-top: 20px; font-weight: bold;}
h5 {font-family: 'Lora', serif;}
h6 {font-family: 'Lora', serif; }
p {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.6; color: #000;}
li {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.8; color: #000;}
ul {padding-left: 20px;}
a:hover {color:#1f237e; text-decoration: none;}
a:focus {text-decoration: none;}
a:visited {text-decoration: none;}
img {width: 100%; height: auto;}
.clear, .desktopclear {clear: both;}
.green {color:#1f237e;}
.black {color: #000;}
.smalltext {font-size: 15px; font-weight: 400;}
.entrytitle {font-size: 30px;}

#mainwrapper {max-width: 100%; margin-left: auto; margin-right: auto; border: 1px solid #000; background: #fff; margin-top: 0px;}

/* Header */
header#mainheader {background: #fff; height: 90px; border-radius: 0px; }
header#mainheader a {color:#1f237e;;}
header#mainheader a:hover {color: #000;}
header#mainheader h2 {color:#1f237e; font-size: 32px; margin-top: 28px;  font-weight: bold;}
header#mainheader #header-contact {text-align: right;}
header#mainheader #header-contact h5 {font-size: 20px; color:#1f237e; line-height: 1.4; margin-top: 35px;}
header#mainheader #header-contact .white {color: #fff;}
.established {font-size: 18px;}
.MercedesBenz {float: left; width: 50px; height: auto; margin-top: 20px; margin-right: 15px;}
.navbar {border-radius: 0px; height: 44px; margin-bottom: 0px;}


/* Footer Page */
footer#mainfooter {background: #2b2828; padding-top: 50px; padding-bottom: 50px; color: #fff;}
footer#mainfooter h3, footer#mainfooter p {color: #fff;}
footer#mainfooter h3 {font-size: 20px; font-weight: 100; margin-bottom: 20px; margin-top: 0px;}
footer#mainfooter ul {padding-left: 0px;}
footer#mainfooter li {list-style: none; margin-bottom: 5px; font-size: 14px;}
footer#mainfooter a:hover {color: #0094BD;}
footer#mainfooter p {padding-right: 20px; font-size: 14px;}
footer#mainfooter .email {color: #fff;}

#copyrightfooter {background: #222; padding-top: 20px; padding-bottom: 20px; color: #fff;}
#copyrightfooter p, #copyrightfooter a {font-size: 11px; color: #fff; margin-bottom: 0px;}
#copyrightfooter a:hover {color: #337ab7}
#copyrightfooter .webdesign {float: right;}


/* Navigation */
#mainnav {background:#1f237e; border: none; }
#mainnav a { color: #fff; font-size: 16px;}
#mainnav .navbar-collapse {padding-left: 0px;}
#mainnav .navbar-nav>li>a {padding-left: 25px; padding-right: 25px; padding-top: 16px; padding-bottom: 14px;}
#mainnav .navbar-nav>li>a.current {background: #0094BD}
#mainnav .navbar-nav>li>a:hover {background: #0094BD}
#mainnav .navbar-toggle .icon-bar {background: #fff;}
.navbar-toggle {width: 100%; float: none; margin: 0px; padding-top: 0px; padding-bottom: 0px;}
.navbar-toggle:hover {background: #0094BD}
.navbar-nav {margin: 0px; }


/* Home Slider */
#home-slider {background: #EBEBEB; border-bottom: 1px solid #B7B7B7;}
.flexslider {margin: 0px; padding: 0px; max-width: 100% !important;}

/* Home About */
#home-about {padding-top: 30px; padding-bottom: 30px;}
#home-about .tipper {margin-top: 30px;}

.sidebar-widget {padding: 15px; border: 1px solid #000; margin-left: 50px;}
.sidebar-widget strong {display: inline-block; width: 170px;}
.sidebar-widget h3 {margin-top: 0px;}
.sidebar-widget hr {    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px dotted #C6C6C6;}
	.sidebar-widget span {color: #000;}
.button {padding: 15px 20px; background: #1f237e; color: #fff; width: 100%; display: block; margin-top: 15px; text-align: center; font-size: 15px; letter-spacing: 2px;}
.button:hover {color: #fff; background: #0094BD;}

.hide {display: block;}

.container {
  max-width: 100%;
  width: 1400px !important;
}

@media (min-width: 1200px) {
  .container {
      width: 1400px;
      max-width: 100%;
  }
}

@media only screen and (max-width : 1200px) {

header#mainheader h2 {font-size: 21px; margin-top: 35px;}
.established { font-size: 12px}
}



@media only screen and (max-width : 992px) {

header#mainheader h2 {font-size: 20px;}
header#mainheader #header-contact h5 {font-size: 16px;}
#mainnav .navbar-nav>li>a {padding-left: 15px; padding-right: 15px;     font-size: 14px;}

.sidebar-widget {margin-left: 0px; margin-top: 40px; margin-bottom: 40px;}
}


/* Mobile view */
@media screen and (max-width:768px){

  .navbar {height: auto; min-height: 46px;}
  .mobilemenu {padding: 0px; margin: 0px; line-height: 1; float: left; padding-left: 40px; font-size: 20px; color: #fff; font-weight: bold; margin-top: -2px;}
  #mainnav .navbar-nav>li>a {padding-left: 50px; font-size: 16px;}
  .navbar-collapse {padding-right: 0px;}
  .navbar-toggle {height: 46px;}
  .navbar-header {height: 46px;}
  header#mainheader #header-contact {display: none;}

  #copyrightfooter .webdesign {float: left; margin-top: 20px;}

  .footer-contactdetails {margin-top: 30px;}

  .hide-me {display: none;}

}

@media (min-width: 768px) {
  .container {
      width: 100%;
      max-width: 100%;
    }
}


.payment-icons {
  max-width: 250px;
  width: 100%;
}