@charset "UTF-8";
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 90%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1;  position: relative; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { font-size: 62%; background: #fff;font-family: 'Open Sans', sans-serif; }
img, img a { outline: none; border: none;}
.container {margin:0 auto; width: 100%; max-width:960px;display:block; overflow: hidden;}
.section-container {margin: 70px auto; clear: both;}
.section-container .title-sub {margin-bottom: 20px;}
.section-container .wrap {overflow: hidden; clear: both;}
.sidemenu {position: fixed; left: 0; top: 100px; z-index: 999; background: #fff; display: none;} h1 {color:#525252; font-size:1.8em; padding-bottom: 15px; }
h2 {color:#409B62; font-size:2em !important; margin: 22px 0 10px; text-align: center; letter-spacing: 0.15em;}
h3 {font-size:1.8em}
.col1 h3  {font-size:1.8em; margin: 30px 0 10px; }
h4 {color: #000;font-size: 1.6em;margin: 15px 0; font-weight: 600;}
h4 span { color: #43413e;  padding: 4px 10px; font-weight: 600}
p {font-size:1.3em; color:#626262; margin-bottom:15px; line-height: 2em;}
.address { margin-bottom:10px;}
.address li {margin-right: 9px;}
footer .address {font-size: 1.1em;}
a:link {color:#459A57; text-decoration: none;}      
a:visited {color:#459A57; text-decoration: none;}  
a:hover {color:#317640; text-decoration: none;}  
a:active {color:#459A57; text-decoration: none;}  
.second-title {color:#525252; font-size:2.5em !important; padding-bottom: 15px; margin: 0; text-align: left; letter-spacing: 0;}
.second-title span {color:#40995f;}
.insurance-title {font-size: 4em; text-transform: uppercase; font-weight: 600; color: #3E995C;}
.insurance-head {font-size: 4em; text-transform: uppercase; font-weight: 400; color: #fff; padding: 40px 0 10px; float: left;}
.insurance-head span {color: #F54C49 !important;}
.insurance-small {font-size: 1.7em; font-weight: 400; color: #fff; padding: 0 0 20px 0; float: left; clear: both;}
.first-span {display: block; font-size: 0.6em; color: #444; margin: 6px 0 20px;}
.nomargin {margin:0 0 1% 0 !important;}
.alignright {float:right}
.alignleft {float:left;}
.noborder {border:none !important;}
.section-divide {font-size: 5em; color: #aaaaab; text-align: center; padding: 29px 0 ;}
.placeholder {height: 160px;}
.section-divide span {color: #838384;}
.top-pad {margin-top: 45px;}
.internal-wrap {padding: 50px 0 120px; overflow: hidden;}
.internal-heading {text-align: left; letter-spacing: 0.03em; font-weight: 600; margin: 40px 0 10px;} header {width: 88%;position: relative;margin: 0 auto;overflow: hidden;}
header #logo {float: left; padding: 28px 0; overflow: hidden;width: 400px; font-weight: 300}
header #logo span {color: #409960; font-weight: 600;}
header #logo a {font-size: 4em;}
header #logo img {width: 100%;}
header #logo a:hover {color: #444}
header .phoneno {float: right; margin: 14px 0 8px 0; padding: 5px; font-weight: 600; font-size: 1.7em; text-transform: uppercase; text-align: right; color: #333;}
header .phoneno span {color:#cc0000;font-weight:bold; font-size:1.2em}
header #showroom  {float:right;clear:right;font-size: 1.8em; padding: 5px;}
header #showroom span {font-weight: 600}
.mob-num {display: inline-block; clear: both;}
header .phoneno span {display: block; color: #f2d800; clear: both;}
.top-bar-wrapper {width: 100%;background-color: #333;color: #fff;position: relative; z-index: 777;}
#top-bar {width: 90%; margin: 0 auto; font-size: 1.5em; font-weight: 400; text-transform: uppercase; height: 41px;}
#top-bar span {font-weight: 600; color: #f2d800;}
.button-bar {float: right; background: #409960; width: auto;}
.button-bar li {padding: 15px 0;width: 134px;text-align: center;float: left;}
.nav-list {float: left; width: auto; height: 41px;}
.nav-list li {display: inline-block;padding: 13px 0;width: auto;text-align: center;color: #D1D1D1;overflow: hidden;margin: 0 9px;}
.nav-list a {color: #fff; margin-left: 10px;}
.first{font-weight: 600;width: 18% !important;}
#social {float:right; padding: 8px 0;}
#social a {color: #f6f6f6 !important;}
.opening {display: none; background: #f2d800; text-align: center; text-transform: uppercase; font-size: 1.8em; padding: 7px 0; color: #000; font-weight: 600;}
.call-button {float: right;overflow: hidden;font-size: 1.7em;color: #555;font-weight: 500;padding: 28px 10px;}
.call-button img {float: left;}
.call-button span {display: block;}
.call-wrap {float: left; margin: 16px 13px; font-weight: 800; color: #333 !important;}
.call-wrap span {display: block; font-weight: 400;}
.slogan {float: left; font-size: 1.8em; color: #333; font-weight: 400; margin: 59px 0 0 8px;}
.slogan span {font-weight: 600;}
.drop {width: 99% !important;   -webkit-appearance: none; -webkit-border-radius: 0px; padding: 2px 0;}
.static-sidebar {position: fixed; left: 0; top: 0; background: #333; width: 70px; height: 100vh; z-index: 999; }
.static-sidebar li { padding: 21px; border-bottom: 1px solid #363636;}
.static-select {background: #3F995C;}
.red-btn {color: #F54C49 !important; }
.hide-nav {display: none !important;} .desktop { font-size: 1.4em;margin-bottom: 15px;float: left;position: relative;z-index: 999;width: 55%;margin: 0 auto;padding: 4px 0 0 0;list-style: none;text-align: center;}
.desktop span {display: block;}
.desktop li { float: left;display: inline-block;width: 20%;margin: 0;padding: 0; position: relative}
.desktop li a {text-transform: uppercase;text-align: center;padding: 9px 0;margin: 0;border-left: 1px solid #fefefe;border-right: 1px solid #e6e6e6;display: block;color: #666; font-weight: 600; }
.desktop li a:hover {color: #409960;}
.last {margin: 0!important; padding: 0 !important;}
.nav-social {display: none; width: 145px; float: right; margin: 45px 0 8px 0; padding: 5px; font-weight: 600; font-size: 1.5em; text-transform: uppercase; text-align: right; color: #333; padding-right: 23px;}
.nav-social a {color: #333 !important;}
.desktop li a:hover, .desktop li a.on:link, .desktop li a.on:hover, .desktop li a.on:active, .desktop li a.on:visited {}
.pushy {display: none;}
#last-cta {border:0;}
.breadcrumb-wrap {border-bottom: 1px solid #eee; padding: 5px 0; background: #FDFDFD;}
.breadcrumb-wrap p {margin: 0 auto; max-width: 960px;}
.mobile-header {display: none;}
#level-nav { float:left;width:100%;height:auto;background:#eee;font-size:1.5em; display: none; top: 60px; position: fixed; z-index: 777; }
#level-nav  li {width:100%; float:left;display:none; font-weight: 500;color:#333;border-bottom:1px solid rgba(0,0,0,.1);border-top:1px solid rgba(255,255,255,.1);}
#level-nav  li a, #level-nav  li {width:100%; text-align:center; line-height:47px; height:47px;display:block;color:#777; text-decoration:none;}
#level-nav .opened {max-height:9999px!important}
ul#level-nav .js {display: none;}
#level-nav ul ul { display: none;}
ul li:hover ul {display: block; opacity: 1; visibility: visible;}
.popup {display:none; position: absolute; right: 0; top: 60px; z-index: 999;}
.popup li {display: block; clear: both; border: 2px solid #333; background: #383A41;}
.popup li:hover {background: #e03131;}
.popup li a {padding: 10px 0 !important; width: 139px; text-align: center; border-radius: 2px;}
.vehiclemenu {position: absolute; top: 0; display: none; width: 100%; max-width: 960px; margin: 0 auto; left:0; right:0; top: 60px; text-align: center; font-size: 1.3em;}
.vehiclemenu li {float: left; width: 16%; } .sticky-sidebar {position: fixed; left: 0;} #tabs {width:100%; max-width: 1200px; margin: 0 auto; margin: 0 auto 0; overflow: hidden;}
#tabs ul {float:left; width:100%; }
#tabs ul li { width:96%;margin:0 0 1% 0;*float:left;}
li#tab1 {background: url(//www.panda-insurance.co.uk/images/1.jpg); background-size: cover;}
li#tab2 {background: url(//www.panda-insurance.co.uk/images/2.jpg); background-size: cover;}
li#tab3 {background: url(//www.panda-insurance.co.uk/images/3.jpg); background-size: cover;}
li#tab4 {background: url(//www.panda-insurance.co.uk/images/4.jpg); background-size: cover;}
li#tab5 {background: url(//www.panda-insurance.co.uk/images/5.jpg); background-size: cover;}
li#tab6 {background: url(//www.panda-insurance.co.uk/images/6.jpg); background-size: cover; display: none !important;}
.box-title {}
.cta-text {position: absolute;bottom: 20px;margin: 0 auto;width: 100%;font-size: 2em;color: #eeeeee;text-shadow: 1px 1px 0px #222;text-transform: uppercase;}
.bamboo { width: 100%; margin-bottom: -3px;} .cta-wrap {background: #fff; border-bottom: 1px solid #dadfe1; width: 80%; padding: 0 10%; z-index: 998; position: relative;}
.cta-wrap ul {height: 81px;}
.cta-wrap li {float: left; width: 16.5%; border-right: 1px solid #dadfe1;padding: 9px 0; text-align: center; font-size: 1.3em; letter-spacing: 0.1em; color: #727d83; text-transform: uppercase; font-weight: 600; line-height: 1.2em; position: relative;  -webkit-transition-duration: .2s; transition-duration: 0.6s;}
.cta-wrap li:hover {background: #ededed;  -webkit-transition-duration: .2s; transition-duration: 0.6s;}
.cta-last {border: 0 !important;}
.cta-wrap a {color: #727d83 !important;}
.cta-wrap span {display: block; padding: 37px 10px 10px;}
.cta-wrap span span {display: block; padding: 0;}
.cta-img-wrap {border: 1px solid #E9E9E9; width: 70px; height: 70px; border-radius: 70px; background: #fff; position: absolute; top: -35px; z-index: 999; left: 0; right: 0; margin: 0 auto;}
.contact-tab {display: none;}
.more-links {text-align: center; width: 40%; float: left; margin: 0 30%;}
.grey-more {background: transparent !important;   -webkit-box-shadow:inset 0px 0px 0px 2px #459A57; -moz-box-shadow:inset 0px 0px 0px 2px #459A57;  box-shadow:inset 0px 0px 0px 2px #459A57; color: #459A57 !important; }
.more-links a {background: #3d9757;color: #fff; padding: 15px 0; overflow: hidden; float: left; margin: 30px 1% 0; font-size: 1.2em; width: 48%;}
.more-links a:hover {opacity: 0.9;}
.section-container .col1 .more-links {width: 70%; margin: 0 15%;}
.section-container .col2 img {max-width: 100%;}
.motor-list {font-size: 1.2em; color: #555; line-height: 2em; margin: 10px 0 20px;}
.motor-list li {font-weight: 800 !important;} .trading-wrapper {clear: both; padding: 20px 0 10px;}
.trading-title {font-size:1.7em; color:#525252; padding: 20px 0 30px;}
hr.faded { clear: both;   float: none;   width: 100%;   height: 1px;  margin: 1.4em 0;  border: none;  background: #c3c3c5; background-image: -webkit-gradient(linear,left bottom,right bottom,color-stop(0, rgb(242,242,244)),color-stop(0.1, rgb(221,221,221)),color-stop(0.9, rgb(221,221,221)),color-stop(1, rgb(242,242,244)) ); background-image: -moz-linear-gradient(left center,rgb(255,255,255) 0%,rgb(221,221,221) 10%,   rgb(221,221,221) 90%, rgb(255,255,255) 100% );}
.trading-wrapper img {float: left;}
.pad {margin-bottom: 2%;}
.pad2 {margin-bottom: 4%;}
.nopad {padding: 0;}
.cta-boxes {display: block;}
.cta-text-wrapper { position: absolute; bottom: 20px; background: rgba(255, 255, 255, 0.9); font-size: 1.7em; font-weight: 600;width: 100%; color: #444; padding: 4% 0; left: 0;  text-transform: uppercase; }
.cta-text-wrapper span {display: block;}
.cta-text-wrapper2 { position: absolute; bottom: 50%; color: #fff; font-size: 1.4em; width: 56%; padding: 4%; left: 20%; text-transform: uppercase; }
.cta-mob {display: none; text-align: center; width: 100%; padding: 20px 0; font-size: 1.6em;} .nav-trigger {
display: block;
text-align: center; }
.nav-trigger span {
display: inline-block;
cursor: pointer;
text-transform: uppercase; }
nav#nav-main {
background-color: #ff0032;
padding: 10px 0; 
display: none;}
nav#nav-main ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center; }
nav#nav-main li {
display: inline-block;
border-right: solid 1px #cc0028;
padding: 0 5px; }
nav#nav-main li:last-child {
border-right: none; }
nav#nav-main a {
display: block;
color: white;
padding: 10px 30px; }
nav#nav-main a:hover {
background-color: #e6002d;
color: #fff; }
nav#nav-mobile {
position: relative;
display: block; }
nav#nav-mobile ul {
display: none;
list-style-type: none;
position: fixed;
left: 0;
right: 0;
top: 60px;
margin-left: auto;
margin-right: auto;
text-align: center;
z-index: 999;
background-color: #2e2e2e; 
max-width: 960px;}
nav#nav-mobile li {
display: block;
padding: 5px 0;
margin: 0 5px;
border-top: solid 1px #111; }
nav#nav-mobile li:last-child {
border-bottom: none; }
nav#nav-mobile a {
display: block;
color: white;
padding: 8px 30px;
font-size: 1.2em;}
nav#nav-mobile a:hover {
background-color: #444;
color: #fff; } @media all and (max-width: 900px) {
.nav-trigger {
display: block; }
nav#nav-main {
display: none; }
nav#nav-mobile {
display: block;  }
}
.colorCycle { background-color: #C30; 
color: #FFF;
text-align: center; 
animation-name: homeCycle; 
animation-duration:6s; 
animation-direction:alternate; 
animation-iteration-count:infinite; 
-webkit-animation-name: homeCycle; 
-webkit-animation-duration:15s; 
-webkit-animation-direction:alternate; 
-webkit-animation-iteration-count:infinite; }	
@keyframes homeCycle 
{
0% {background-color:#be3636;} 
25% {background-color:#e03131;} 
50% {background-color:#be3636;} 
75% {background-color:#e03131;} 
} 
@-webkit-keyframes homeCycle 
{ 
0% {background-color:#be3636;} 
25% {background-color:#e03131;} 
50% {background-color:#be3636;} 
75% {background-color:#e03131;} 
} .mini-header {position: fixed; display: none; width: 100%; height: 60px; background: rgba(51, 51, 51, 0.98); background: #333\9; z-index: 9999;}
.mini-header ul{ float: right;}
.mini-header ul li {float: left;}
.mini-header ul li a, .mini-header ul li span {font-weight: 400; color: #fff; font-size: 1.4em; text-transform: uppercase; padding: 24px 8px; display: inline-block;}
.fixed-header li a, .fixed-header li span {color: #fff; font-size: 1.4em; text-transform: uppercase; padding: 23px !important; display: inline-block; font-weight: 800 !important;  border-radius: 1px;}
.fixed-header li .fixed-quote {color: #fff !important;}
.fixed-header li .fixed-quote:hover {background: #398957; }
.mini-header a:hover{color: #eee;}
.mini-header a:visited{color: #fff;}
.mini-header img {width: 153px; height: 60px; float: left;}
.mobile-header .mob-logo {max-height: 55px; float: left;}
.mini .fleet-type {display: none !important;}
.mini-logo {color: #40995f !important; font-size: 2em; font-weight: 600; padding: 20px 20px !important; float: left;}
.mini-menu {display: none; width: 24%; float: right; border-left: 1px solid #ddd; margin-left: 5%; padding: 0; margin: 0; text-align: center;}
.mini-callback {display: none; width: 24%; float: left; border-right: 1px solid #ddd; margin-right: 5%; padding: 0; margin: 0; text-align: center;}
.mini-menu img, .mini-callback img {width: 27px; margin: 0;} 
.red-quote a {}
.arrow {position: fixed; right: 0; top: 100px; width: 300px !important; height: 150px !important; display:none\9;} #wrap {z-index: 1;position: relative; border-bottom: 1px solid #CFCFCE; background: #000}
#wrap-internal {z-index: 1;position: relative; overflow: hidden; background: #000; clear: both;}
#slider {overflow: hidden;width: 100%;margin: 0 auto; height: 489px; position: relative;}
#slider-internal {overflow: hidden;width: 100%;margin: 0 auto; height: 100%; max-width: 960px; position: absolute; top:0; left: 0; right: 0; }
#slider-internal .mini-field {padding: 0;}
.caption { display: block;  position: absolute; color: #f4f4f4;font-weight: 500;display: block;font-size: 1.8em;padding: 10px 15px;margin: 0 0 7px -4px;background-color: #333;border-radius: 2px;bottom: 4%;}
.caption2 { display: block;  position: absolute; color: #f4f4f4;font-weight: 500;display: block;font-size: 1.8em;padding: 10px 15px;margin: 0 0 7px -4px;background-color: #333;border-radius: 2px; bottom: 4%;right: 4%; width: 130px; line-height: 1.3em; text-align: center;}
.caption3 { display: block;  position: absolute; color: #f4f4f4;font-weight: 500;display: block;font-size: 1.8em;padding: 10px 15px;margin: 0 0 7px -4px;background-color: #fff;border-radius: 9px; bottom: 4%;right: 4%; width: 130px; line-height: 1.3em; text-align: center;}
.mob-enlrg-btn { display: none;position: absolute;color: #000;font-weight: 500;font-size: 1.8em;padding: 2%;margin: 0 0 7px -4px;background-color:rgba(255,255,255,0.7);border-radius: 9px;bottom: 4%;right: 4%;line-height: 1.3em;text-align: center;}
.slider-text {position: absolute;margin: 0 auto; max-width: 600px; width: 100%; left: 0; right: 0; top: 166px; text-align: center; text-transform: uppercase; font-weight: 500;}
.slider-form {position: absolute;margin: 0 auto; max-width: 600px; width: 67%; left: 0; right: 0; margin-top: 20px;}
.slider-head {color: #fff; font-size: 6em;font-weight: 300;letter-spacing: 0.08em;}
.slider-head span {color: #fff; font-size: 0.3em; font-weight: 500; display: block; letter-spacing: 0.3em; margin-top: 12px;}
.slider-left {width: 49%; left: 0; height: 100%; position: absolute; text-align: center; z-index: 9; -webkit-transition-duration: .2s; transition-duration: 1s; }
.slider-right {width: 51%; right: 0; height: 100%; position: absolute; text-align: center; z-index: 9; -webkit-transition-duration: .2s; transition-duration: 1s;}
.slider-left:hover, .slider-right:hover {background: rgba(0, 0, 0, 0.44); -webkit-transition-duration: .2s; transition-duration: 0.6s;}
.slider-left .slider-large-text { color: #fff; font-weight: 400; font-size: 4em; background: rgba(93, 151, 87, 0.90); padding: 8px 10px 8px 40px; float: right; }
.slider-left .slider-small-text { color: #fff; font-weight: 400; font-size: 1.6em; background: rgba(0, 0, 0, 0.90); padding: 8px 10px 8px 40px; float: right; clear: both; margin-top: 5px;}
.slider-right .slider-large-text { color: #fff; font-weight: 400; font-size: 4em; background: rgba(93, 151, 87, 0.90); padding: 8px 40px 8px 10px; float: left; }
.slider-right .slider-small-text { color: #fff; font-weight: 400; font-size: 1.6em; background: rgba(0, 0, 0, 0.90); padding: 8px 40px 8px 10px; float: left; clear: both; margin-top: 5px;}
.slider-large-text span {font-size: 0.2em;}
.slider-center {padding: 145px 0; width: 100%; max-width: 340px; overflow: hidden;}
.slider-left .slider-center ul {line-height: 2.3em; font-size: 1.3em; color: #fff !important; float: right; clear: both; text-align: right;}
.slider-right .slider-center ul {line-height: 2.3em; font-size: 1.3em; color: #fff !important; float: left; clear: both; text-align: left;}
.slider-center li {}
.motor-grey {border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; background: #fafafa; }
.motor-grey .container {position: relative;}
.motor-grey .col1 {float:right; overflow:hidden;padding:0 0 0 8%;}
#birdseye {position: absolute; top: 0; left: 0;}
.slider-left .slider-center{float:right;max-width: 100%;} 
.slider-left .slider-center img {max-width: 510px; width: 100%;}
.slider-right .slider-center{float:left;max-width: 100%;} 
.slider-right .slider-center img {max-width: 510px; width: 100%;} #van-box {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/van-box.jpg); background-size: cover;}
#courier-box {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/courier-box.jpg); background-size: cover;}
#taxi-box {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/taxi-box.jpg); background-size: cover; }
#car-box {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/car-box.jpg); background-size: cover;}
#quote-box {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/quote-box.jpg); background-size: cover;}
#haulage-box {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/haulage-box.jpg); background-size: cover;}
#commercial-box {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/commercial-box.jpg); background-size: cover;}
.title-box {position: absolute; background: #333; bottom: 0; width: 100%; margin: 0 auto; text-align: center; padding: 10px 0; left: 0; right: 0; font-size: 1.5em; letter-spacing: 0.08em; font-weight: 600; text-transform: uppercase; color: #fff !important; } .gallery-button { position: absolute; right: 30px; height: 69px; padding: 20px; background: #000; width: 160px; bottom: 34px; border-radius: 9px; color: #fff; font-size: 3em; text-transform: uppercase; text-align: center;} #tabs ul {float:left; width:100%; text-align:center;}
#tabs ul li {display:inline-block; height:100%; width:18%; margin:0 1% 1% 0;*float:left; position: relative;}
#tabs ul li a {}
#tabs ul li:hover {opacity: 0.8; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
#tabs ul li img {width: 100%;}
#hidden-block {display: none !important;}
.slider-bg { position: absolute; top: 0; height: 555px;  background: #f6f6f6; width: 100%; z-index: -2; left: 0; }
.red-box {padding: 0 0 15px;font-size: 1.3em;color: #333;text-transform: uppercase;margin: 0 auto 10px;clear: both;overflow: hidden;line-height: 1.3em;font-weight: 600; max-width: 1200px; width: 100%;}
.red-box a {display: inline-block; float: left; width:12%; padding: 1%; border-right: 1px solid #ddd; color: #444;}
.red-box a:hover {opacity: 0.9}
.red-box a img:hover {opacity: 0.8}
.red-box a img {float: right;}
.red-box span {display: block;}
.numbers-list {font-size: 1.5em; font-weight: 600;}
.numbers-list li {border-bottom: 1px solid #D8D8D8;padding: 6% 0;}
.intro-wrap {border-top: 1px solid #DFDFDF; background: #f6f8f8; padding: 80px 0; } #contentwrap { float:left; width:100%; overflow:hidden;}
#contentwrap .page-wrap {margin: 30px 0 60px;}
.col1 {float:left;width:50%; overflow:hidden;padding-right:8%; }
#news-col1 {float: left;width: 72%;overflow: hidden;padding-right: 8%;background: #fff;border-radius: 2px;}
#news-col1 h2 a {font-weight: 400;font-size: 1.8em;}
.insurance-col {float: left; width: 47%; overflow: hidden; background: #fff;border: 1px solid #ddd;; padding: 20px 3%; margin-right: 4%;}
.grey {background: #f6f6f6;}
.black {color: #000}
.numb {color: #000; font-weight: 600;}
.col1-page {float:left;width:96%; overflow:hidden;padding:2%;}
.col2 {float:right;width:42%; margin-bottom: 20px;}
.col3 {float:left;width:100%; overflow:hidden; margin-bottom: 20px;}
.col4 {float: right; width: 38%; margin-top: 20px; background: #fafafa ; padding: 0 2%; }
.col5 {float:left;width:60%; overflow:hidden;padding-right:8%; margin-top:  }
.col6 {float:left;width:32%; overflow:hidden; }
.quote-wrap h1 {margin: 0;}
#contact-col {float: left; width: 450px; padding: 40px; top: 100px; right: 16%; background: #fff; position: absolute; z-index: 777; box-shadow: 0 1px 1px rgba(0,0,0,0.1); border: 1px solid #ededed; border-radius: 4px;}
#contact-col h1 {color: #333;}
.info-col {float:right;width:42%; margin-bottom: 20px;}
.none {display: none;}
.colleft {float:left;width:48%;padding:2% 2% 2% 0; height: 300px; position: relative;}
.colright {float:left;width:48%;padding:2% 0 2% 2%; height: 300px; position: relative;}
.colleft h2, .colright h2 { color: #dedede; font-size: 1.8em !important; position: absolute; background: #000; padding: 10px 20px 10px 10px;}
.colleft h2 a, .colright h2 a {color: #dedede !important;} 
.image-holder {height: 200px; background: #dedede; width: 100%; overflow: hidden;}
.image-holder img {width: 100%;}
.one-thirds {width: 29%; padding: 2%; float: left; margin-bottom: 30px;}
.one-thirds ul {font-size: 1.2em;margin-top: 20px;}
.two-thirds {width: 62%; padding: 2%; float: left; margin-bottom: 30px;}
#wp-news {display: none;}
.main-wrapper {margin-top: 40px; }
.special-offers {float: left; color: #8c8cb7; width: 4%; padding: 4px 8px 4px 0; font-weight: 600; width: 91px;}
.special-posts, .special-posts a {color: #fff; width: 100%; padding: 0; margin: 0; font-size: 1.1em; line-height: 1.3em;}
.logo-wrapper {text-align: center; padding: 1% 0 3%; display: none;}
#witter {width: 28%; padding: 2% 5%;}
#west {width: 50%; padding: 2% 5%;}
.full {width: 100%; padding: 1% 0 2%}
.contact-num {color: #fff !important;}
.tracker-images {float: right; padding: 0 0 1% 2%;}
.handsfree-images {float: left;padding: 0 1% 2% 0;}
.towbar-img {width: 31%; margin: 2% 1% 3%; float: left;}
.mob-pop {   pointer-events: none; cursor: default;}
.vehicle-header {color: #333; font-size: 1.8em !important;margin: 0 0 8%;font-weight: 600;}
.nolist li {list-style-type: none !important;margin-bottom: 10px;}
.banner-home {width: 100%; height: 140px; background: url(//www.panda-insurance.co.uk/images/banner.jpg) center no-repeat; margin: 5px 0 10px}
.banner-bespoke {width: 100%; height: 140px; background: url(//www.panda-insurance.co.uk/images/banner2.jpg) center no-repeat; margin: 5px 0 10px}
.banner-modern {width: 100%; height: 140px; background: url(//www.panda-insurance.co.uk/images/banner3.jpg) center no-repeat; margin: 5px 0 10px}
.banner-bedroom {width: 100%; height: 140px; background: url(//www.panda-insurance.co.uk/images/banner4.jpg) center no-repeat; margin: 5px 0 10px}
.post-readmore {font-size: 1.2em;color: #000;font-weight: 600;}
.hp-title {font-size: 2.5em;padding-bottom: 50px; font-weight: 600;}
.hp-title-two {font-size: 3em !important; font-weight: 400; margin-top: 0; letter-spacing: 0.010em; color: #444; text-align: center !important; padding: 0;}
.second-title {font-size: 2em !important; font-weight: 400; margin-top: 0; letter-spacing: 0.010em; color: #444; text-align: center; padding: 0; float: left;}
.section-wrap {padding: 70px 0; background: #fafafa;}
.panda-sit {float: right;}
.callback-phone {padding: 20px 0; }
.section-two { border-bottom: 1px solid #DFDFDF; padding: 100px 0; }
.section-type { border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; padding: 140px 0 100px; position: relative;}
.section-dark { border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 140px 0 100px; position: relative; background: #3E4046;}
.section-dark p {color: #E0E0E0;}
.pattern {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/pattern.png) right repeat-y;}
.callback-phone p {font-size: 1.8em;color: #515252; font-weight:400; margin: 0; float: left; width: 50%;}
.title-sub {width: 60%;margin: 0 auto;margin-bottom: 80px; text-align: center; line-height: 1.5em;}
.title-sub span {color: #409b62;display: block;font-size: 2em;line-height: 1.2em;}
.third-block {float: left;width: 31%;text-align: center;margin: 10px 1%; height: 140px; background: #fff; border-radius: 3px; overflow: hidden; position: relative; -webkit-transition-duration: 1s; transition-duration: 1s;}
.third-block:hover {opacity: 0.85;  -webkit-transition-duration: 1s; transition-duration: 1s;}
.third-block .news-title {margin-top: 0;  color: #3a9a5a; font-weight: 600}
.third-block ul li {color: #333 !important;}
.icon-circle {border: 3px solid #3A9A5A; border-radius: 40px; margin: 12px 0;}
.fleet-list {font-size: 1.3em;}
.continue {margin-top: 15px;}
.icon-vehicle {width: 250px;margin: 44px 0; float: left;}
#slider-internal .slider-text {float: left;position: inherit;top: 0;text-align: left;margin: 40px 0; height: 210px;}
#slider-internal .slider-form {max-width: initial; width: 100%;}
.motor-divide {border-bottom: 1px solid #ddd; margin: 50px 0; position: relative; text-align: center;}
.motor-icon {position: absolute; top: -45px; margin: 0 auto; left: 0; right: 0;}
.service-list p {margin: 10px; line-height: 1.2em;}
.service-list li {display: block; margin-top: 20px;}
.service-list span {font-weight: 600; display: block; font-size: 1.3em; border-left: 2px solid #333; padding-left: 8px;}
.pop-up-panda {position: absolute;  bottom: -4px; right: 15%; }
.terms h1, .terms h2, .terms h3, .terms h4 {color: #333; text-align: left; letter-spacing: 0; font-weight: 600;}
.panda-cover {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/slide1.jpg) #fff;background-size: cover; opacity: 0.5;}
.paralax {height: 185px; }
.slider-enquiry {width: 100%; max-width: 960px; margin: 0 auto; overflow: hidden; position: absolute; bottom: 0; left: 0; right: 0; z-index: 999;}
.slider-enquiry .mini-field {padding: 50px 0;}
.perks-wrap {background: #fafafa; overflow: hidden; padding: 40px 8%; margin-top: 55px; border: 1px solid #DFDFDF;}
.grey-wrapper {background: #F6F6F6;}
.sitemap-list li {font-size: 1.3em !Important; margin: 0 0 8px 0 !Important; list-style-type: square !important; list-style-position: inside !important; text-indent: 0 !important; display: list-item; }
.fleet-type {width: 100%; clear: both; display: block; font-size: 2em; text-indent: 9px; margin: 20px 0; float: left; color: #444;}
.vehicle-icons {position: absolute; left: 4px; bottom: 4px; z-index: 999; width: 35px;}
.quote-side {position: fixed; left:0; top: 30%; z-index: 999;}
.quote-side:hover {opacity: 0.92;}
.half-col {width: 50%; float: left;}
.half-col .qa-section {border: 0; background: none;}
.half-col .qa-answer {border: 0; background: none !important;}
.image-box {width: 100%; height: 100%; max-height: 300px; background: #3E4046; position: relative; overflow: hidden;}
.image-box img {float: right;}
.quote-overlay {position: absolute; z-index: 9; right: 10%; padding: 9%;}
.image-text {max-width: 236px; width: 100%; height: 100%; position: absolute; z-index: 3;background: rgba(62, 64, 70, 0.85); padding: 5% 8% 5% 5%; color: #fff; font-size: 1.3em; line-height: 1.4em;}
.image-text p {font-size: 1.1em; line-height: 1.6em; font-weight: 600; color: #fafafa}
.image-text span {font-size: 2em; font-weight: 800; clear: both; display: block; margin-bottom: 15px; line-height: 1.2em;}
.six-boxes {overflow: hidden; width: 100%; float: left;}
.six-boxes li {width: 33.33%; float: left;}
.six-boxes img {width: 100%;}
.vehicle-wrap {overflow:hidden; background: #383A41; border: 1px solid #323338;} .boxes-text span {font-size: 1.4em; font-weight: 800; color: #56a468; text-transform: uppercase; }
.boxes-text p {margin:5px 0 0; line-height: 1.4em;}
.boxes-text a {overflow: hidden;display: block;padding: 36px 20px;}
.boxes-text a:hover {background:#3e905d}
.boxes-text a:hover span {color:#fff;}
.step-title {text-align: center; letter-spacing: 0.01em; font-size: 3em !important; font-weight: 600; color: #333; margin: 100px 0 70px; width: 100%;}
.step-title span {color: #459A57; }
.step-wrap {width: 86%; margin: 0 auto;}
.step-section {width: 29%; margin: 0 2%; float: left; text-align: center;}
.step-section span {clear:both; display: block; text-align: center; font-size: 1.8em; font-weight: 800; margin: 15px 0 10px;}
.step-section .green-divide {width: 30px; height: 3px; background: #459A57; margin: 14px auto }
.start-list {margin: 30px auto 0; width: 80%;}
.start-list li {float: left; width: 14.66%; color: #fff; font-size: 1.3em; text-align: center; background: #393B44; padding: 8px 0; margin: 0 1%; border-radius: 2px;}
.start-title {background: #459A57; padding: 5px 0;}
.mini-start input {border: 1px solid #acacac;}
.mini-start .gfield {margin: 0;}
.mini-start ::-webkit-input-placeholder {color: #555; } :-moz-placeholder { color: #555; } ::-moz-placeholder { color: #555; } :-ms-input-placeholder {   color: #555;  }
.dropdown {text-align: center;}
.dropdown ul ul {display: none;}
.dropdown ul ul:before {position: absolute;top: -9px;left:11px;display: inline-block;border-right: 9px solid transparent;border-bottom: 9px solid #fff;border-left: 9px solid transparent;content: '';}
.dropdown ul li:hover > ul {display: block;}
.dropdown ul {list-style: none; position: relative; display: inline-table;}
.dropdown ul:after {content: ""; clear: both; display: block;}
.dropdown ul li {float: left; }
.dropdown ul li a:hover {}
.dropdown ul li:hover a { color: #fff;  text-align: left; }
.dropdown ul li a { display: block;   text-decoration: none; }
.dropdown ul ul { background: #fff; border-radius: 0px; padding: 0; position: absolute;  top: 100%;  width: 100%; background: #333; max-width: 550px;}
.dropdown ul ul li {  position: relative; width: 168px; margin: 6px; background: #fff; height: 120px; padding: 0; border: 1px solid #111;}
.dropdown ul ul li:hover {background: #f5f5f5;}
.dropdown ul ul li a { color: #fff; }	
.dropdown ul ul li a:hover { }
.dropdown ul ul ul { position: absolute; left: 100%; top: 0; }
.drop-icon {width: 45px; display: block; margin: 0 auto; padding-top: 10px;}
.drop-icon img {width: 100%;}
.drop-name {padding-top: 9px; color: #000 !important; font-weight: 600; margin: 0 !important; text-align: center !important; clear: both; display: block;}
.quote-btn:hover {background: #3a8956;}
.drop-btn {color: #333 !important; font-size: 0.8em; font-weight: 800; width: 50%; bottom: 0; left: 0; position: absolute; padding: 7px 0; margin: 0 !important; text-align: center !important;}
.quote-btn {color: #fff !important; font-size: 0.8em; font-weight: 800; width: 50%; bottom: 0; right: 0; position: absolute; padding: 7px 0;  background: #40995F; margin: 0 !important; text-align: center !important;}
.item-wrap {display: block; width: 100%; height: 100%; margin: 0 !important;} .insurance-sub {font-size: 1.6em; font-weight: 600; color: #6B6B6B;}
.insurance-contact {overflow: hidden; margin: 5px 0 25px; padding: 12px 0;}
.insurance-button {float: left; font-size: 1.2em; color: #fff !important; text-transform: uppercase; font-weight: 600;}
.insurance-covers li {width: 50%; float: left;}
.cover-bold {font-weight: 600;}
.benefits-box { background: #fff; border: 1px solid #ddd; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3%; overflow: hidden;}
.fleet-wrap {background: #F6F8F8; padding: 60px 0;}
.fleet-wrap-top {background: #F6F8F8; padding: 20px 0 0;}
.fleet-wrap-top .insurance-brands {width: 100%;}
.fleet-wrap-top .insurance-brands li {width: 10.5%;}
.fleet-wrap .half-col img  {max-width: 95%; margin-top: 60px;}
.col1 .more-links { width: 70%; margin: 0 15%; }
.fleet-title {text-align: left; letter-spacing: 0.01em; font-size: 2em !important; font-weight: 600; color: #333;}
.insurers-title {text-align: center; font-size: 2.5em !important; font-weight: 600; color: #333; margin-bottom: 30px;}
.internal-cta {width: 100%; float: left; overflow: hidden; clear: both; display: block; margin: 60px 0;}
.internal-cta li {width:29%; margin: 0 2%; float: left;}
.internal-cta img {width: 100%; max-width: 60px; display: block;}
.badge-title {color: #40995F; font-size: 1.6em; display: block; margin: 5px 0; text-transform: uppercase; }
.internal-cta span {font-weight: 600; color: #4fa168; }
.fleet-bullets {color: #333; font-size: 1.2em; line-height: 2em; list-style-type: disc; list-style-position: outside; font-weight: 600; padding-left: 20px;}
.fleet-bullets li {margin: 5px 0;}
.insurance-brands {width: 60%;  float: left;}
.insurers-text {width: 34%; margin: 20px 0 0 6%; float: left; font-size: 1.4em; line-height: 1.6em; color: #666}
.insurance-brands li {width: 22%; float: left; margin: 1%;}
.contact-button {color: #409b62; padding: 7px 0; font-weight: 600; display: block;}
.benefits-section {font-size: 1.2em; overflow: hidden; }
.benefits-section li {margin-top: 20px; color: #777 !important;}
.benefits-section li span {font-weight: 800; display: block; text-transform: uppercase; color: #000; font-size: 1.3em; margin-bottom: 5px;}
.benefits-head {background: #40995f; color: #fff; text-align: center; width: 100%; padding: 15px 0; font-size: 2em; text-transform: uppercase; font-weight: 800;}
.quote-wrap {text-align: center; color: #409b62;  background: #F6F8F8; border-top: 1px solid #eee; padding: 70px 0;}
.quote-wrap span {display: block; font-size: 0.8em; color: #444; margin-top: 9px; font-style: italic;}
.quote-wrap a {display: block; background: #a84846; color: #fff !important; width: 166px; padding: 10px 0; border-radius: 3px; margin: 0 auto; font-size: 2em;}
.quote-wrap a:hover {background: #388455;}
.pad-top {padding-top: 15px;}
.testimonial-internal {border: 1px solid #ddd; overflow: hidden; padding: 2%; display: block;}
.testimonial-internal ul {width: 90%; float: left;}
.testimonial-quote {width: 7%; margin-right:3%; float: left;}
.testimonial-quote img {width: 100%; max-width: 60px;}
.green-wrap { float: left; width: 100%; margin-top: 40px; max-width: 960px; margin: 0 auto; left: 0; right: 0; position: absolute; top: -36px; border-radius: 2px;}
.green-wrap a {background: #409b62; width: 26%; float: left; text-align: center; padding: 30px 0; color: #fff;}
.red-quote a {width: 45%; margin-right: 2%; background: #F54C49; margin-right: 1%;}
.red-quote a:hover {background: #a84846 !important;}
.green-wrap a:hover {background: #3e905d;}
.button-middle {border-left: 1px solid #388455; border-right: 1px solid #388455;}
.quote-full {overflow: hidden; width: 100%; margin-bottom: 120px;}
.quote-full li {width: 24%; overflow: hidden; float: left; margin: 0.5%;}
.quote-full li img {width: 100%;}
.quote-full img:hover {opacity: 0.8} #gf_progressbar_wrapper_2 {border-bottom: 4px solid #3D9757 !important;}
.gform_wrapper h2.gsection_title {text-align: left;}
.gform_wrapper .left_label .gsection .gsection_description, .gform_wrapper .right_label .gsection .gsection_description, .gform_wrapper span.gform_description {font-size: 1.2em;}
.gform_next_button {height: 32px !important; width: 40%; float: right; background: #3d9757 !important; }
.gform_previous_button {height: 32px !important; width: 40%; float: left; background: #3d9757 !important; } .navigation{ -webkit-backface-visibility: hidden; z-index: 1; position: fixed; top: 50%; left: 30px; margin-top: -40px; background: rgba(237, 237, 237, 0.95); padding: 30px; border-radius: 2px; border: 1px solid #DFDFDF; }
.navigation li{height: 20px; font-size: 1.1em; font-weight: 600;}
.navigation a{ display: block;  }
.navigation a:hover{ border-radius:25px; background-color:#f68A33; }
.navigation a.active{ border-radius:25px; background-color:#f68A33; } .mini-field {width: 100%; max-width: 960px; margin: 130px auto 0; overflow: hidden; padding: 60px 0; position: absolute; left: 0; right: 0; z-index: 999;}
.mini-field input {height: 30px !important; border-radius: 2px !important;}
.mini-field select {height: 41px !important; background: #fff !important; color: #A9A9A9;background: #fff !importnat; -webkit-appearance: none; -webkit-border-radius: 0px; border-radius: 2px !important;}
.mini-field li {width: 19%; margin: 0 2% 0 0 !important; float: left; clear: none !important;}
.mini-field .gform_wrapper .gform_footer {width: 16% !important; float: left; clear: none !important;}
.mini-field #gform_submit_button_3 {width: 100% !important; border: 0 !important; height: 41px !important; border-radius: 2px !important;}
.mini-field .gform_footer {margin: 0 !important; padding: 0 !important;}
.mini-field .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea, .gform_wrapper .top_label select.larg {width: 90% !important; }
.mini-field .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper select {padding: 5px 5% !important;}
.mini-field .gform_wrapper .top_label .gfield_error {padding: 0 !important; border: 0 !important; width: auto !important; margin: 0 !important; margin-right: 10px !important; overflow: hidden; }
.mini-field .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {margin: 0 !important;} .icon {width: 17%; float: left;}
.col2 ul {float: left; width: 80%; margin-left: 3%;line-height: 1.4em; font-weight: 300; }
.col2 li {color: #585858; font-weight: 400;}
.sidebar-head {font-weight: 800 !important; margin-bottom: 4px; color: #333 !important;}
.sidebar-wrap {margin-bottom: 40px; overflow: hidden; font-size: 1.3em;}
.contact-sidebar li {border: 1px solid #ddd; width: 89%; padding: 10px 5%; margin: 10px 0;}
.contact-sidebar span {font-size: 1.4em; display: block; font-weight: 600;}
div.sidebar-top div.col2 div.s4, div.sidebar-top div.col2 div.s5, div.sidebar-top div.col2 div.s6 {display: none}
div.sidebar-bottom div.col2 div.s1, div.sidebar-bottom div.col2 div.s2, div.sidebar-bottom div.col2 div.s3 {display: none}
.contact-extra {display: none;} .car-fleet {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/crash.jpg) #3E995C center center;background-size: cover; height: 240px; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.qa-fleet {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/slide2.jpg) #3E995C center center;background-size: cover; height: 240px; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.van-fleet {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/van-banner.jpg) #3E995C center center;background-size: cover; height: 240px; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.taxi-fleet {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/taxi-banner.jpg) #3E995C center center;background-size: cover; height: 240px; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.courier-fleet {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/courier-banner.jpg) #3E995C center center;background-size: cover; height: 240px; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.haulage-fleet {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/slide.jpg) #3E995C center center;background-size: cover; height: 240px; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.motortrade-banner {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/motortrade-banner.jpg) #3E995C center center;background-size: cover; height: 240px; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.full-quote {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/quote-banner.jpg) #3E995C center center;background-size: cover;}
.car-quote {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/crash.jpg) #3E995C center center;background-size: cover;}
.qa-quote {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/slide2.jpg) #3E995C center center;background-size: cover; }
.van-quote {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/van-banner.jpg) #3E995C center center;background-size: cover; }
.taxi-quote {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/taxi-banner.jpg) #3E995C center center;background-size: cover; }
.courier-quote {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/courier-banner.jpg) #3E995C center center;background-size: cover; }
.haulage-quote {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/slide.jpg) #3E995C center center;background-size: cover; }
.motortrade-quote {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/motortrade-banner.jpg) #3E995C center center;background-size: cover; }
.fleet-slider {width: 100%; clear: both; display: block;}
.fleet-slider li a {width: 20%; float: left; font-size: 2em; text-align: center; padding: 10px 0; line-height: 1.4em; min-height: 79px; color: #8F989C !important;}
.fleet-slider li a:hover {opacity: 0.8;} 
.fleet-slider img {display: block; margin: 0 auto;}
.fleet-select {text-align: center; width: 100%;} .product-wrapper{clear:both}
.product {width: 31%;min-height: 250px;border-left: solid 1px #d9d9d9;border-radius: 3px;float: left;margin: 1%;text-align: center;overflow: hidden;float: left;margin: 20px 0;position: relative;padding: 1%;}
.products-border {border: solid 1px #d9d9d9;border-left: none;border-bottom: none; width: 69%;clear: both;float: left;margin-right: 2%;}
.product-image { text-align: center; margin: 0 auto; padding: 10px; min-height: 205px;}
.product-image img {width: 100%; max-width: 150px;}
.products-title {clear: both;padding: 10px;font-size: 1.5em;text-transform: uppercase;font-weight: 700; background: #333; text-align: center; color: #ededed; border-radius: 5px;}
.product-name {background: #000; color: #fff; border-radius: 4px; text-transform: uppercase; font-weight: 700; width: 80%; margin: 0 auto; }
.product:hover{background: url(//www.panda-insurance.co.uk/images/bg-tile.jpg); }
#products img {float: left; padding: 0 4% 1% 0; max-width: 120px; width: 17%;}
#products h2 {clear: both; padding-top: 4%}
#products li {font-size: 1.4em; line-height: 1.6em; font-weight: 300; list-style-type: square;}
#products ul {margin: 0 0 4% 3%; float: left; width: 73%; padding-bottom: 4%; border-bottom: 1px solid #ededed;} 
.bold {list-style-type: none !important; color: #333; font-weight: 600 !important; font-size: 1.8em !important; } .test-page{width: 25%; background: #dedede; padding: 2%; float: left; margin: 2%; height: 100%; min-height: 292px;  box-shadow: 1px 1px 5px #888888;}
.submit-test { width: 93%;  clear: both; background: #f6f6f6; padding: 2%; margin: 2% 2% 5%; text-align: center; font-size: 2em; color: #666; }
.testimonial-wrap{float:left; width: 38%; border: 2px solid #818181;border-radius: 10px; position: relative;}
.sidebar-wraper .testimonial-wrap{float:left; width: 100%; border: 2px solid #818181;border-radius: 10px; position: relative;}
.testimonial {line-height: 1.5em;font-weight: 300;width: 92%;padding: 4%;}
.quote-open {font-size: 10em;color: #409B62;float: left; height: 50px;}
.quote-close {font-size: 10em;color: #409B62;float: right; clear: both; height: 50px;}
.quote-arrow {position: absolute;bottom: -33px;right: 80px;}
.author-wrap {float: left; margin: 10px 0 0 2%}
.author-wrap p {margin: 0; line-height: 1.4em}
.author-wrap p span {color: #409b62}
.author {border-left: 2px solid #409b62;padding-left: 10px;}
.quote-mark {float: left; font-size: 3em;}
.testimonial-post {overflow: hidden;} .map-container {margin: 0 0 60px; float: left; width: 100%;}
.video-wrap {float: right; width: 39%; height: 200px; border: 3px solid #e2e2e2; position: relative;}
#video-wrap {background-image:url(//www.panda-insurance.co.uk/images/video.jpg); background-position:center; height: 100%; width: 100%;}
.overlay {position: absolute;}
.map {float: left; width: 77%; min-height: 365px; height: 100%;float: left;}
embed, object, iframe {width: 100%;}
.areas-cover {width: 23%; float: left; background: #f6f6f6; height: 100%; min-height: 349px;}
.map-title, .form-title {background: #000; padding: 4%; text-transform: uppercase; color: #fff;}
.map-list {font-size: 1.4em;}
.map-list li {padding-top: 10px;}
.map-list-areas {float: left; float: left; text-transform: uppercase; font-size: 1.7em; font-weight: 600; padding-left: 6px; color:#333; line-height: 1.7em;}
.icon-check-sign {float: left; font-size: 3em; margin-left: 5%;}
.slider-text { animation: fadein 4s;   -moz-animation: fadein 4s; -webkit-animation: fadein 4s; -o-animation: fadein s; animation-delay: 0.7s;}
@keyframes fadein { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadein { from { opacity:0; } to { opacity:1;} }
@-webkit-keyframes fadein { from {opacity:0;} to {opacity:1;} }
@-o-keyframes fadein { from { opacity:0;}to { opacity: 1;} }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .ngg-album-compactbox { margin: 0 !important; padding: 8px !important; box-sizing: border-box;-moz-box-sizing: border-box; position: inherit !important; border: 0 !important; border-radius: 6px; z-index: 1; background: #dedede; }
.Thumb {border: 0!important;} .news {width: 100%; clear: both; position: relative; margin-bottom: 40px; overflow: hidden;}
.facebook {width: 31%; padding: 0 2%; float: left; overflow: hidden;}
.twitter {width: 31%; padding: 0 0 0 2%; float: left;}
.news li {list-style: none;}
.news a {color: #525252;}
.excerpt {clear: both; padding-top: 5px;}
.testimonials .excerpt {text-indent: 45px;}
.news-head { font-size: 1.8em; margin: 10; color: #555; }
.news-wrap {padding: 7%;}
.news-post-title {background: #333;padding: 15px 7%;color: #fff;font-size: 1.5em;}
.read-more {text-align: right!important;display: block;clear: both!important;margin: 8px 0;color: #333!important;padding-right: 6%;}
.news-posts li {float: left;width: 31%;background: #ededed;min-height: 290px; margin: 0 1%;}
.title-container {background-color: #fff;overflow: hidden;padding-left: 2%;margin: 40px 0 25px;border-left: 3px solid #333; clear: both;}
.line {width: 960px;height: 2px;background-color: #333;position: absolute;top: 8px;z-index: -1;}
.news-head {text-transform: uppercase; color: #333; font-size: 2em !important;; font-weight: 700;}
article h2, article h1 { letter-spacing: 0em; text-align: left; font-weight: 600; color: #333; padding: 0!important;}
article h2 a {color: #333 !important;}
article h1 {font-size: 4em;}
.newscol {width: 27%; float: left; margin: 1%; min-height: 300px; border: 1px solid #ddd; padding: 2%; position: relative;}
.visible {overflow: visible;}
article header {width: 100%; margin-bottom: 10px; }
article {background: #fff; border: 1px solid #DFDFDF; padding: 10px 4%; overflow: hidden; border-radius: 2px; border-bottom: 0; -webkit-transition-duration: .2s; transition-duration: 1s;}
.sidebar-wraper li {margin-bottom: 10px; background: #fff; border: 1px solid #DFDFDF; padding: 10px 4%; overflow: hidden; border-radius: 2px;}
.sidebar-wraper li ul li {margin-bottom: 0; background: #fff; border: 0; padding: 0; overflow: hidden; border-radius: 0}
#news-wrap h1 {margin: 25px 0 15px; font-size: 2.4em; font-weight: 600;}
.sidebar-wraper h3 {margin: 15px 0;}
#news-wrap {background: #f6f6f6; padding-bottom: 100px;}
#news-wrap .col1 {padding: 0; width: 58%;}
.news-tags {margin: 5px 0; overflow: hidden; float: left; width: 100%;}
.news-tags li {float: left; max-width: 26%; margin-right: 2%; background: #ededed; padding: 8px 2%; border-radius: 2px;}
.news-tags a {color: #333 !important;}
.post-categories li {padding: 0; float: left;} .news-top {font-size: 2.4em; padding: 12px 0; margin: 20px 0 0; clear: both; color: #333;}
#contentwrap-pages { margin-bottom: 0% !important; }
#contentwrap a, #contentwrap-pages a { color: #525252; text-decoration: none; }
#contentwrap a:hover, #contentwrap-pages a:hover { color: #6f6f6f; }
.content-left { width: 70%; float: left; padding: 1% 2% 0 0; }
.content-left h2 {color: #333 !important;}
.content-left li { font-size: 1.2em; line-height: 1.6em; }
.content-left .icon-ok  { padding:0 1% 0 5%;}
.col-left { width: 100%; }
.col-right { float: left; width: 100%; }
.inner-left {width:95%; border:1px solid #e6e6e6; float:left; padding: 2% 2% 2.5% 2%;}
.inner-left h1 {font-weight:700; padding: 0 0 0 3%!important; font-size:1.6em!important;}
.inner-left h2, .inner-left h3 {font-weight:700; padding: 0 !important; font-size:1.5em!important; letter-spacing:0!important;}
.sub-heading {font-weight:400;font-size: 0.8em!important; clear: none;}
.inner-left h2.sub-heading, .inner-left h3.sub-heading {} 
.icon-map-marker, .icon-mobile-phone, .icon-envelope-alt { padding-left: 5%; font-size:1.3em; }
.sidebar-title { background:#1f68ba; font-size: 1.8em !important; font-family: 'Oswald', sans-serif!important; font-weight: 400 !important;  padding: 5% 0 5% 7% !important; margin-bottom: 8% !important; color:#fff!important; text-transform:uppercase; }
.icon-quote-left, .icon-quote-right {padding-right:2%!important;}
.sidebar-contact { margin-top: 15%;}
.sidebar-contact p { font-size: 1.2em; }
.sidebar-services { width: 100%; clear: both; float: left; margin-bottom: 5%; }
.sidebar-news, .sidebar-list {clear:both;}
.sidebar-list .sidebar-title {background:#454545!important;}
.sidebar-list {margin-bottom:15%!important;}
.sidebar-news li { text-align:left!important;}
.sidebar {text-align: left; margin-top: 50px; position: relative; border-left: solid 1px #dedede; padding-left: 4%;}
.sidebar h3 {color: #333 !important; padding: 20px 0 10px 0}
.news-page-title {position: absolute;background: #fff;z-index: 999;padding: 2%;top: 8%;left: 10%;}
.page-wrap .col2 {margin: 20px 0 0 0;width: 25%;margin-left: 3%;}
.page-wrap .col2 h3 {font-size: 2.2em; color: #333}
.page-wrap .col2 ul {margin: 8px 0 20px}
.page-wrap .col2 ul li a {line-height: 1.2em; font-size: 1.2em; color: #999;}
.page-wrap .col2 ul li  {margin-bottom: 10px;}
article footer {background: 0; padding:0; margin: 0;}
.articletitle {font-size: 2.2em;margin: 30px 0;color: #3F995C;text-align: center;width: 100%;font-weight: 400; padding: 0;}
.cat1 {background: url(//www.panda-insurance.co.uk/images/cat1.jpg) no-repeat right #000; height: 76px; width: 100%;}
.cat2 {background: url(//www.panda-insurance.co.uk/images/cat2.jpg) no-repeat right #000; height: 76px; width: 100%;}
.sidebar-widgets {margin-top: 22px;}
.sidebar-widgets li {margin: 10px 0;}
.social-share a {float: left; width: 33.33%; text-align: center; padding: 10px 0; border-right: 1px solid #ddd; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #F1F1F1; color: #777;}
.social-share a:hover {background: #f8f8f8}
.social-share {margin-bottom: 10px; overflow: hidden; color: #777; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 1px solid #E9E9E9;}
.share-facebook {color: #3b5998; font-weight: 600;}
.share-twitter {color: #00aced; font-weight: 600;}
.share-googleplus {color: #dd4b39; font-weight: 600;}
.f-image img {width: 100%; height: 100%;}
.sidebar-share li {float: left; margin-right: 4%;}
.sidebar-share li:hover {opacity: 0.8}
.article-links {color: #333 !important;}
.news-index article:hover {background: #f8f8f8; -webkit-transition-duration: .2s; transition-duration: 1s; }
.next-article li {width: 33%; text-align: center; float: left;}
.next-article {border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px; float: left; width: 100%;}
.news-internal {padding-top: 30px;}
article img {max-width: 100%;}
.post-featured img {width: 100%; height: 100%;}
.bottom-news {border-top: 1px solid #ddd; padding: 20px 0;}
.bottom-news a {width: 16%; float: left; background: #3D9757; margin: 0 2%; text-align: center; padding: 10px 0; font-size: 1.2em; border-radius: 2px; color: #fff; text-transform: uppercase; font-weight: 600;}
.bottom-news a:hover {opacity: 0.8} .qa-wrap {border-bottom: 1px solid #dedede; overflow: hidden; width: 99.2%;}
.qa-section {border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 1px solid #dedede; padding: 20px 2%; width: 95%; overflow: hidden; background: #fff; cursor: pointer;}
.qa-section-top {border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 1px solid #dedede; padding: 20px 2%; width: 95%; overflow: hidden; background: #40995F; }
.qa-title {float: left;font-size: 1.5em;padding: 8px 0; color: #fff;}
.qa-title span {font-weight: 600; color: #ededed;}
.qa-section ul {float: left; width: 88%;}
.qa-question {font-size: 1.4em; font-weight: 600 !important; margin-bottom: 5px;}
.qa-section li {display: block; font-weight: 400;}
.qa-answer {border-left: 1px solid #dedede; border-right: 1px solid #dedede;  padding:10px 2%; width: 95%; overflow: hidden; background: #ededed;font-size: 1.3em;line-height: 1.5em;}
.qa-number {float: left;background: #3f945b;color: #fff;padding: 9px 0;margin-right: 2%;width: 3%;text-align: center; min-width: 28px;}
.qa-ask {float: right;background: #40995F;color: #fff;padding: 10px;font-size: 1.2em; border: 1px solid #ededed;}
.qa-ask:hover {background: #49a869}
.question-wrap {width: 68%; margin-right: 2%; float: left;}
.question-container {background: url(//www.panda-insurance.co.uk/wp-content/themes/pandainsurance/images/road.png) no-repeat top right}
.qa-panda {max-width: 30%; float: left;} .news-list li:hover .more {background: #3f995c; color: #fff;   -webkit-transition-duration: .2s; transition-duration: 1s;}
.news-list li {background: #fff; overflow: hidden;  margin: 0 1%%; text-align: center; text-align: center;float: left;width: 31%;  -webkit-transition-duration: 1s; transition-duration: 1s;}
.news-title { margin-top: 20px; text-transform: uppercase; line-height: 1.4em;}
.news-text {padding: 0 7%; line-height: 1.9em; clear: both; min-height: 110px;}
.more {text-align: center; background: #3f995c; color: #fff; padding: 5px; margin: 0 auto; width: 50%;}
.social-circle {width: 50%; margin: 20px auto; 0}
.social-circle li img {height: 100%; width: 30px; opacity: 0.8}
.social-circle li img:hover {opacity: 1} footer { float: left;padding: 5px 2%;width: 96%;background: #43413f;color: #c9c9c9;font-size: 1.2em;line-height: 1.5em;position: relative; }
footer .container {position: relative !important; overflow: visible !important;}
footer a {color:#c9c9c9 !important;}
footer ul {margin-bottom:10px;}
.footer-title {display: block; margin: 25px 0 6px; text-transform: uppercase; font-weight: 800; color: #409b62;}
.footer-bottom {display:block;}
.footer-bottom li {display: inline;}
.social-media {width: 200px; margin: 0 auto;}
.social-media li a {float: left; background: #d1d1d1; color: #333 !important; text-align: center; padding: 8px 0; margin: 10px; width: 34px; border-radius: 4px; font-size: 1.3em; }
.social-media li a:hover {background: #d8d8d8;}
#contact-us-form { width: 100%; overflow: hidden; float: left; }
.required { border: dotted 1px #880000; color: #666; height: 26px; width: 95%; font-size: 1.1em; margin: 0 0 20px 2px; padding: 0 0 0 5px; background: #fff; }
.title { float: left; font-size: 1.4em; margin: 0 0 10px 2px; color: #000; font-weight: bold; }
.star { color: #c81e0e; margin: 0 0 0 3px; }
#mess { width: 95%; border: dotted 1px #880000; color: #666; height: 85px; font-size: 1.1em; margin: 0 0 20px 0; line-height: 1.3em; letter-spacing: 0.04em; padding: 10px; background: #fff; resize:none}
#where { display: block; clear:both; }
.captcha { display: block; clear:both; padding: 0 0 10px 0!important; }
.captcha a {color:#fff}
.leftform { width: 48%; float: left; height: 210px; margin: 0 13px 13px 0; }
.rightform { width: 48%; float: left; height: 210px; margin: 0 0 13px 0; }
.capt-img { float: left; }
.reload { display: block; margin: 0 0 10px 0; }
.contact-fail-box { display:block; width:400px; padding:6px; background:url(//www.panda-insurance.co.uk/wp-content/themes/images/red-flag.png) no-repeat; color:#FFF !important; margin:0 0 10px 12px; padding-left:90px; height:100px }
.contact-fail-box p { padding:0 !important; margin:0 !important; }
.contact-success-box { display:block; width:400px; padding:6px; background:url(//www.panda-insurance.co.uk/wp-content/themes/images/green-flag.png) no-repeat; color:#FFF !important; margin:0 0 50px 12px; padding-left:90px; height:100px }
.contact-success-box p { padding:0 !important; margin:0 !important; }
#profile { float: right; margin: 0 0 10px 15px; }
.date { color: #5A3C34!important; }
.send input {padding:7px 20px; background:#000; color:#fff;border:none;font-size:1.2em; cursor:pointer; float:left;}
#cd {width:24%}
.footer-col1 {width: 16%; float: left; margin-right: 5%;}
.footer-col2 {width: 25%; float: left;margin-right: 5%; margin-bottom: 30px;}
.footer-nav {margin: 50px 5% 0 0; width: 19%; float: left;}
.call {font-size: 1.3em;background: #56794b;padding: 5px 10px;color: #fff !important;width: 100px;border-radius: 4px;margin: 0 auto;}
.footer-bottom {border-top: 1px solid #727272 ; text-align: center;clear: both; padding: 2% 0 0;}
.footer-bottom li {margin: 0 1%;}
.footer-panda {position: absolute;top: -103px; left: 0;}
.footer-grass {position: absolute;top: -103px; right: 0;}
#trade-menu {display: none; position: absolute; top: 41px; background: #393939; width: 1200px; left: 0;}
#service-menu {display: none; position: absolute; top: 41px; background: #393939; width: 1200px; left: 0;}
.sm-wrap {padding: 17px 2% 16px; color: #fff; float: left; width: 29%; list-style-type: none;}
.sm-buttons a {float: left; padding: 7px 1%; background: #3f995c; margin: 8px 3% 0 0; border-radius: 3px; width: 62px; text-align: center; color: #fff; font-size: 1em; text-transform: uppercase; font-weight: 800;}
.sm-buttons a:hover {background: #2f7446;}
.more-info {background: #ededed !important; color: #555 !important;}
.more-info:hover {background: #777 !important;}
.sm-title {font-size: 1.5em; text-transform: uppercase;}
.sm-icon {float: left; margin-right: 20px;}
.sm-content {margin: 5px 0; font-size: 1.2em; line-height: 1.3em;}
.sm-textwrap {overflow:hidden;} .bottom-wrapper { clear: both; width: 100%; margin: 0 auto; padding: 30px 0; border-top: 1px solid #DFDFDF; padding-bottom: 100px;}
.bottom-wrapper h3 {margin-bottom: 40px; text-align: left; font-size: 2.4em; margin-bottom: 20px;}
.bottom-wrapper .container {text-align: center; padding: 65px 0}
.bottom-wrapper .container .col1, .bottom-wrapper .container .col2 {text-align: left !important;}
.callback {font-size: 1.3em; font-weight: 600;}
.call {font-size: 1.3em; background: #56794b; padding: 5px 10px; color: #fff; width: 100px; border-radius: 4px; margin: 0 auto;}
.call:hover {background: #333;}
.call i {margin-right: 5px;} .sitemap ul li{font-size: 1.3em; padding-bottom: 10px; float: left;width: 21%; margin: 0 2%; height: 30px; }
.sitemap {width: 100%; margin-bottom: 30%;} #contact-us-form { width: 100%; overflow: hidden; float: left; }
.required { border: dotted 1px #880000; color: #666; height: 26px; width: 95%; font-size: 1.1em; margin: 0 0 20px 2px; padding: 0 0 0 5px; background: #fff; }
.title { float: left; font-size: 1.4em; margin: 0 0 10px 2px; color: #000; font-weight: bold; }
.star { color: #c81e0e; margin: 0 0 0 3px; }
.mess { resize: none; height: 168px !important;}
.code {width: 19% !important; margin: 1% 2%;}
#where { display: block; clear:both; }
.captcha { display: block; clear:both; padding: 0 0 10px 0!important; }
.captcha a {color:#000}
.leftform { width: 48%; float: left; height: 210px; margin: 0 13px 13px 0; }
.rightform { width: 48%; float: left; height: 210px; margin: 0 0 13px 0; }
.capt-img { float: left; }
.reload { display: block; margin: 0 0 10px 0;}
.contact-fail-box { display:block; width:400px; padding:6px; background:url(//www.panda-insurance.co.uk/wp-content/themes/images/red-flag.png) no-repeat; color:#FFF !important; margin:0 0 10px 12px; padding-left:90px; height:100px }
.contact-fail-box p { padding:0 !important; margin:0 !important; }
.contact-success-box { display:block; width:400px; padding:6px; background:url(//www.panda-insurance.co.uk/wp-content/themes/images/green-flag.png) no-repeat; color:#FFF !important; margin:0 0 50px 12px; padding-left:90px; height:100px }
.contact-success-box p { padding:0 !important; margin:0 !important; }
#profile { float: right; margin: 0 0 10px 15px; }
.date { color: #5A3C34!important; }
.send input {padding:7px 20px; background:#000; color:#fff;border:none;font-size:1.2em; cursor:pointer; float:left;}
#cd {width:24%}
#slider iframe {height: 390px;}
.ast {font-size: 1.2em; color: #c81e0e; border-bottom: 1px solid #dedede; margin-bottom: 15px; padding-bottom: 10px;}
.address-contact {float: left;width: 100% !important;padding: 0;margin: 5px 0 25px 0 !important; }
.address-contact li {font-size: 1.2em; color: #444; line-height: 1.4em; display: block}
.col4 .numbers-list li {border-bottom: 0;padding: 4% 0;}
#map-canvas {position: relative; width: 100%; height: 400px; }
.map-wrap {position: relative; z-index: -1}
.contact-wrap {text-align: center;}
.label-box {margin: 30px 0 10px;}
.contact-top {background: #3D9757; padding: 100px 0;}
.contact-top h1 {color: #fff; font-size: 3em; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; font-weight: 600; padding-bottom: 10px;}
.contact-top ul {clear: both; width: 100%; margin-top: 20px; margin-top: 60px; overflow: hidden;} 
.contact-top span {clear: both; font-size: 2em; color: #fff; display: block; margin-top: 10px; font-weight: 600; letter-spacing: 0.05em;}
.contact-top li {width: 29%; margin: 0 2%; float: left; text-align: center;}
#contact-sub {width: 100%; text-align: center; color: #fff; font-size: 1.4em; font-weight: 200;}
.contact-title {text-align: left; font-size: 3em !important; font-weight: 800; letter-spacing: 0.02em;}
.form-wrap {float: left; width: 48%; margin: 0 1%;}
span.wpcf7-form-control-wrap input { width: 93%;height: 32px; background: transparent; border: 2px solid #DFDFDF ; padding-left: 2%; margin: 5px 0.5%; float: left; color: #666; font-size: 1.2em;}
span.wpcf7-form-control-wrap textarea {width: 95%;height: 70px;  padding-top: 8px; background: transparent; border: 2px solid #DFDFDF ; padding-left: 2%; margin: 5px 0.5%; float: left; color: #666; font-size: 1.2em; resize: none;}
span.wpcf7-form-control-wrap select { width: 96%;height: 38px; background: transparent; border: 2px solid #DFDFDF ; padding-left: 2%; margin: 5px 0.5%; float: left; color: #666; font-size: 1.2em; resize: none;}
.wpcf7-submit {width: 96%; height: 32px; background: #333; cursor: pointer; float: left; color: #fff; font-size: 1.2em; border: none; margin-top: 20px;}
div.wpcf7-response-output {margin: 1em 0.5em 1em;padding: 1em;font-size: 1.2em; float: left; width: 93%;}
span.wpcf7-form-control-wrap {width: 49%; overflow: hidden; float: left;}
.message-wrap span.wpcf7-form-control-wrap {width: 98% !important; } .brands-container {height: 167px;}
.testimonials {width: 100%;color: #000;float: left;}
.testimonials a {color: #5a5a5c;}
.testimonials .section-divide { font-size: 5em; color: #aaaaab; text-align: center; padding: 0; margin-top: -20px;}
.testimonials-border {width: 100px; border-top: 2px solid #9e9ea0; border-bottom: 2px solid #9e9ea0; position: absolute; height: 113px; top: 20px; left: 46px;}
.testimonials-wrapper {width: 45%; padding: 0 4% 0 0; float: left; position: relative;}
.quote {font-size: 7em; color: #f2d600; position: absolute; top: -6px; left: 0;}
.brands {float: left; margin: 6% 0; width: 100%; background: #f6f6f6;}
.brands-title { font-size: 1.8em; margin: 18px 0; color: #555; }
.sliders {min-width: 89px; width: 100%}
.price-box {background: #333; width: 100%; min-height: 110px; margin-bottom: 5px; overflow: hidden;}
.enquire-box {background: #3A8585 ; margin-bottom: 8%; color: #fff; text-align: center; padding: 4% 2%; font-size: 1.4em;}
.value {padding: 5% 0 1%; color: #fff; text-align: center; font-size: 2.5em; font-weight: 700;}
.value-p {padding: 2% 3% 0; color: #fff; text-align: center; font-size: 1.5em; line-height: 1.3em;}
.value-p span {font-size:0.8em; color: #ddd} .contact-text { margin-bottom: 5%; }
.formStyle, .formStyle2 { width: 15%; height: 32px; background: transparent; border: 1px solid #C2C2C2; padding-left: 2%; margin: 0 0.5%; float: left; color: #666; font-size: 1.2em;}
.formStyle3 { width: 96%; height: 32px; background: transparent; border: 2px solid #ededed; padding-left: 2%; margin: 5px 0.5%; float: left; color: #666; font-size: 1.2em; }
.formStylemessage { width: 97% !important; height: 90px; max-height: 90px; margin-bottom: 10px; border: 1px solid #e5e5e5; padding: 1%; color: #666666; font-size: 1.2em; }
.button { padding: 0 2%; height: 36px; background: #3D9757; cursor: pointer; border: none; color: #fff; font-size: 1.2em; text-transform: uppercase; margin-left: 1%; border-radius: 4px; width: 100px;}
aside .button {margin-bottom:15%!important;}
.button-contact { width: 100%; height: 32px; background: #333; cursor: pointer; float: left; color: #fff; font-size: 1.2em; border: none; margin-top: 20px; }
.form-attributes { float: left; margin: 0 0 4% 0;}
.icon-refresh { font-size: 3em; padding: 0 5px 0 15px; }
.form-wrapper {padding: 2% 4%; overflow: hidden;}
.side-wrapper {clear: both;padding: 3% 4% 10%;}
.icon-phone-sign {font-size: 3em; float: left; color: #333;}
.icon-envelope {font-size: 2.8em; float: left; color: #333;}
.phone-section {width: 100%; clear: both; padding: 4% 0;}
.phone {float: left; font-size: 1.5em; padding-left: 3%;}
.showroomnumber {float: right; font-size: 1.8em; text-align: right;}
.showroomnumber a {display: block;float: right;font-size: 1.8em;}
.showroomnumber li {float: right;}
#showroom-header {border: 2px solid #000;width: 113px;width: 130px\9; padding: 5px;}
#showroom-header a {font-size: 1em;font-weight: 600;} .menu-btn {display: none;width: 100%;padding: 12px 0;font-size: 2em;color: #ededed;cursor: pointer;float: left;text-align: center;background: #333;border-radius: 2px;}
.menu-btn:hover{ background: #444;}
#container{ position: relative;} .to-top {display:none;position:fixed;bottom:0;right:20px;font-size:4em;color:#8c1212;z-index:9999} .bx-viewport {z-index: -1 !important;}
.bx-wrapper { *zoom: 1; position: relative;}
.bx-wrapper img { width: inherit; display: block;  opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.bx-wrapper li {} .bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}
.bx-wrapper, .bx-viewport, .bx-wrapper img {height: 489px !important; width: auto;} .bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;} .page-wrap .bx-wrapper .bx-prev, .page-wrap .bx-wrapper .bx-next {display: none;} 
.bx-wrapper .bx-prev {left: 0; background: url(//www.panda-insurance.co.uk/images/controls.png) no-repeat 0 0; }
.bx-wrapper .bx-next { right: 0; background: url(//www.panda-insurance.co.uk/images/controls.png) no-repeat -130px 0; }
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -130px 0;}
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 50px; height: 75px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-caption {position: absolute;bottom: 6%;width: 200px; font-size: 1.4em;padding: 15px; background: rgba(255, 255, 255, 0.9);border-radius: 2px; line-height: 1.2em;right: 3%;bottom: 8%;}
.bx-wrapper .bx-caption span {color: #333;font-weight: 500;display: block;}
.bx-wrapper .bx-caption span span {font-weight: 600; font-size: 1.3em;margin-bottom: 5px;} #cookie-law {  
position: fixed;
bottom: 30px;
left: 30px;
right: 0;
text-align: center;
z-index:9999; 
}
#cookie-law > div {  
background:#3E4046; 
opacity:0.97; 
width:75% !important;
padding:20px;
max-width: 360px;
display: block;
text-align: left !important;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
position:relative;
}
#cookie-law h4 { padding: 0 !important; margin:0 0 8px !important; text-align:left !important; font-size:13px !important; color:#459A57; font-weight: 600;; 
}
#cookie-law p { padding: 0 !important; margin:0 !important; text-align:left !important; font-size:12px !important; line-height: 18px !important; color:#ededed;
}
a.close-cookie-banner {
position: absolute;
top:0px;
right:0px;
margin:10px;
display:block;
width:20px;
height:20px;
background:url(https://www.panda-insurance.co.uk/wp-content/plugins/creare-eu-cookie-law-banner/images/close.png) no-repeat;
background-size: 20px !important;
}
a.close-cookie-banner span {
display:none !important;
}
h6 { font-size: 1.6em !important; color: #333 !important; font-weight: bold; margin: 25px 0 10px; }.full-list { font-size: 1em; line-height: 1.4em; list-style: inside; }
.full-list li { margin-bottom: 10px; list-style: inside; }
.list-1 { color: #636363; }
.width1 { width: 20%; }
.width2 { width: 60%; }
#cookies-table { border-left: 1px solid #c1dad7; }
#cookies-table th { color: #454545; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; }
#cookies-table td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px 6px 6px 12px; color: #454545; }
.privacy p { font-size: 1.2em; line-height: 1.4em; padding-top: 10px; }
.privacy a { color: #278c3e; text-decoration: none; }
.privacy a:hover { color: #666; text-decoration: underline; }
.eu-cookies ul { line-height:2.3em; font-size:1.2em; }
.list1 { margin-bottom:25px; }
.list1 li { margin-bottom:5px; line-height:1.5em !important; } @media (max-width: 1200px) { 
#top-bar {width: 100%;}
.slogan {position: absolute; left: 9px; top: 18px;} 
#logo {}
#service-menu, #trade-menu {width:100%;}
.pop-up-panda {right: 0; }
header #logo {overflow: hidden;max-width: 389px;width: 100%;margin: 0 auto; float: none; text-align: center;}
.button-wrap {width: 650px; margin: 0 auto;}
}    
@media (max-width: 959px) { 
.container {width: 90%;}
.cta-text { clear: both; font-size: 1.4em; padding: 0 0 8% 0; font-weight: 300; float:none; margin: 0 auto;}
.trading-title {padding: 20px 6px 30px;}
.trading-wrapper {text-align: center;}
.trading-wrapper img {margin: 0 auto; float: none;}
.slider-bg, .news-bg {display: none;}
.colleft, .colright {height: 100%;}
.desktop { margin-bottom: 5px;position: relative;z-index: 999;width: 99%;margin: 0 auto;padding: 0;list-style: none;text-align: center; margin-top: 20px;}
header .phoneno {margin: 45px 0 8px 0;}
.nav-social {display: block;}
.extra-padding {width: 17% !important;}
#social {display: none;}
.areas-cover {width: 100%;}
.map-title {padding: 2%; }  
.area-text-wrapper {width: 33%; clear: none; float: left; padding: 2% 0;}
.areas-cover { min-height: 0; text-align: center;}
.map {width: 100%;}
.icon-phone-sign, .icon-envelope {display: none !important;}
.sitemap ul li {width: 29%;margin: 0 2%;}
.numbers-list a {display: block}
.showroomnumber {width: 100%;text-align: center;}
.showroomnumber a {display: inline-block;float: none;font-size: 1.3em;}
.news-posts li {min-height: 348px;}
.showroomnumber li {width: 100%;}
#showroom-header {border: 0;width: 90%;width: 130px\9;padding: 5px;margin: 0 auto;float: none;clear: both;padding-top: 10px;overflow: hidden;}
.callback-phone span {display: none;}
.callback-phone p {width: 32%;}
#trade-menu .sm-wrap {min-height: 125px;}
.red-box a {width: 22%; border-bottom: 1px solid #ddd !important; border-right: 1px solid #ddd !important; border-left: 1px solid #ddd !important;}
.cta-wrap {padding: 0; width: 100%;}
.slogan {left: 0; right: 0; margin: 0 auto; text-align: center; top: 115px;}
.call-button {padding: 28px 6px;}
.insurance-head, .insurance-small {width: 100%; text-align: center;}
.breadcrumb-wrap p {width: 95%}
.navigation {display: none;}
.six-boxes li, .boxes-text {width: 92% !important; background: none;}
.six-boxes img {display: none;}
.six-boxes {width: 42%; float: right; margin: 10px 4%;}
.pop-up-panda {display: none; }
.mini-field li {width: 26%;}
.gform_wrapper {margin: 10px auto !important; width: 96% !important;}
.nav-list a {margin-left: 6px;}
.quote-full li {width: 32%}
.fleet-wrap-top .insurance-brands li {width: 18%;}
}
@media (max-width: 830px) { 
.nav-social {display: none;} 
#news-col1 {width: 100%; padding-right: 0;}
.page-wrap .col2 {width: 100%;}
.info-col {width: 100%;}
.button-bar {display: none;}
#map-canvas {height: 300px;}
#contact-col {float: left;position: inherit;top: 0;left: 0;width: 93%;margin: 40px 3%;right: 0;padding: 0;border: 0;box-shadow: none;}
.dropdown ul ul {width: 80%;}
}
@media (max-width: 767px) { 
.nav-list {width: 100%; text-align: center;}
#social {width: 100%; text-align: center; padding-top: 5px;}
.col1, .col2, .col5, .col6, .colleft, .colright {width: 100%; padding: 0;}
h1 {padding: 0 0 4% 0; line-height: 1.4em;}
#tabs ul li {width: 32%; padding-bottom: 5px; border-bottom: 0;}  
.trading-wrapper {padding: 0 0 10px;}
.cta-text-wrapper {bottom: 5px; width: 100%;}
.col2 {margin: 40px 0 20px 0; text-align: center;}
#news-wrap .col2 {margin: 40px 0 20px 0; text-align: left !important;}
#extend-nav {width: 100%;}
i.icon-arrow-right {padding: 0;}
.test-page { width: 42%; min-height: 256px; }
.form-wrapper, .side-wrapper {width: 94%; float: left; clear: none; padding: 2% 4%; border: 0;}
.form-title {padding: 2%; clear: both}
.brands {display: none;}
.extended {width: 100% !important;}
.products-border {width: 100%;}
.col4 {width: 96%; border-bottom: 2px solid #666; margin-bottom: 25px; padding-bottom: 20px; background: none;}
#hidden-block {display: inline-block !important;}
.numbers-list li {width: 50%;float: left;}
#tabs .nomargin {margin: 0 1% 0 0 !important}
.news-posts li {min-height: 400px;}
.news-list li {margin: 4% auto;width: 80%;float: none;}
.bamboo {width: 100%;margin-bottom: -10px}
.icon { float: none; margin: 0 auto;}
.col2 ul {float: left;width: 100%; margin-left: 0;line-height: 1.4em; font-weight: 300;}
.sidebar-head {font-weight: 600;}
.sidebar-wrap {margin-bottom: 30px; overflow: hidden; width: 38%; margin: 10px 6%; float: left; height: 100%; min-height: 250px;} 
li#tab6 {display: inline-block !important;}
.nav-list a {margin-left: 5px;}
.mini-header .nav-list {display: none;}
.mini-menu, .mini-callback {display: block;}
.mini-logo {width: 47%; text-align: center; padding: 19px 0px !important;} 
.mini-header a {padding: 15px 1% !important;}
.top-bar-wrapper {display: none;}
.mini-header {display: block;}
header #logo {display: none;}
.call-button {float: left;height: auto;font-size: 1.7em;color: #555;font-weight: 500;border: 0;padding: 5px 0; width: 100%; border-bottom: 1px solid #ddd;}
.call-wrap {width: 100%; text-align: center;}
.call-wrap span {display: inline-block; }
.pushy {display: block;}
#level-nav  li {display:block}
.cta-wrap li {width: 33%; border-bottom: 1px solid #dadfe1 !important; border-right: 1px solid #dadfe1 !important;}
.cta-wrap {overflow: hidden; height: 100%;}
.cta-img-wrap {display: none;}
.cta-wrap span {margin: 0;}
.cta-wrap span {padding: 0;}
.contact-tab {display: block;}
.slogan {display: none;}
.icon { width: 69px;} 
.contact-extra {display: block;}
.cta-wrap ul {display: none;}
.cta-mob {display: block;}
#news-wrap .col1 {width: 100%;}
.mini-header {display: none !important;}
.mobile-header {display: block; background: #333; height: 55px; position: fixed; width: 100%; top: 0; left:0; z-index: 999; }
.mobile-header ul li {float: right; width: auto; max-height: 55px; max-width: 18%;}
.mobile-header ul li a, .mobile-header ul li span {display: block; padding: 9px 20px;}
.button-wrap {margin-top: 55px; width: 100%;}
header {width: 100%;}
.call-button img {display: none;}
#slider-internal .mini-field, #slider-internal .insurance-small {display: none;}
#slider-internal .insurance-head {width: 80%; margin: 0 10%;}
.pop-up-panda {display: none;}
.car-fleet, .qa-fleet, .van-fleet, .taxi-fleet, .courier-fleet, .motortrade-banner {height: 160px !important;}
.formStyle3 {width: 96%;}
.contact-title {text-align: center;}
.benefits-box {text-align: left;}
nav#nav-mobile ul { max-width: 100%; top: 55px; }
.quote-full li {width: 49%;}
.fleet-wrap-top .insurance-brands li {width: 23%;}
}
@media (max-width: 655px) { 
header .phoneno { width: 46%; float: left; font-size: 2em; margin: 22px 0; text-align: center; }
header #showroom {float: none; clear: both; font-size: 1.8em; margin: 0; text-align: center; display: none;}
.mob-num {display: block; clear: both;}
#social {display: none;}
.opening {display: block;}
.footer-left, .footer-right {width: 100%; text-align: center;}
.content-left {width: 100%; padding: 0; border: none;}
.sidebar {width: 100%; margin: 3% 0; font-size: 1.2em;}
.two-thirds, .one-thirds {width: 100%;}
.gallery-button {display: none;}
.form-wrapper, .side-wrapper {width: 92%; float: left; clear: none; padding: 2% 4%; border: 0;}
.phone-section { width: 47%; padding: 1% 0; float: right; clear: none; }   
.news-posts li { width: 96%;}
.product {width: 47%;}
.map-title {margin-bottom: 10px;}
.sidebar h3 {background: #333;color: #ededed !important;margin: 20px 0 10px 0;border-radius: 5px;padding: 5px;text-align: center;}
.mob-pop {pointer-events: stroke; cursor: auto;}
.mob-enlrg-btn {display: block;}
.caption3 {display: none;}
.logo-wrapper {display: block;}
#slider iframe {height: 100%;}
.sitemap ul li {width: 46%;}
.desktop, .nav-social {display: none;}
.bx-wrapper .bx-controls-direction a {top: 39%;}
.news-posts li {min-height: 0; margin-bottom: 15px;}
.newscol{width: 94%; margin: 0 0 20px; min-height: 0;}
.nav-list li {width: 100%;}
.testimonial-wrap {width: 99%;}
.panda-sit {margin-top: 40px;}
.third-block { width: 47%; }  
.red-box a {width: 47%;}
.cta-wrap li {width: 49%;}
.slider-left, .slider-right {width: 100%; height: 50%;}
.slider-left {top: 0;}
.slider-right {bottom: 0;}
.slider-center { padding: 102px 0; }
.more-links {text-align: center; width: 60%; margin: 0 20%;}
.mini-field li { width: 100%; margin: 0 !important; }
.gform_wrapper {width: 90%; margin: 0 auto !important;}
.panda-cover {height: 100% !important; overflow: hidden; background: #ededed !important;}
.gform_wrapper select { padding: 5px 0% 5px 4% !important;}
.mini-field .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea, .gform_wrapper .top_label select.larg {width: 89% !important; }
.mini-field .gform_wrapper .gform_footer {margin-top: 20px !important; width: 100% !important;}
header {width: 100%;}
.slider-enquiry {display: none;}
.car-fleet , .qa-fleet, .van-fleet, .taxi-fleet, .courier-fleet, .motortrade-banner {height: 475px;}
.internal-cta li {width: 100%; margin: 0;}
.slider-center {width: 80%; margin: 0 10% !important; padding: 49px 0;}
.slider-center ul {display: none;}
.slider-large-text {width: 100%; padding: 10px 0 !important;}
#slider {height: 390px;}
.insurance-brands {width: 100%;}
.insurers-text {width: 100%; margin: 20px 0 0 0;}
.step-section {margin: 10px 0; width: 100%;}
.image-text {max-width: 90%; padding: 5%; }
.half-col {width: 100%;}
.fleet-wrap .half-col img {margin: 0;}
.six-boxes {width: 92%;}
.section-dark {padding: 80px 0;}
.start-list li {margin-bottom: 5px;  width: 31.33%;}
.contact-top li {width: 96%; margin: 0 2% 30px;}
.message-wrap span.wpcf7-form-control-wrap {width: 96%;}
span.wpcf7-form-control-wrap {width: 100%;}
.question-wrap {width: 100%; margin-right: 0%;}
.qa-panda {max-width: 70%; margin: 20px 15%;}
}
@media (max-width: 480px) { 
.testimonials-border {width: 100%;}
.testimonials {width: 100%;}
.testimonials-border {left: 0; height: 70px;}
.testimonials .section-divide {margin-top: -56px;}
.map {width: 100%;}
.leftform, .rightform {width: 100%;}
.testimonials-wrapper { width: 100%; padding: 0;}
.test-page { width: 93%; min-height: 0; }
#cookies-table th {padding: 0!important;}
#tabs ul li {width: 48%;}
.phone-section {width: 50%;}
.map-list-areas{padding: 0; clear: none; clear:both; text-align: center; width: 100%;}
.product {width: 100%; border-bottom: 1px solid #ededed; border-left: 0}
.icon-check-sign {width: 100% !important; margin: 0;}
#witter {width: 70%; border: 0;padding: 4%;}
#west {width: 85%; padding: 4%;}
.tracker-images { float: none; padding: 0 0 1% 0; clear: both; }   
header .phoneno {width: 100%; margin: 0;}
.mob-num, header .phoneno span {display: inline-block;}
header #logo {padding: 25px 0 20px; height: 100%;}
.col1 h1 { font-weight: 700;}
.caption2 {bottom: 2px; left:0; width: 98%; padding: 1%; margin: 0;}
#products img {width: 50%;}
#products ul {width: 100%; margin-left: 0; margin-right:0;}
.sitemap ul li {width: 100%;margin: 0;}
#tabs ul li {overflow: hidden;}
.bx-wrapper .bx-caption {display: none;}
.cta-text-wrapper {bottom: 0; top: 0;}
#tabs {float:left; width:100%;margin:0 0 7%}
.footer-col1, .footer-col2 {width: 100%; float: left;margin-right: 0; margin-bottom: 0;}
.footer-nav {width: 100%; margin: 0;}
footer li {display:inline;margin-right:10px;}
.sidebar-wrap {width: 80%;margin: 10px 0;padding: 0 10%; } 
.third-block {width: 97%;}
.callback-phone p {width: 100%;}
.more-links {text-align: center; width: 80%; margin: 0 10%;}
.contact-extra {display: none;}
.footer-bottom {margin-top: 20px; float: left;}
.quote-full li {width: 99%;}
.fleet-wrap-top .insurance-brands li {width: 31%;}
.fleet-wrap-top .insurance-brands li img, .insurance-brands li img {width:100%;}
.qa-section ul {float: right;width: 85%;}
}