/* Global Styles */
html,
body {
height:100%;
font-family: 'Roboto', sans-serif;
font-weight:400;
font-size:14px;
line-height:1.5;
color:#222;
}
body {
padding-top:90px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
* {
box-sizing: border-box;
}
.split {
background: #FFF;
}
.split-content {
display: -ms-flexbox;
display: flex;
flex-direction: row;
-ms-flex-direction: row;
}
.img-content {
width: 50%;
font-size: 0;
line-height: 0;
position: relative;
letter-spacing: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.img-content img {
min-width: 100%;
min-height: 100%;
height: auto;
object-fit: cover;
width: 100%;
}
.split-block {
display: -ms-flexbox;
display: flex;
flex-direction: column;
width: 50%;
padding: 50px 50px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (max-width: 767px) {
.split-content {
flex-direction: column;
-ms-flex-direction: column;
}
.img-content {
width: 100%;
}
.split-block {
width: 100%;
}
}
.scroll-down {
position: relative;
width: 24px;
height: 24px;
}
.chevron {
position: absolute;
width: 28px;
height: 8px;
opacity: 0;
transform: scale3d(0.5, 0.5, 0.5);
animation: move 3s ease-out infinite;
}
.chevron:first-child {
animation: move 3s ease-out 1s infinite;
}
.chevron:nth-child(2) {
animation: move 3s ease-out 2s infinite;
}
.chevron:before,
.chevron:after {
content: ' ';
position: absolute;
top: 0;
height: 100%;
width: 51%;
background: #fff;
}
.chevron:before {
left: 0;
transform: skew(0deg, 30deg);
}
.chevron:after {
right: 0;
width: 50%;
transform: skew(0deg, -30deg);
}
@keyframes move {
25% {
opacity: 1;
}
33% {
opacity: 1;
transform: translateY(30px);
}
67% {
opacity: 1;
transform: translateY(40px);
}
100% {
opacity: 0;
transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
}
}
.scroll-down .text {
display: block;
font-family: 'Roboto Condensed', sans-serif;
font-size:14px;
margin-top: 75px;
margin-left: -30px;
font-weight:700;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
opacity: .25;
animation: pulse 2s linear alternate infinite;
}
@keyframes pulse {
to {
opacity: 1;
}
}
.navbar-brand {
height:auto;
line-height:normal;
}
.navbar-inverse {
background-color:#FFF;
border-color:#FFF;
}
.navbar {
margin-bottom:0;
border:none;
box-shadow: 0px 3px 5px 0px rgba(51,51,51,0.5);
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
color:#C29B52;
}
.navbar-inverse .navbar-nav>li>a {
font-family: 'Roboto Condensed', sans-serif;
color:#202c3b;
border-bottom:3px solid #FFF;
font-size:14px;
font-weight:700;
text-transform:uppercase;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
color:#C29B52;
background:none;
border-bottom:3px solid #C29B52;
font-weight:700;
}
.navbar-toggle {
margin-top:25px;
margin-right:15px;
margin-bottom:8px;
background-color:#FFF;
background-image:none;
border:none;
border-radius:0;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color:#202c3b;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
background-color:#FFF;
}
.navbar-inverse .navbar-toggle {
border-color: #FFF;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color:#FFF;
}
.navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar {
background-color:#202c3b;
}
.navbar-nav>li>.dropdown-menu {
margin-top:0;
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0px 5px 5px 0px rgba(51,51,51,0.5);
}
.navbar-inverse .dropdown-menu {
font-size:14px;
border:none;
border-radius:4px;
box-shadow:none;
}
.navbar-inverse .dropdown-menu>li>a:focus, .navbar-inverse .dropdown-menu>li>a:hover {
color:#C29B52;
background:#FFF;
}
.navbar-inverse .dropdown-menu>li>a {
padding:8px 20px;
color:#202c3b;
font-family:'Roboto Condensed', sans-serif;
}
.navbar-inverse .dropdown-menu>.active>a, .navbar-inverse .dropdown-menu>.active>a:focus, .navbar-inverse .dropdown-menu>.active>a:hover {
background-color:#C29B52;
color:#FFF;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
color:#C29B52;
background-color:#FFF;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
border-color: #FFF;
}
.dropdown-menu {
padding-top:0;
padding-bottom:5px;
padding-left:0;
padding-right:0;
}
.subpage-hero {
margin: 0 auto;
width: 100%;
height: 400px;
color: #FFF;
font-size: 14px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.road-accident-fund-claims {
background:url(../images/road-accident-fund-claims/header.jpg) center top no-repeat;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.train-injury-claims {
background:url(../images/train-injury-claims/header.jpg) center top no-repeat;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.professional-negligence-actions {
background:url(../images/professional-negligence-actions/header.jpg) center top no-repeat;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.medical-malpractice-actions {
background:url(../images/medical-malpractice-actions/header.jpg) center top no-repeat;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.our-firm {
background:url(../images/our-firm/header.jpg) center top no-repeat;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.our-people {
background:url(../images/our-people/header.jpg) center top no-repeat;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.our-victories {
background:url(../images/our-victories/header.jpg) center top no-repeat;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.faqs {
background:url(../images/faqs/header.jpg) center top no-repeat;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.contact {
background:url(../images/contact/header.jpg) center top no-repeat;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.common-law-public-liability-actions {
background:url(../images/common-law-public-liability-actions/header.jpg) center top no-repeat;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.repudiated-insurance-claims {
background:url(../images/repudiated-insurance-claims/header.jpg) center top no-repeat;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.family-law {
background:url(../images/family-law/header.jpg) center top no-repeat;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.home-hero {
width: 100%;
height: 670px;
overflow: hidden;
position: relative;
margin: 0 auto;
color: #FFF;
font-size: 14px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.home-hero-sm {
width: 100%;
height: 580px;
background-position: center;
background-size: cover;
overflow: hidden;
position: relative;
margin: 0 auto;
color: #FFF;
font-size: 14px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background:url(../images/layout/home-hero.jpg) center top no-repeat #202c3b;
}
.home-hero-sm .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-color: rgba(32,44,59, 0.50); /*dim the background*/
}
.home-hero video {
position: inherit;
min-width: 100%;
overflow: hidden;
z-index: -1;
}
.home-hero-intro {
position: absolute;
z-index: 500;
}
.home-hero .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-color: rgba(32,44,59, 0.90); /*dim the background*/
}
.nav-tabs>li>a {
font-family: 'Roboto Condensed', sans-serif;
text-transform:uppercase;
font-size:14px;
color:#C29B52;
font-weight:700;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
color: #202c3b;
font-weight: 700;
}
p { margin-bottom:20px; }
p.last { margin-bottom:0; }
a {
color:#C29B52;
text-decoration: none;
}
a:focus, a:hover {
color:#C29B52;
text-decoration: underline;
}
.services-text {
font-family: 'Roboto Condensed', sans-serif;
font-size:14px;
font-weight:700;
margin-bottom:0;
text-transform:uppercase;
}
h1 {
font-family: 'Droid Serif', serif;
color:#202c3b;
font-size:42px;
margin-bottom:20px;
font-weight: 700;
}
.home-hero h1, .home-hero-sm h1, .subpage-hero h1 {
color:#C29B52;
font-size:38px;
}
.home-hero h2, .home-hero-sm h2 {
font-family: 'Droid Serif', serif;
color:#FFF;
font-size:26px;
margin-bottom:0;
}
.home-hero h3, .home-hero-sm h3 {
font-family: 'Roboto Condensed', sans-serif;
color:#FFF;
font-size:18px;
font-weight:400;
margin-bottom:0;
text-transform:uppercase;
margin-top:30px;
}
.home-hero .heading-seperator, .home-hero-sm .heading-seperator, .subpage-hero .heading-seperator {
height: 1px;
background-color: #FFF;
width: 150px;
text-align: center;
display: block;
margin: 30px auto 0 auto;
}
.fa-ul>li {
margin-bottom:8px;
}
.fa-caret-right {
color:#C29B52;
}
.panel-title {
margin-top:0;
margin-bottom:0;
color:inherit;
font-size:15px;
font-family: 'Roboto Condensed', sans-serif;
text-transform:uppercase;
font-weight:700;
}
.panel-default>.panel-heading {
color:#C29B52;
background-color:#202c3b;
border-color:#202c3b;
}
b, strong {
font-weight: 700;
}
.bootstrap-select.btn-group .btn .filter-option {
display: inline-block;
overflow: hidden;
width: 100%;
text-align: left;
font-family: 'Roboto', sans-serif;
font-weight:400;
text-transform: initial;
font-size: 14px;
color: #666;
}
.dropdown-menu>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
color:#666;
}
.btn {
background:none;
cursor:pointer;
padding:8px 20px;
display:inline-block;
margin:0;
text-transform:uppercase;
font-weight:700;
font-size:14px;
outline:none;
position:relative;
width:auto;
border-radius:3px;
}
.btn-1 {
font-family: 'Roboto Condensed', sans-serif;
font-size:14px;
text-transform:uppercase;
background:none;
border: 1px solid #C29B52;
color:#C29B52;
font-weight:700;
}
.btn-1a {
color:#C29B52;
}
.btn-1a:hover, .btn-2a:focus {
background:none;
border: 1px solid #C29B52;
color:#C29B52;
}
.btn-1a:active {
background:none;
border: 1px solid #C29B52;
color:#C29B52;
}
label {
font-family: 'Roboto Condensed', sans-serif;
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
font-size:14px;
text-transform:uppercase;
color:#202c3b;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%!important;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .bootstrap-select>.dropdown-toggle {
border:1px solid #D9DCD3!important;
background:#D9DCD3!important;
}
.segment {
margin: 0 auto;
width: 100%;
background: #FFF;
padding-top:30px;
padding-bottom:50px;
clear:both;
}
.segment-grey {
margin:0 auto;
width:100%;
background:#D9DCD3;
padding-top:50px;
padding-bottom:50px;
clear:both;
}
.professional-team-segment {
margin:0 auto;
width:100%;
height:377px;
background:url(../images/home/professional-team-bg.jpg) center top no-repeat #202c3b;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color:#FFF;
clear:both;
overflow:hidden;
}
.professional-team-segment h2 {
color:#FFF;
}
.benefit-text {
font-family: 'Roboto Condensed', sans-serif;
text-transform:uppercase;
color:#202C3B;
font-weight:700;
}
h2 {
font-family: 'Droid Serif', serif;
color:#202c3b;
font-size:30px;
margin-bottom:20px;
font-weight: 700;
}
h2 span {
height: 3px;
background-color: #C29B52;
width: 40px;
text-align: center;
display: block;
margin: 20px auto 0 auto;
}
h3 {
font-family: 'Droid Serif', serif;
color:#202c3b;
font-size:20px;
margin-bottom:20px;
font-weight: 700;
}
.professional-team-segment h2 span {
height: 3px;
background-color: #FFF;
width: 40px;
text-align: center;
display: block;
margin: 20px auto 0 auto;
}
h2.panel-header span {
height: 1px;
background-color: #FFF;
width: 80px;
text-align: center;
display: block;
margin: 15px auto 0 auto;
}
h2.left span {
height: 3px;
background-color: #C29B52;
width: 40px;
text-align: left;
display: block;
margin: 20px 0;
}
h6 {
font-family: 'Droid Serif', serif;
color:#C29B52;
font-size:20px;
margin-bottom:20px;
font-weight:700;
}
h6 span {
height: 3px;
background-color: #C29B52;
width: 40px;
text-align: center;
display: block;
margin: 20px auto 0 auto;
}
h6.left span {
height: 3px;
background-color: #C29B52;
width: 40px;
text-align: left;
display: block;
margin: 20px 0;
}
.numbering {
color:#13A741;
font-size:26px;
font-weight:900;
}
.green-text {
color:#13A741;
}
.full-width-image-panel {
width:100%;
margin:0 auto;
clear:both;
}
.home-panel-left-1 {
width: 45%;
float: left;
padding-top: 50px;
padding-bottom: 50px;
padding-right: 30px;
}
.home-panel-right-1 {
width: 54%;
float: right;
background:url(../images/home/panel-right.jpg) right top no-repeat;
min-height: 493px;
display: block;
}
.road-accident-fund-claims-panel-right-1 {
width: 54%;
float: right;
background:url(../images/road-accident-fund-claims/panel-right.jpg) right top no-repeat;
min-height: 928px;
display: block;
}
.train-injury-claims-panel-right-1 {
width: 54%;
float: right;
background:url(../images/train-injury-claims/panel-right.jpg) right top no-repeat;
min-height: 657px;
display: block;
}
.professional-negligence-actions-panel-right-1 {
width: 54%;
float: right;
background:url(../images/professional-negligence-actions/panel-right.jpg) right top no-repeat;
min-height: 600px;
display: block;
}
.medical-malpractice-actions-panel-right-1 {
width: 54%;
float: right;
background:url(../images/medical-malpractice-actions/panel-right.jpg) right top no-repeat;
min-height: 500px;
display: block;
}
.home-panel-right-2 {
width: 54%;
float: right;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 30px;
padding-right: 0;
}
.home-panel-left-2 {
width: 46%;
float: left;
background: url(../images/home/panel-left.jpg) left top no-repeat;
min-height: 532px;
display: block;
}
.road-accident-fund-claims-panel-left-2 {
width: 46%;
float: left;
background: url(../images/road-accident-fund-claims/panel-left.jpg) left top no-repeat;
min-height: 802px;
display: block;
}
.train-injury-claims-panel-left-2 {
width: 46%;
float: left;
background: url(../images/train-injury-claims/panel-left.jpg) left top no-repeat;
min-height: 615px;
display: block;
}
.professional-negligence-actions-panel-left-2 {
width: 46%;
float: left;
background: url(../images/professional-negligence-actions/panel-left.jpg) left top no-repeat;
min-height: 563px;
display: block;
}
.medical-malpractice-actions-panel-left-2 {
width: 46%;
float: left;
background: url(../images/medical-malpractice-actions/panel-left.jpg) left top no-repeat;
min-height: 764px;
display: block;
}
.quote-segment {
margin: 0 auto;
width: 100%;
height: 280px;
background: #202c3b;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
clear: both;
font-size:20px;
overflow: hidden;
font-weight: 300;
}
.road-accident-fund-claims-quote-segment {
margin: 0 auto;
width: 100%;
height: 200px;
background: #202c3b;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
clear: both;
font-size:20px;
overflow: hidden;
font-weight: 300;
}
.professional-negligence-actions-quote-segment {
margin: 0 auto;
width: 100%;
height: 230px;
background: #202c3b;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
clear: both;
font-size:20px;
overflow: hidden;
font-weight: 300;
}
.footer-segment {
margin:0 auto;
width:100%;
padding-top:50px;
padding-bottom:50px;
display:block;
background:#202c3b;
color:#FFF;
font-size:14px;
}
.footer-segment a {
color:#FFF;
text-decoration:none;
}
.footer-segment a:hover, .footer-segment a:focus, .footer-segment a:active {
color:#FFF;
text-decoration:underline;
}
.borderbot1 {
border-bottom:1px solid #DDD;
padding-bottom:10px;
}
.bordertop1 {
border-top:1px solid #DDD;
padding-top:10px;
}
.footer-bottom-segment {
margin:0 auto;
width:100%;
display:block;
background:#C29B52;
color:#202c3b;
padding-top:50px;
padding-bottom:50px;
clear:both;
font-size:14px;
font-weight:400;
}
.footer-bottom-segment a {
color:#202c3b;
text-decoration:none;
}
.footer-bottom-segment a:hover, .footer-bottom-segment a:focus, .footer-bottom-segment a:active {
color:#202c3b;
text-decoration:underline;
}
.form-control {
color: #666;
font-size:14px;
background-color:#D9DCD3;
border: 1px solid #CCC;
}
.segment-grey .form-control {
color: #666;
font-size:14px;
background-color:#FFF;
border: 1px solid #CCC;
}
.fa-li {
left: 0;
top: .25em;
}
.panel {
border:none;
background:#D9DCD3;
border-radius:0;
padding:0;
margin-bottom:20px;
}
h2.panel-header {
font-size:26px;
font-weight:400;
color:#FFF;
text-align:center;
padding-top:75px;
min-height:200px;
margin-bottom:0;
}
h2.fmvt {
background: url(../images/what-we-do/fleet-management-and-vehicle-tracking.jpg) center no-repeat #14A842;
}
h2.inve {
background: url(../images/what-we-do/investigations.jpg) center no-repeat #14A842;
}
h2.avre {
background: url(../images/what-we-do/armed-vehicle-recovery-and-escort.jpg) center no-repeat #14A842;
}
h2.risk {
background: url(../images/what-we-do/risk-analysis.jpg) center top no-repeat #14A842;
}
h2.secu {
background: url(../images/what-we-do/security-audit-of-system-insallations.jpg) center no-repeat #14A842;
}
.fontsize17 {
font-size:17px;
}
.fontsize19 {
font-size:19px;
}
.job-title-text {
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
color: #C29B52;
font-weight: 700;
font-size:15px;
}
.subnav ul.nav-pills {
margin: 0 auto;
width: fit-content;
width: -moz-fit-content;
}
.subnav .nav > li > a {
padding: 20px 15px;
color:#FFFFFF;
font-family: 'Roboto Condensed', sans-serif;
font-size:14px;
background:#C29B52;
}
.subnav .nav > li > a:focus, .nav > li > a:hover {
text-decoration:none;
background:#C29B52;
color:#202c3b;
}
.subnav .nav-pills > li > a {
border-radius:0;
}
.subnav .nav-pills > li.active > a, .subnav .nav-pills > li.active > a:focus, .subnav .nav-pills > li.active > a:hover {
color: #202c3b;
background-color: #C29B52;
border-bottom:3px solid #202c3b;
}
.subnav {
/*margin-top:-61px;*/
background:#C29B52;
}
.append5 { margin-right:5px; }
.append10 { margin-right:10px; }
.append20 { margin-right:20px; }
.prepend20 { margin-left:20px; }
.marginbot0 { margin-bottom:0; }
.marginbot20 { margin-bottom:20px; }
.marginbot50 { margin-bottom:50px; }
.margintop0 { margin-top:0; }
.margintop8 { margin-top:8px; }
.margintop10 { margin-top:10px; }
.margintop20 { margin-top:20px; }
.margintop30 { margin-top:30px; }
.margintop40 { margin-top:40px; }
.paddingtop0 { padding-top:0; }
.paddingtop20 { padding-top:20px; }
.paddingbot0 { padding-bottom:0!important; }
.paddingbot5 { padding-bottom:5px; }
.paddingbot10 { padding-bottom:10px; }
.paddingbot15 { padding-bottom:15px; }
.paddingbot20 { padding-bottom:20px; }
.paddingbot50 { padding-bottom:50px; }
@media (max-width: 576px) {
.home-hero h1, .home-hero-sm h1, .subpage-hero h1 {
color:#C29B52;
font-size:24px;
}
.home-hero h2, .home-hero-sm h2, .subpage-hero h2 {
font-family: 'Droid Serif', serif;
color:#FFF;
font-size:20px;
margin-bottom:0;
}
.home-hero h3, .home-hero-sm h3, .subpage-hero h3 {
font-family: 'Roboto Condensed', sans-serif;
color:#FFF;
font-size:14px;
font-weight:400;
margin-bottom:0;
text-transform:uppercase;
margin-top:30px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
color:#C29B52;
background:#FFF;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color:#202c3b;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
background-color:#C29B52;
color:#FFF;
}
.home-panel-right-1 {
display: none;
}
.road-accident-fund-claims-panel-right-1 {
display: none;
}
.train-injury-claims-panel-right-1 {
display: none;
}
.professional-negligence-actions-panel-right-1 {
display: none;
}
.medical-malpractice-actions-panel-right-1 {
display: none;
}
.home-panel-left-1 {
width:100%;
margin:0 auto;
padding-top:50px;
padding-bottom:50px;
padding-right:30px;
}
.home-panel-right-2 {
width: 100%;
float: right;
padding-top: 0;
padding-bottom: 50px;
padding-left: 0;
padding-right: 0;
}
.home-panel-left-2 {
display: none;
}
.road-accident-fund-claims-panel-left-2 {
display: none;
}
.train-injury-claims-panel-left-2 {
display: none;
}
.professional-negligence-actions-panel-left-2 {
display: none;
}
.medical-malpractice-actions-panel-left-2 {
display: none;
}
.quote-segment {
margin: 0 auto;
width: 100%;
height: 380px;
background: #202c3b;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
font-weight: 300;
clear: both;
font-size: 20px;
overflow: hidden;
}
.road-accident-fund-claims-quote-segment {
margin: 0 auto;
width: 100%;
height: 300px;
background: #202c3b;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
clear: both;
font-size:20px;
overflow: hidden;
font-weight: 300;
}
.professional-negligence-actions-quote-segment {
margin: 0 auto;
width: 100%;
height: 300px;
background: #202c3b;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
clear: both;
font-size:20px;
overflow: hidden;
font-weight: 300;
}
}
@media (min-width: 576px) {
body {
padding-top: 80px;
}
.home-panel-right-1 {
display: none;
}
.road-accident-fund-claims-panel-right-1 {
display: none;
}
.train-injury-claims-panel-right-1 {
display: none;
}
.professional-negligence-actions-panel-right-1 {
display: none;
}
.medical-malpractice-actions-panel-right-1 {
display: none;
}
.home-panel-left-1 {
width:100%;
margin:0 auto;
padding-top:50px;
padding-bottom:50px;
padding-right:30px;
}
.home-panel-right-2 {
width: 100%;
float: right;
padding-top: 0;
padding-bottom: 50px;
padding-left: 0;
padding-right: 0;
}
.home-panel-left-2 {
display: none;
}
.road-accident-fund-claims-panel-left-2 {
display: none;
}
.train-injury-claims-panel-left-2 {
display: none;
}
.professional-negligence-actions-panel-left-2 {
display: none;
}
.medical-malpractice-actions-panel-left-2 {
display: none;
}
}
@media (min-width: 768px) {
body {
padding-top: 80px;
}
.navbar-nav>li>a {
padding-top:32px;
padding-bottom:38px;
}
.navbar-right .dropdown-menu {
right: auto;
left: 0;
}
.home-panel-right-1 {
display: none;
}
.road-accident-fund-claims-panel-right-1 {
display: none;
}
.train-injury-claims-panel-right-1 {
display: none;
}
.professional-negligence-actions-panel-right-1 {
display: none;
}
.medical-malpractice-actions-panel-right-1 {
display: none;
}
.home-panel-left-1 {
width:100%;
margin:0 auto;
padding-top:50px;
padding-bottom:50px;
padding-right:30px;
}
.home-panel-right-2 {
width: 100%;
float: right;
padding-top: 0;
padding-bottom: 50px;
padding-left: 0;
padding-right: 0;
}
.home-panel-left-2 {
display:none;
}
.road-accident-fund-claims-panel-left-2 {
display: none;
}
.train-injury-claims-panel-left-2 {
display: none;
}
.professional-negligence-actions-panel-left-2 {
display: none;
}
.medical-malpractice-actions-panel-left-2 {
display: none;
}
}
@media (min-width: 992px) {
body {
padding-top: 80px;
}
.home-panel-right-1 {
width: 54%;
float: right;
background:url(../images/home/panel-right.jpg) right top no-repeat;
min-height: 493px;
display: block;
}
.road-accident-fund-claims-panel-right-1 {
width: 54%;
float: right;
background:url(../images/road-accident-fund-claims/panel-right.jpg) right top no-repeat;
min-height: 928px;
display: block;
}
.train-injury-claims-panel-right-1 {
width: 54%;
float: right;
background:url(../images/train-injury-claims/panel-right.jpg) right top no-repeat;
min-height: 657px;
display: block;
}
.professional-negligence-actions-panel-right-1 {
width: 54%;
float: right;
background:url(../images/professional-negligence-actions/panel-right.jpg) right top no-repeat;
min-height: 600px;
display: block;
}
.medical-malpractice-actions-panel-right-1 {
width: 54%;
float: right;
background:url(../images/medical-malpractice-actions/panel-right.jpg) right top no-repeat;
min-height: 500px;
display: block;
}
.home-panel-left-1 {
width:45%;
margin:0 auto;
padding-top:50px;
padding-bottom:50px;
padding-right:30px;
}
.home-panel-right-2 {
width: 54%;
float: right;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 30px;
padding-right: 0;
}
.home-panel-left-2 {
width: 46%;
float: left;
background: url(../images/home/panel-left.jpg) left top no-repeat;
min-height: 532px;
display: block;
}
.road-accident-fund-claims-panel-left-2 {
width: 46%;
float: left;
background: url(../images/road-accident-fund-claims/panel-left.jpg) left top no-repeat;
min-height: 802px;
display: block;
}
.train-injury-claims-panel-left-2 {
width: 46%;
float: left;
background: url(../images/train-injury-claims/panel-left.jpg) left top no-repeat;
min-height: 615px;
display: block;
}
.professional-negligence-actions-panel-left-2 {
width: 46%;
float: left;
background: url(../images/professional-negligence-actions/panel-left.jpg) left top no-repeat;
min-height: 563px;
display: block;
}
.medical-malpractice-actions-panel-left-2 {
width: 46%;
float: left;
background: url(../images/medical-malpractice-actions/panel-left.jpg) left top no-repeat;
min-height: 764px;
display: block;
}
}
@media (max-width: 1199px) {
body {
padding-top: 80px;
}
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media (min-width: 1200px) {
body {
padding-top: 90px;
}
.home-panel-right-1 {
width: 54%;
float: right;
background:url(../images/home/panel-right.jpg) right top no-repeat;
min-height: 493px;
display: block;
}
.road-accident-fund-claims-panel-right-1 {
width: 54%;
float: right;
background:url(../images/road-accident-fund-claims/panel-right.jpg) right top no-repeat;
min-height: 928px;
display: block;
}
.train-injury-claims-panel-right-1 {
width: 54%;
float: right;
background:url(../images/train-injury-claims/panel-right.jpg) right top no-repeat;
min-height: 657px;
display: block;
}
.medical-malpractice-actions-panel-right-1 {
width: 54%;
float: right;
background:url(../images/medical-malpractice-actions/panel-right.jpg) right top no-repeat;
min-height: 500px;
display: block;
}
.professional-negligence-actions-panel-right-1 {
width: 54%;
float: right;
background:url(../images/professional-negligence-actions/panel-right.jpg) right top no-repeat;
min-height: 600px;
display: block;
}
.home-panel-left-1 {
width:45%;
margin:0 auto;
padding-top:50px;
padding-bottom:50px;
padding-right:30px;
}
.home-panel-right-2 {
width: 54%;
float: right;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 30px;
padding-right: 0;
}
.home-panel-left-2 {
width: 46%;
float: left;
background: url(../images/home/panel-left.jpg) left top no-repeat;
min-height: 532px;
display: block;
}
.road-accident-fund-claims-panel-left-2 {
width: 46%;
float: left;
background: url(../images/road-accident-fund-claims/panel-left.jpg) left top no-repeat;
min-height: 802px;
display: block;
}
.train-injury-claims-panel-left-2 {
width: 46%;
float: left;
background: url(../images/train-injury-claims/panel-left.jpg) left top no-repeat;
min-height: 615px;
display: block;
}
.professional-negligence-actions-panel-left-2 {
width: 46%;
float: left;
background: url(../images/professional-negligence-actions/panel-left.jpg) left top no-repeat;
min-height: 563px;
display: block;
}
.medical-malpractice-actions-panel-left-2 {
width: 46%;
float: left;
background: url(../images/medical-malpractice-actions/panel-left.jpg) left top no-repeat;
min-height: 764px;
display: block;
}
}
.col-xs-5th-1, .col-xs-5th-2, .col-xs-5th-3, .col-xs-5th-4 {
float: left;
}
.col-xs-5th-5 {
float: left;
width: 100%;
}
.col-xs-5th-4 {
width: 80%;
}
.col-xs-5th-3 {
width: 60%;
}
.col-xs-5th-2 {
width: 40%;
}
.col-xs-5th-1 {
width: 20%;
}
.col-xs-5th-pull-5 {
right: 100%;
}
.col-xs-5th-pull-4 {
right: 80%;
}
.col-xs-5th-pull-3 {
right: 60%;
}
.col-xs-5th-pull-2 {
right: 40%;
}
.col-xs-5th-pull-1 {
right: 20%;
}
.col-xs-5th-pull-0 {
right: auto;
}
.col-xs-5th-push-5 {
left: 100%;
}
.col-xs-5th-push-4 {
left: 80%;
}
.col-xs-5th-push-3 {
left: 60%;
}
.col-xs-5th-push-2 {
left: 40%;
}
.col-xs-5th-push-1 {
left: 20%;
}
.col-xs-5th-push-0 {
left: auto;
}
.col-xs-5th-offset-5 {
margin-left: 100%;
}
.col-xs-5th-offset-4 {
margin-left: 80%;
}
.col-xs-5th-offset-3 {
margin-left: 60%;
}
.col-xs-5th-offset-2 {
margin-left: 40%;
}
.col-xs-5th-offset-1 {
margin-left: 20%;
}
.col-xs-5th-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-5th-1, .col-sm-5th-2, .col-sm-5th-3, .col-sm-5th-4 {
float: left;
}
.col-sm-5th-5 {
float: left;
width: 100%;
}
.col-sm-5th-4 {
width: 80%;
}
.col-sm-5th-3 {
width: 60%;
}
.col-sm-5th-2 {
width: 40%;
}
.col-sm-5th-1 {
width: 20%;
}
.col-sm-5th-pull-5 {
right: 100%;
}
.col-sm-5th-pull-4 {
right: 80%;
}
.col-sm-5th-pull-3 {
right: 60%;
}
.col-sm-5th-pull-2 {
right: 40%;
}
.col-sm-5th-pull-1 {
right: 20%;
}
.col-sm-5th-pull-0 {
right: auto;
}
.col-sm-5th-push-5 {
left: 100%;
}
.col-sm-5th-push-4 {
left: 80%;
}
.col-sm-5th-push-3 {
left: 60%;
}
.col-sm-5th-push-2 {
left: 40%;
}
.col-sm-5th-push-1 {
left: 20%;
}
.col-sm-5th-push-0 {
left: auto;
}
.col-sm-5th-offset-5 {
margin-left: 100%;
}
.col-sm-5th-offset-4 {
margin-left: 80%;
}
.col-sm-5th-offset-3 {
margin-left: 60%;
}
.col-sm-5th-offset-2 {
margin-left: 40%;
}
.col-sm-5th-offset-1 {
margin-left: 20%;
}
.col-sm-5th-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-5th-1, .col-md-5th-2, .col-md-5th-3, .col-md-5th-4 {
float: left;
}
.col-md-5th-5 {
float: left;
width: 100%;
}
.col-md-5th-4 {
width: 80%;
}
.col-md-5th-3 {
width: 60%;
}
.col-md-5th-2 {
width: 40%;
}
.col-md-5th-1 {
width: 20%;
}
.col-md-5th-pull-5 {
right: 100%;
}
.col-md-5th-pull-4 {
right: 80%;
}
.col-md-5th-pull-3 {
right: 60%;
}
.col-md-5th-pull-2 {
right: 40%;
}
.col-md-5th-pull-1 {
right: 20%;
}
.col-md-5th-pull-0 {
right: auto;
}
.col-md-5th-push-5 {
left: 100%;
}
.col-md-5th-push-4 {
left: 80%;
}
.col-md-5th-push-3 {
left: 60%;
}
.col-md-5th-push-2 {
left: 40%;
}
.col-md-5th-push-1 {
left: 20%;
}
.col-md-5th-push-0 {
left: auto;
}
.col-md-5th-offset-5 {
margin-left: 100%;
}
.col-md-5th-offset-4 {
margin-left: 80%;
}
.col-md-5th-offset-3 {
margin-left: 60%;
}
.col-md-5th-offset-2 {
margin-left: 40%;
}
.col-md-5th-offset-1 {
margin-left: 20%;
}
.col-md-5th-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-5th-1, .col-lg-5th-2, .col-lg-5th-3, .col-lg-5th-4 {
float: left;
}
.col-lg-5th-5 {
float: left;
width: 100%;
}
.col-lg-5th-4 {
width: 80%;
}
.col-lg-5th-3 {
width: 60%;
}
.col-lg-5th-2 {
width: 40%;
}
.col-lg-5th-1 {
width: 20%;
}
.col-lg-5th-pull-5 {
right: 100%;
}
.col-lg-5th-pull-4 {
right: 80%;
}
.col-lg-5th-pull-3 {
right: 60%;
}
.col-lg-5th-pull-2 {
right: 40%;
}
.col-lg-5th-pull-1 {
right: 20%;
}
.col-lg-5th-pull-0 {
right: auto;
}
.col-lg-5th-push-5 {
left: 100%;
}
.col-lg-5th-push-4 {
left: 80%;
}
.col-lg-5th-push-3 {
left: 60%;
}
.col-lg-5th-push-2 {
left: 40%;
}
.col-lg-5th-push-1 {
left: 20%;
}
.col-lg-5th-push-0 {
left: auto;
}
.col-lg-5th-offset-5 {
margin-left: 100%;
}
.col-lg-5th-offset-4 {
margin-left: 80%;
}
.col-lg-5th-offset-3 {
margin-left: 60%;
}
.col-lg-5th-offset-2 {
margin-left: 40%;
}
.col-lg-5th-offset-1 {
margin-left: 20%;
}
.col-lg-5th-offset-0 {
margin-left: 0%;
}
}