/*!
Theme Name: virguez_law
Theme URI: https://candcdigital.co
Author: candcdigital.co
Author URI: https://candcdigital.co
Description: Custom template for Virguez Law
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: virguez
Tags
*/
html,
body {
font-weight: normal;
font-size: 16px;
color: #033663;
background-color: #fff;
font-family: var(--primary-font);
overflow-x:hidden;
}
a {
color: #033663;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: var(--primary-color);
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
img {
max-width: 100%;
height: auto;
}
input:focus,
button:focus {
box-shadow: none;
outline: none;
}
:root {
--primary-color: #A6CA00;
--primary-font: 'Poppins', sans-serif;
}
.btn, .hero-2 .hero-form input[type="submit"] {
border: 0px;
border-color: #F4A950;
border-radius: 8px;
padding: 8px 20px;
font-size: 16px;
color: #033663; 
font-weight: bold;
position: relative;
display: inline-flex;
align-items: center;
text-align: start;
text-transform: uppercase;
background-color: var(--primary-color);
}
.hero-2 .hero-form input[type="submit"] { text-align:center; font-size:18px !important; color:#212529 !important; width:100% !important; padding:15px 20px !important;}
.btn i {
width: 40px;
height: 40px;
line-height:40px;
border-radius: 100%;
text-align: center;
color: #fff;
margin-right: 10px;
background-color: #033663;
}
.btn strong {
display: block;
}
.section-header {
display: flex;
padding-bottom: 15px;
align-items: center;
font-weight: 600;
margin-bottom: 50px;
justify-content: space-between;
border-bottom: 2px solid var(--primary-color);
}
.section-header .number {
border-radius: 100%;
width: 30px;
height: 30px;
line-height: 27px;
border-radius: 100%;
text-align: center;
border: 2px solid var(--primary-color);
}
.section-header p {
margin-bottom: 0;
}
.title {
margin-bottom: 40px;
color: #033663;
}
.title h1 {
color: #033663;
font-size: 46px;
font-weight: 600;
margin-bottom: 20px;
}
.title h6 {
color: var(--primary-color);
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.title-center {
text-align: center;
}
.title-center .title {
max-width: 800px;
display: inline-block;
}
.bg-color {
background-color: #E6EBF0;
}
section {
padding: 100px 0;
}
input:not([type='submit']), 
select, 
textarea {
color: #111 !important;
height: 50px;
width: 100%;
padding: 6px 20px;
font-weight: 400;
border-radius: 0;
margin-bottom: 15px;
border: 1px solid #033663;
box-shadow: 5px 5px #033663;
}
textarea {
resize: none;
height: 110px;
color: #000;
padding-top: 15px;
}
input[type="radio"],
input[type="checkbox"] {
width: inherit;
height: initial;
color: #000;
}
input:focus, 
textarea:focus, 
select:focus {
outline: none !important;
border-color:  var(--primary-color) !important;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
color: #9F9C9A;    
}
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
color: #9F9C9A;    
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
color: #9F9C9A;    
}
input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
color: #9F9C9A;    
}
/*header*/
.header .main-menu {
z-index:9;
background-color: #033663;
border-bottom: 10px solid var(--primary-color);
position:relative;
}
.sticky-wrapper {
z-index:10;
}
.top-bar {
text-align: center;
padding: 10px 0;
color: #fff;
background-color: var(--primary-color);
}
.top-bar h1 {
font-size: 13px;
font-weight: 500;
margin-bottom: 0;
}
.header .button {
min-width: 215px;
align-items: center;
font-weight: 500;
text-transform: uppercase;
}
.header .button h2 {
font-size: 14px;
color: #fff;
font-weight: 500;
text-transform: uppercase;
}
.menu-content {
padding: 20px 0;
}
.is-sticky .menu-content {
padding: 10px 0;
}
.is-sticky .main-menu {
background-color: #033663;
}
.is-sticky .main-menu .logo img {
max-width: 120px;
}
.nav {
padding-left: 0;
padding-right: 20px;
}
.header .nav ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: initial;
}
.nav ul li {
position: relative;
margin-right: 25px;
font-size: 16px;
}
.nav ul li:last-child {
margin-right: 0;
}
.nav ul li a {
padding:0;
color: #fff;
display: block;
font-weight: 500;
}
.nav ul li a:hover {
color: var(--primary-color);
}
.navbar-toggler {
padding: 0;
height: initial;
line-height: initial;
}
.navbar-toggler-icon {
width: initial;
height: initial;
color: #0A0A0A;
border-radius: 4px;
padding: 4px 8px;
border: 1px solid #0A0A0A;
}
.navbar-toggler-icon:hover {
color: var(--primary-color);
border-color:var(--primary-color);
}
.navbar-toggle {
background: 0 0!important;
border: none!important;
float: left!important;
cursor: pointer;
padding-left:15px !important;
}
.navbar-toggle .icon-bar {
display: block;
width: 25px;
height: 2px;
border-radius: 1px;
background:#fff !important;
margin-bottom: 4px!important;
}
.m-phone a {
width: 40px;
min-width: 40px;
height: 40px;
line-height: 40px;
color: #fff;
display: block;
float: right;
text-align: center;
border-radius: 100%;
background-color: var(--primary-color);
}
.m-phone a:hover {
color: #000;
}
.header .navbar-nav .sub-menu {
position: absolute;
top: calc(100% + 44px);
margin-top: 0px;
left: 0;
background: #000;
opacity: 0;
visibility: hidden;
width: 240px;
display: block;
border-radius: 0px 0px 0px 0px;
-webkit-box-shadow: 0px 5px 5px rgb(0 0 0 / 20%);
-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
box-shadow: 0px 5px 5px rgb(0 0 0 / 20%);
padding-bottom: 5px;
-webkit-transform: translate(0,10px);
-moz-transform: translate(0,10px);
-o-transform: translate(0,10px);
-ms-transform: translate(0,10px);
transform: translate(0,10px);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.navbar-nav .sub-menu li {
margin-right: 0;
}
.navbar-nav li:hover > .sub-menu {
visibility: visible;
opacity: 1;
top: calc(100% + 0px);
-webkit-transform: translate(0,0px);
-moz-transform: translate(0,0px);
-o-transform: translate(0,0px);
-ms-transform: translate(0,0px);
transform: translate(0,0px);
z-index: 20;
}
.navbar-nav .icon {
position: absolute;
top: 8px;
cursor: pointer;
right: -20px;
font-size: 14px;
}
.nav ul li.sa-dropdown {
margin-right: 40px !important;
}
.navbar-nav .sub-menu {
display: block;
}
.navbar-nav .sub-menu a {
padding: 5px 15px;
}
/*hero-section*/
.hero-section {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #1c1968;
}
.hero-text {
position: relative;
z-index:1;
color: #fff;
font-size: 18px;
max-width: 700px;
}
.hero-text h1 {
font-weight: 600;
font-size:55px;
color: #fff;
margin-bottom: 20px;
}
.hero-form ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;    
}
.hero-form ul li {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;    
}
.hero-form ul li:nth-child(2),
.hero-form ul li:nth-child(3) {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.form-content {
color: #033663;
padding: 30px;
background-color: #fff;
}
.form-content h2 {
font-size:47px;
text-align: center;
font-weight: 700;
margin-bottom: 30px;
text-transform: uppercase;
background-color: #A6CA00;
margin-left: -30px;
margin-top: -30px;
margin-right: -30px;
padding: 30px;
}
.form-content input[type="checkbox"] {
margin-right: 10px;
}
form button.btn {
width: 100%;
font-size: 18px;
text-align: center;
padding: 15px 20px;
display: block;
}
.form-top img {
width: 100%;
}
.hero-2 .hero-form {
position: relative;
border-radius: 8px;
overflow: hidden;
}
.shap-top {
position: absolute;
top: 0;
padding: 15px;
}
.shap-top img {
width: initial;
}
.c-thumb {
position: relative;
display: flex;
}
.c-thumb img {
width: 100%;
}
.shap-top:before {
content: "";
width: 0;
height: 0;
position: absolute;
left: 0px;
top: 0px;
border-top: 160px solid var(--primary-color);
border-right: 160px solid transparent;     
}
.shap-top img {
position: relative;
z-index: 1;
}
.ch-shap {
position: absolute;
bottom: 0;
right: 0;
color: #fff;
text-align: right;
padding: 10px;
}
.ch-shap:before {
content: "";
width: 0;
height: 0;
position: absolute;
right: 0;
bottom: 0;
border-bottom: 280px solid rgb(3 54 99 / 90%);
border-left: 280px solid transparent;    
}
.ch-shap p, 
.ch-shap h2, 
.ch-shap .icon {
position: relative;
z-index: 1;
}
.ch-shap .icon {
margin-bottom: 15px;
}
.ch-shap .icon i{
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100%;
text-align: center;
color: #fff;
margin-right: 10px;
background-color: var(--primary-color);    
}
.ch-shap p {
font-size: 26px;
font-weight: 600;
}
.ch-shap h2 {
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
}
.ch-shap p a {
color: #fff;
display: block;
}
.ch-shap p a:hover {
color: #000;
text-decoration: none;
}
/*clients-section*/
.clients {
border-radius: 8px;
overflow: hidden;
background-color: rgb(9 7 136 / 10%);
}
.clients-text {
padding: 20px;
padding-right: 30px;
}
.clients-text h1 {
font-size: 42px;
font-weight: 500;
color: var(--primary-color);
}
.clients-text h3 {
font-size: 20px;
font-weight: 700;
color: #003050;
margin-bottom: 30px;
text-transform: uppercase;
}
.clients-text p {
font-size: 24px;
font-style: italic;
}
.clients-text h4 {
font-size: 18px;
font-weight: 700;
color: #111;
margin-top: 30px;
text-transform: uppercase;
}
/*evaluation-section*/
.evaluation-section {
background-color: #000350;
background-repeat: no-repeat;
background-size: 50% 100%;
background-image: url(../images/others/img2.jpg);
}
.evaluation-section .title {
color: #fff;
text-align: center;
}
.evaluation-section .title h1 {
color: #fff;
}
.evaluation-content {
padding-left: 180px;
}
/*faq-section*/
.accordion .card {
padding:0px 0px;
margin-bottom: 20px;
border: 0 !important;
border-radius: 0 !important;
margin-bottom: 20px;
color: #444444;
background-color: #E6EBF0;    
}
.accordion .card-header {
border: 0;
margin: 0;
padding: 0;
background-color: transparent;
}
.accordion .card-header button {
width: 100%;
border: 0;
color: #033663;
text-align: left;
font-size: 20px;
font-weight: bold;
background-color: transparent;
position: relative;
padding: 0;
padding-right: 30px;
padding:15px 20px;
padding-right:30px;
position:relative;
}
.card-body {
padding:15px 20px;
padding-bottom:0;
padding-top:0;
}
.accordion .card-header button:after {
position: absolute;
top:50%;
margin-top:-15px;
right:10px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #033663;
font-family: "fontawesome";
}
.accordion .card-header button[aria-expanded="true"]:after {
content: "\f106";
}
.accordion .card-header button[aria-expanded="false"]:after {
content: "\f13a";
}
.accordion ul {
list-style: inherit;
padding-left: 25px;
margin-top: 20px;
margin-bottom: 20px;
}
.accordion-2 .card {
color: #111;
border-radius: 0 !important;
background-color: transparent;
margin-bottom: 0;
padding: 15px 0;
border-bottom: 3px solid #000!important;    
}
.accordion-2 .card-content {
padding: 30px;
color: #111;
margin-bottom: 40px;
border-radius: 4px;
background-color: #F0F0F0;
}
.accordion-2 .card-header button {
color: #111;
text-transform: initial;
}
.accordion-2 .card-content .card:last-child {
border-bottom: 0 !important;
}
.accordion-2 .title {
margin-bottom: 0;
}
.accordion-2 .title h1 {
color: #000;
}
.accordion-2 .card-header button[aria-expanded="true"]:after {
content: "\f077";
color: #000;
}
.accordion .card-header button[aria-expanded="false"]:after {
content: "\f078";
}
/*about-section*/
.about-text, 
.about-text .title {
color: #444444;
}
.about-text h2 {
font-size: 20px;
color: #323F61;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 5px;
margin-left: 20px;
}
.about-text p {
margin-bottom: 20px;
}
.order-list {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.order-list li {
margin-bottom: 30px;
counter-increment: step-counter;
position: relative;
}
.order-list li::before {
content: counter();
font-weight: bold;
position: absolute;
color: #323F61;
top: -2px;
left: 0;
font-size: 20px;
content: counter(step-counter) ". ";
}
.story {
color: #fff;
padding:40px 30px;
border-radius: 6px;
font-size: 18px;
margin-bottom: 30px;
background-color: #000350;
}
.story h2 {
font-size: 46px;
font-weight: 600;
}
.story h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 25px;
text-transform: uppercase;
}
.story-top {
margin-bottom: 20px;
border-bottom: 1px solid rgb(255 255 255 / 45%);
}
.story .btn {
margin-top: 15px;
font-weight: normal;
line-height: 40px;
text-transform: capitalize;
}
.story .btn:hover {
background-color: #fff;
}
/*testimonial-section*/
.testimonial-section {
text-align: center;
}
.title-1 {
text-align: center;
margin-bottom: 50px;
}
.testimonial-section ul {
display: flex;
background: linear-gradient(to top, #B72F00, #FDAD02);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 10px;
justify-content: center;
}
.testimonial-section ul li {
margin-right: 5px;
font-size: 20px;
}
.testimonial-section ul li:last-child {
margin-right: 0;
}
.testimonial h2 {
font-size: 30px;
margin-bottom: 40px;
font-style: italic;
font-weight: normal;
}
.testimonial h6 {
font-size: 18px;
color: #000;
margin-bottom: 15px;
}
.testimonial p img {
display: inline-block;
margin-right: 10px;
}
.testimonial p a {
font-weight: bold;
}
/*breadcrumb-section*/
.breadcrumb-section {
padding: 150px 0 80px;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #1c1968;    
}
.breadcrumb-text {
color: #fff;
text-align: center;
}
.breadcrumb-text ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;   
justify-content: center; 
}
.breadcrumb-text ul li {
margin-right: 5px;
color: var(--primary-color);
}
.breadcrumb-text ul li:last-child {
margin-right: 0;
padding-right: 0;
}
.breadcrumb-text ul li a {
color: #fff;
}
.breadcrumb-text ul li a:hover {
color: var(--primary-color);
}
.breadcrumb-text ul li:before {
color: #fff;
content: "\f054";
margin-right: 10px;
font-family: "fontawesome";
font-weight: 900;
font-size: 14px;
}
.breadcrumb-text ul li:first-child:before {
display: none;
}
.breadcrumb-text h1 {
font-size: 46px;
font-weight: 600;
margin-bottom: 15px;
}
/*injury-section*/
.injury-section {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.injury-section:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(0 3 80 / 85%);
}
.injury-section .title {
position: relative;
z-index: 99;
}
.injury-section .title,
.injury-section .title h1, 
.injury-section .injury {
color: #fff;
}
.injury {
margin-bottom:30px; 
}
.injury .icon {
margin-bottom: 20px;
}
.injury h2 {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px; 
text-transform: uppercase;  
}
.accidents-help {
padding: 30px;
margin-top: 30px;
margin-bottom: 30px;
background-size: cover;
background-position: center;
background-color: #000;
border-bottom: 10px solid #F14B00;
}
.single-content .help-top {
color: #fff;
margin-left: -30px;
margin-right: -30px;
margin-top: -30px;
padding:30px 15px;
text-align: center;
margin-bottom: 30px;
background-color:#000350;
}
.single-content .help-top h2 {
font-size: 50px;
font-weight: 600;
margin-bottom: 5px;
color: #fff;
margin-top: 0;
text-transform: uppercase;
}
.single-content .help-top h3 {
font-size: 26px;
font-weight: 600;
margin-bottom: 0;
color: #fff;
}
.accidents-help li {
padding: 20px;
margin-bottom: 30px;
background-color: #fff;
}
.accidents-help li p:last-child {
margin-bottom: 0;
}
.accidents-help h3 {
font-size: 20px;
color: #000350;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 5px;
}
.single-content p a {
text-decoration: underline;
}
.h-footer {
padding:0 110px; 
text-align: center;
color: #fff;
font-size: 26px;
font-weight: 600;
margin-bottom: 20px;
}
.single-content .order-list h2 {
font-size: 20px;
color: #000350;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 5px;
margin-top: 0;
}
.single-content .order-list li {
margin-bottom: 30px;
}
.single-content .s-thumb {
border-radius: 5px;
overflow: hidden;
margin-bottom: 30px
}
.single-content h2 {
font-size: 30px;
color: #111;
font-weight: 600;
margin-top: 30px;
}
.ac-list li {
position: relative;
margin-bottom: 5px;
padding-left: 15px;
}
.ac-list li:before {
position: absolute;
content: "";
width: 4px;
height: 4px;
top: 9px;
left: 0;
border-radius: 100%;
background-color: #111;
}
.sidebar .widegt {
border-radius: 4px;
overflow: hidden;
margin-bottom: 30px;
}
.widegt h2{
color: #fff;
padding: 15px 20px;
font-size: 28px;
font-weight: 600;
margin-bottom:0;
background-color: var(--primary-color);
}
.widegt li {
font-size: 18px;
font-weight: 600;
}
.widegt li a {
padding: 15px 20px;
display: block;
position: relative;
background-color: #F0F0F0;
}
.services-widegt li.active>a,
.services-widegt li a:hover {
color: #fff;
background-color: #000;
}
.services-widegt li a:after{
content: "\f054";
margin-right: 10px;
font-family: "fontawesome";
font-weight: 900;
font-size: 14px;  
position: absolute;
top: 50%;
right: 5px;  
margin-top: -10px;
}
.recent-widegt li a {
padding: 10px 20px;
display: flex;
font-weight: 600;
font-size: 18px;
}
.recent-widegt li a p {
margin-bottom: 0;
}
.recent-widegt ul {
padding: 20px 0;
background-color: #F0F0F0;
}
.recent-widegt li .thumb {
min-width: 60px;
width: 60px;
margin-right: 10px;
}
.widegt .testimonial{
padding:20px;
display: block;
position: relative;
background-color: #F0F0F0;
}
.widegt .testimonial ul {
display: flex;
color: #E2C111;
margin-bottom: 20px;
}
.widegt .testimonial h3 {
font-weight: 600;
font-size: 20px;
font-style: normal;
margin-bottom: 30px;
}
.ts-top {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.ts-top p {
margin-bottom: 0;
color: #3C3C43;
}
.ts-top p strong {
display: block;
color: #000;
}
.ts-top .thumb {
width: 60px;
min-width: 60px;
height: 60px;
margin-right: 10px;
}
.widegt .story {
border-radius: 0;
margin-bottom: 0;
}
.widegt .story h2 {
padding: 0;
font-size: 46px;
margin-bottom: 15px;
background-color: transparent;
}
/*blog-section*/
.post {
border-radius: 4px;
overflow: hidden;
margin-bottom: 30px;
background-color:#F0F0F0;
}
.post .post-thumb img {
width: 100%;
}
.post h2 {
font-size: 18px;
color: #000350;
font-weight: 700;
margin-bottom: 15px;
text-transform: uppercase;
}
.post-content {
padding:30px 20px;
}
.post-content .btn {
margin-top: 5px;
font-weight: normal;
line-height: 40px;
text-transform: capitalize;    
}
.post-content .btn:hover {
background-color: #fff;
}
.b-meta {
margin-bottom: 30px;
}
.b-meta ul {
display: flex;
}
.b-meta ul li {
position: relative;
color: var(--primary-color);
margin-right: 15px;
padding-left: 15px;
}
.b-meta ul li a {
color: var(--primary-color);
}
.b-meta ul li a:hover {
text-decoration: underline;
}
.b-meta ul li:before {
position: absolute;
content: "";
width: 4px;
height: 4px;
top: 9px;
left: 0;
border-radius: 100%;
background-color: var(--primary-color);   
}
/*contact-section*/
.contact {
text-align: center;
margin-bottom: 30px;
}
.contact .icon {
margin-bottom: 15px;
}
.contact h2 {
font-size: 20px;
color: #000350;
font-weight: bold;
margin-bottom: 0;
text-transform: uppercase;
}
.contact p {
margin-bottom: 0;
}
/*footer-section*/
.footer-bottom {
padding: 15px 0;
color: #fff;
background-color: #033663;
}
.footer-bottom .logo {
margin-right: 15px;
}
.footer-bottom p {
font-size: 14px;
margin-bottom: 0;
}
.footer-bottom a {
color: var(--primary-color);
text-decoration: underline;
}
.footer-bottom ul li {color: var(--primary-color);}
.footer-bottom ul li a {color:#fff;}
.footer-bottom ul li a {color:#fff;}
.footer-bottom ul li:hover a {color:#a6ca00; text-decoration:underline;}
.footer-bottom a:hover {
color: #000;
text-decoration: none;
}
.footer-bottom .d-flex {
align-items: center;
}
.footer-bottom ul {
display: flex;
margin-right: 20px;
}
.footer-bottom ul:last-child {
margin-right: 0;
}
.footer-bottom ul li {
margin-right: 15px;
white-space:nowrap;
}
.footer-bottom ul li:last-child {
margin-right: 0;
}
a, button {
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
.video-content {
height: 700px;
position: relative;
margin-bottom: 50px;
background-position:center center !important;
background-repeat:no-repeat !important;
background-size:cover !important;
}
.logo-content ul {
display: flex;
margin-bottom: 30px;
justify-content: center;
align-items: center;
}
.logo-content ul li {
margin-right: 40px;
}
.logo-content ul li:last-child {
margin-right: 0;
}
.video-link {
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
color: #fff;
font-size: 60px;
}
/*proceso-section*/
.proceso-list > ul {   
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -25px;
margin-left: -25px;
}
.proceso-list > ul > li {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
position: relative;
width: 100%;
padding-right: 25px;
padding-left: 25px;
}   
.proceso-list > ul > li:after {
position: absolute;
content: "";
top: 50%;
right: -20px;
width: 40px;
height: 38px;
margin-top: -19px;
background-size: contain;
background-image: url(images/others/i1.png);
} 
.proceso-list > ul > li:last-child:after{
display: none;
}
.proceso {
color: #fff;
padding: 30px;
padding-bottom:50px;
margin-bottom:0px;
min-height: 405px;
border-radius: 8px;
background-color: #033663;
height:calc(100% - 30px);
}   
.proceso h3 {
font-size: 30px;
font-weight: 600;
color: var(--primary-color);
}     
.proceso h4 {
font-size: 20px;
font-weight: 600;
margin-bottom: 20px;
}     
.cta-section {
color: #fff;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.cta-section p {
margin-bottom: 25px;
}
.cta-section .btn {
padding: 15px 20px;
}
.cta-section .title, 
.cta-section .title h1 {
color: #fff;
}
.list-before  h2 {
color: #033663;
padding-left: 0;
margin-left: 0;
text-transform: capitalize;
}
.list-before li {
padding-left: 25px;
position: relative;
color: #444444;
}
.list-before li:before {
position: absolute;
top:-2px;
left: -2px;
content: "\f0fe";
font-size: 20px;
line-height: 30px;
text-align: center;
color: var(--primary-color);
font-family: "fontawesome";
}
/* md */
@media (min-width: 1400px){
.container {
max-width: 1350px;
}
.header .nav  {
min-width: 880px;
}
}
/* md */
@media (min-width: 1200px) and (max-width: 1399px) {
.nav ul li {
margin-right: 20px;
font-size: 15px;
}
.header .button {
min-width: 180px;
}
.header .button h2 {
font-size: 10px;
}
.story h2 {
font-size: 36px;
}
}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
.evaluation-content {
padding-left: 30px;
}
.clients-text p {
font-size: 20px;
}
.hero-text h1 {
font-size: 48px;
}
.form-content h2{
font-size: 22px;
}
.choose-content {
padding-right: 15px;
}
.h-footer {
padding: 0 50PX;
}
.testimonial h2 {
font-size: 28px;
}
.widegt .testimonial h3 {
font-size: 18px;
}
.widegt .story{
font-size: 16px;
padding: 30px 20px;
}
.widegt .story h2 {
font-size: 30px;
}
.story h3 {
font-size: 15px;
}
.story {
padding: 40px 20px;
}
.story h2 {
font-size: 34px;
}
.post h2 {
font-size: 16px;
}
}
/* md */
@media (max-width: 991px) {
.hero-text {
margin-bottom: 50px;
}
.hero-text h1 {
font-size: 44px;
}
.footer-bottom .logo {
margin-bottom: 20px;
}
.footer-bottom,
.footer-bottom p {
text-align: center;
}
.testimonial-section .title {
margin-bottom: 0;
}
.story h2{
font-size: 34px;
}
.story h3 {
font-size: 16px;
}
.proceso-list > ul > li {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.proceso-list > ul > li:after{
display: none;
}  
.proceso {
min-height: inherit;
}  
}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
.header .button {
min-width: 100px;
width: 100px;
text-align: center;
}
.header .button h2 {
font-size: 10px;
margin-bottom: 0;
}
}
/* sm */
@media (max-width: 767px) {
.list-before li.active:before {
content: "\f146";
}
.list-before { margin-bottom:20px;}
.list-before>li>h2 { padding-bottom:7px; margin-bottom:0 !important;}
.list-before>li>p { display:none; margin-bottom:0 !important;overflow: hidden; position:relative;}
.list-before >li {position:relative; margin-bottom:10px;}
.list-before > li > i {display:block; position:absolute;top:0;left:0; height:30px;width:100%; cursor:pointer;}
.proceso { margin-left:15px; margin-right:15px;}
div.nav { padding-top:20px;}
.hero-2 .hero-form { margin-left:-10px; margin-right:-10px;}
.logo-content ul { text-align:center;}
.logo-content ul, .logo-content ul li { display:inline-block !important;}
.logo-content ul li img { max-width:120px; margin-bottom:10px;}
.main-menu .logo img {
max-width: 120px;
}
.header .button {
display: none;
}
.m-center {
text-align: center;
}
.is-sticky .main-menu .logo {
text-align: center;
display: inline-block;
}
.clients-text p {
font-size: 18px;
}
.clients-text h1 {
font-size: 32px;
}
.footer-text h1 {
font-size: 42px;
}
.title h1 {
font-size: 36px;
}
.header .nav ul {
display: block;
margin-right: 0;
width: 100%;
padding: 0px 5px;
background-color:#033663;
}
.header .nav ul li {
margin-right: 0;
margin-bottom: 10px;
}
section {
padding: 70px 0;
}
.h-footer{
padding: 0;
}
.accident h3 {
font-size: 15px;
}
.form-content h2 {
font-size: 36px;
}
.video-content {
height: 400px;
}
.logo-content ul li {
margin-right: 15px;
}
.cta-section .thumb {
margin: 30px;
}
}
/* xs Portrait */
@media (max-width: 575px) {
.hero-text h1 {
font-size: 36px;
}
.form-content h2 {
font-size: 24px;
}
section {
padding: 70px 0;
}
.hero-text {
font-size: 16px;
}
.hero-text h1 {
font-size: 30px;
}
.footer-bottom {
text-align: center;
}
.footer-bottom .d-flex {
display: block !important;
}
.footer-bottom ul {
justify-content: center;
margin-top: 20px;
display:block !important;
margin-right:0 !important;
}
}
/* xs Portrait */
@media (max-width: 475px) {
.title h1 {
font-size: 30px;
}
.footer-text h1 {
font-size: 32px;
}
.form-content h2 {
font-size: 22px;
}
.hero-form ul li:nth-child(2), 
.hero-form ul li:nth-child(3) {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
label.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
cursor:pointer;
}
section#shadow-host-companion {
display:none !important;
}
img { 
max-width:100%; 
height:auto;
}
legend.gfield_label.gform-field-label.gfield_label_before_complex {
display:none !important;
}
div.hidden_label label {
display:none !important;
}
label.gform-field-label.gform-field-label--type-sub.hidden_sub_label.screen-reader-text {
display:none !important;
}
.ginput_container.ginput_container_consent {
position:relative;
padding-left:25px;
}
.ginput_container.ginput_container_consent input {
position:absolute;
top:0;
left:0;
z-index:1;
}
@media (min-width:768px) {
.list-before>li>p { display:block !important;}
.gfield--type-email {
display:inline-block;
width:calc(50% - 10px);
float:left;
}
.gfield--type-phone {
display:inline-block;
width:calc(50% - 10px);
float:left;
margin-left:20px;
}
}
.slick-dots {
display:inline-block;
text-align:center;
width:100%;
}
.slick-dots li button {
font-size: 0px;
width: 10px;
height: 10px;
border: none;
background: #c1000059;
border-radius: 50%;
}
.slick-dots li.slick-active button {
background: var(--red);
}
.slick-slide img { display:inline-block !important;}
.slick-dots > li {
list-style:none !important;
margin-left:0 !important;
display:inline-block;
padding:0px 7px;
}
.slick-dots li button {
background-color:#777 !important;
width:15px;
height:15px;
}
.slick-dots li.slick-active button {
background-color:var(--primary-color) !important;
}
.testimonial {
padding:25px;
}
.slick-dots {
margin-bottom:0 !important;
}
h2.gform_submission_error { display:none !important;}
h2.gform_submission_error + ol { display:none !important;}
#sticky-cta-mobile {
display: none;
}
@media (max-width: 768px) {
#sticky-cta-mobile {
display: block;
position: fixed;
bottom:38px;       /* sits just above the live chat bar */
left:4px;         /* anchored to the left */
width:235px; /* stays left of the agent photo */
z-index: 9997;
}
#sticky-cta-link {
display: block;
background: #4a7c3f; /* green  match Massey's CTA green */
color: #fff;
font-weight:700;
font-size:14px;
text-align:center;
padding:8px 10px;
border-radius: 6px;
text-decoration: none;
box-shadow: 0 3px 10px rgba(0,0,0,0.25);
letter-spacing: 0.3px;
text-transform: uppercase;
background:var(--primary-color);
border-radius:20px;
border:solid 4px #224174;
white-space:nowrap;
font-family: var(--primary-font);
}
}