@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
html, body { height: 100%; }
body1 { padding: 50px 0 0 0; margin: 0; font-weight: 300; font-size: 16px; color: #555; -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch; }
body { margin: 0; color: #747474; font-weight: 400; padding: 50px 0 0 0; background-color: #ffffff; -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased; font: 16px/24px "PT Sans", Helvetica, Arial, sans-serif; }
a { color: #e10707; }
a, a > * { outline: none; cursor: pointer; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:focus, a:hover { outline: none; color: #333333; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #333333; letter-spacing: 1px; font-family: "Lato", Helvetica, Arial, sans-serif; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
h1 { font-size: 36px; font-weight: 700; line-height: 46px; padding: 0 0 10px; }
h2 { font-size: 30px; font-weight: 700; line-height: 39px; padding: 0 0 11px; }
h3 { font-size: 20px; font-weight: 400; line-height: 27px; padding: 0 0 13px; }
h4 { font-size: 18px; font-weight: 400; line-height: 24px; padding: 0 0 14px; }
h5 { font-size: 16px; font-weight: 400; line-height: 22px; padding: 0 0 14px; }
h6 { font-size: 14px; font-weight: 400; line-height: 19px; padding: 0 0 15px; }
h4 strong { font-weight: 400; }

::selection { color: #ffffff; text-shadow: none; background-color: #e10707; }
::-webkit-selection {
 color: #ffffff;
 text-shadow: none;
 background-color: #e10707;
}
::-moz-selection {
 color: #ffffff;
 text-shadow: none;
 background-color: #e10707;
}
.text-red { color: #e10707; }
.bg-grey { background: #e2e2e2; }
.navbar-default { background-color: #c12221; border: none; border-radius: 0px; box-shadow: 0px 0px 6px #555; }
.navbar-brand { background-color: #fff !important; padding-top: 5px; padding-left: 12px; padding-right: 100px; background-image: url('../images/header-design.jpg'); background-repeat: no-repeat; background-position: right center; }
.navbar .business-name { background-color: #c12221; position: absolute; top: 13px; left: 240px; font-weight: 600; font-size: 125%; color: #fff; z-index: 1; }
.navbar .business-name a { color: #fff; }
.navbar .business-name a:hover { text-decoration: none; }
.navbar-default .navbar-nav > li > a { color: #fff; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background: #464747; color: #fff; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fff; background-color: #464747; }
.navbar-default .navbar-toggle { padding: 0; border: none; margin-top: 18px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }
.dropdown-menu { background: #464747; border: none; box-shadow: none; border-radius: 0px; }
.dropdown-menu > li > a { color: #fff; padding: 8px 18px; }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: #222; color: #fff; }
.navbar-nav > li { border-left: 1px solid #cb493b; box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.2) inset; }
.navbar-nav > li > a { padding-left: 25px; padding-right: 25px; }
.nav.nav-tabs a { color:#b2b2b2; }
/* flex slider */
.flexslider.home-slider { margin: 0; background: none; -webkit-border: none; -moz-border: none; -o-border: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;  }
.home-slider ul.slides li { height: auto; text-align: center; }
.home-slider .flex-control-nav { z-index: 3; bottom: 15px; height: 11px; }
.home-slider .flex-control-paging li a { background-color: rgba(0,0,0,0.7); }
.home-slider .flex-control-paging li a.flex-active, .home-slider .flex-control-paging li a:hover { background-color: rgba(225,7,7,0.8); }
/**/

/* home-button-bar */
.home-button-bar { background: #ccc; border-top: 1px solid #c12221; border-bottom: 1px solid #c12221; }
.home-button-bar .row div a { display: block; padding: 20px 0; color: #fff; text-align: center; border-right: 1px solid #c12221; }
.home-button-bar .row div:last-child a { border-right: none; }
.home-button-bar .row div a:hover { text-decoration: none; }
/**/

.content { min-height: 500px;padding-bottom:25px; }
.home .content { padding-bottom:0; }
.page-banner { height: 71px; background-repeat: no-repeat; background-size: cover; }
.breadcrumb { font-size: 80%; border-bottom: 1px solid #eee; }
.breadcrumb span { color: #e10707; }
.breadcrumb a { color: #747474; }
.breadcrumb a:hover { color: #e10707; text-decoration: underline; }
.page-title h2 { padding-left: 28px; padding-top: 3px; padding-bottom: 20px; font-size: 32px; background: transparent url(../images/title-icon.png) no-repeat; text-transform: uppercase; }
.welcome { padding: 90px 0 80px 0; font-weight: 300; text-align:center; }
.welcome h1 { font-weight: 100; padding-bottom: 5px; /*padding-left: 28px; background: transparent url(../images/title-icon.png) no-repeat;*/ }
.welcome h1 span { font-weight: 600; }
.welcome .authorised { margin-bottom: 5px; }
.welcome p { font-size: 110%; }
.features { padding:20px 0 10px 0;font-weight:600;line-height:30px;background:#f2f2f2;border-bottom:1px solid #e2e2e2; }
.features .download { font-weight:500;font-size:90%;text-align:center;line-height:18px; }


.pd-left { padding-left: 28px; }
.social-links { width: 70px; height: 135px; position: fixed; top: 100px; right: 0; cursor: pointer; z-index: 1000; }
.social-links li { float: left; text-align: right; display: block; width: 100%; margin-bottom: 3px; }
.certified-workshop { background: #e2e2e2; text-align: center; padding: 15px 0; font-size: 20px; font-weight: 600; }
/* footer */
/*.footer {
    background: #3d3d3d url(../images/hero-landscape.jpg) no-repeat top center;
    color:#fff;
    padding:50px 0;
    background-size:cover;
}*/
.footer ul1 { padding: 0; margin: 0; list-style: none; }
.footer { color: #999999; position: relative; background-color: #333333; -webkit-border-top: 8px solid #333333; -moz-border-top: 8px solid #333333; -o-border-top: 8px solid #333333; border-top: 8px solid #333333; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.footer h4 { color: #eeeeee; padding: 0 0 5px; }
.footer a { color: #eeeeee; }
.footer a:hover { color: #e10707; }
.footer .footer-logo { text-align: center; }
.footer .footer-logo img { margin-top: 18px; }
.footer .contact { padding: 15px 0 20px 0; }
.footer .contact ul { padding: 0; margin: 0; list-style: none; }
.footer .copyright { height: auto; padding: 13px 0 12px; background-color: #232323; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.footer .copyright p { text-align: left; margin: 3px 0; }
.footer .copyright .social-icons { text-align: center; margin: 0; padding: 0; width: 100%; overflow: hidden; list-style: none; }
.footer .copyright .social-icons li { padding: 0; width: 30px; height: 30px; margin-left: 3px; display: inline-block; }
.footer .copyright .social-icons li:first-child { margin-left: 0; }
.footer .copyright .social-icons li a { display: block; font-size: 16px; line-height: 30px; background-color: #333333; border-radius: 50%; text-align: center; }
#map_canvas { height: 360px; margin-bottom: 20px; border: 1px solid #eee; }
.info_content h3 { padding-bottom: 0; color: #e10707 }
.info_content p { font-weight: 500; }
.pdleft { padding-left: 28px; }
.tab-content { border: 1px solid #ddd; border-top: none; }
.tab-content .tab-pane { padding: 20px 15px; }
.styled-bullet { list-style: inside; }
.styled-numbers { list-style: inside; list-style-type: decimal; }
.grid-filter { width: 100%; text-align: center; }
.grid-filter ul { z-index: 2; padding: 0; list-style: none; text-align: center; margin-bottom: 20px; }
.grid-filter ul li { margin: 0 10px 10px 0; display: inline-block; background-color: #e10707; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.grid-filter a { z-index: 2; color: #ffffff; display: block; font-size: 16px; padding: 6px 12px; text-align: center; position: relative; white-space: nowrap; font-weight: normal; letter-spacing: 1px; text-decoration: none; vertical-align: middle; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; }
.selected { background: #333333; }
.product-grid > div { text-align: center; padding-bottom: 30px; }
.product-grid > div a { color: #000; }
.product-grid1 { width: 100%; padding: 0 1px; margin: 0 auto; overflow: hidden; list-style: none; text-align: center; }
.product-grid1 li { float: left; width: 242px; padding: 4px; overflow: hidden; position: relative; display: inline-block; margin: 0 15px 30px 15px; background-color: #ffffff; -webkit-border: 1px solid #e4e4e4; -moz-border: 1px solid #e4e4e4; -o-border: 1px solid #e4e4e4; border: 1px solid #e4e4e4; }
.product-grid1 li .img-figure { margin: 0; z-index: 0; height: auto; overflow: hidden; position: relative; }
.product-grid1 li .title-caption { width: 100%; height: auto; overflow: hidden; position: relative; background-color: #eee; }
.product-grid1 li .title-caption span { z-index: 2; padding: 10px; color: #000; font-weight: 600; position: relative; letter-spacing: 1px; background-color: transparent; }
.product-grid1 li .img-figure img { width: 225px; height: 192px; display: block; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.price { font-family:Arial, Helvetica, sans-serif; font-size: 120%; line-height: 22px; color: #e10707; }
.price span { font-size: 55%; color: #888; }

.featurebox-wrapper { background: #f2f2f2;border-top:1px solid #e2e2e2; }
.featurebox { padding: 35px 20px 25px 20px; margin: 15px 0; text-align: center; }
.featurebox img { margin-bottom: 20px; }
.featurebox h3 { font-weight:600; }
.featurebox p { text-align: justify; }
.featurebox p a { display: inline-block; }


#form-overlay { display:none;position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(255,255,255,0.7);text-align:center;vertical-align:middle;line-height:25px; }
#form-overlay .loading { display:inline-block;font-size:120%;color:#090;margin-top:15%;  }
#form-overlay .loading i { vertical-align:middle;margin-top:-3px; }
#form-overlay .error { display:inline-block;font-size:120%;color:#e10707;margin-top:15%;  }
#form-overlay .success { display:inline-block;font-size:120%;color:#090;margin-top:15%;  }
#form-overlay .success span { font-size:150%; }
#form-overlay i { font-size:150%; }


#returntotop { display:none;position:fixed;width:34px;height:34px;line-height:32px;text-align:center;right:10px;bottom:10px;background-color:#c12221;color:#fff;z-index:1000; }
#returntotop:hover, #returntotop:focus { color:#fff; }

.table th { background:#f2f2f2; }

.offers-list li { padding:20px 0; border-bottom:1px solid #ddd; }
.offers-list li:last-child { border-bottom:none; }

 @media only screen and (max-width : 480px) {
body { padding-top: 89px; }
.navbar { min-height: 89px; }
.navbar .business-name { top: 50px; left: 0; right: 0; padding: 5px 13px; font-weight: 500; }
.navbar-nav { padding-top: 30px; }
.navbar-default .navbar-nav > li > a { padding-left: 12px; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; }
.footer .copyright1 { text-align: center !important; }
}

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
.navbar-nav > li > a { padding-left: 12px; padding-right: 12px; }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.navbar-header { float: none; }
.navbar-collapse.collapse { display: none !important; }
.navbar-toggle, .collapse.in { display: block !important; }
.navbar-nav { float: none !important; border-top: 1px solid #cb493b; display: table; width: 100%; }
.navbar-nav > li { float: none; display: table-cell; text-align: center; }
.navbar-nav > li:first-child { border-left: none; }
.footer .copyright1 { text-align: center; }
}