html {
scroll-behavior: smooth;
}
.image-column {
position: relative;
margin-bottom: 30px;
}
.image-column .color-layer {
position: absolute;
right: 65px;
top: 35px;
left: 100px;
bottom: -60px;
background-color: #e8efff;
}
.image-column .inner-column {
position: relative;
}
.image-column .image {
position: relative;
z-index: 1;
display: inline-block;
}
.image-column .image .pattern-layer {
position: absolute;
right: -26px;
bottom: -26px;
width: 123px;
height: 125px;
z-index: -1;
background-repeat: no-repeat;
}
.image-column .experiance-box {
position: absolute;
left: -80px;
bottom: 0px;
width: 300px;
z-index: 1;
padding: 28px 28px;
background-color: #0841c6;
}
.image-column .experiance-box h4 {
color: #ffffff;
}
.image-column .experiance-box .text {
position: relative;
color: #c6d3e6;
font-size: 16px;
line-height: 1.7em;
margin-top: 10px;
}
.image-column .experiance-box:before {
position: absolute;
content: '';
right: 15px;
top: 15px;
width: 42px;
height: 35px;
background-image: url(../img/arrow-2.png);
background-repeat: no-repeat;
}
.twm-img-bg-circle1 {
left: -100px;
bottom: 50px;
position: absolute;
z-index: 3;
-webkit-animation: rotate-center 15s linear infinite;
animation: rotate-center 15s linear infinite;
}
.rotate-center {
-webkit-animation: rotate-center 15s linear infinite;
animation: rotate-center 7s linear infinite;
}
.twm-img-bg-circle1 span {
width: 500px;
height: 500px;
border-radius: 50%;
background-color: rgb(232 239 255);
display: block;
position: relative;
}
.twm-img-bg-circle1 span:before {
width: 17px;
height: 17px;
background-color: #0841c6;
border-radius: 50%;
content: "";
position: absolute;
left: 3px;
top: 170px;
z-index: 9;
}
.twm-img-bg-circle1 span:after {
width: 17px;
height: 17px;
background-color: #0841c6;
border-radius: 50%;
content: "";
position: absolute;
right: 35px;
top: 100px;
z-index: 9;
}
@-webkit-keyframes rotate-center {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate-center {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
body {
font-size: 16px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
height: 100%;
line-height: 30px;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
color: #686868;
overflow-x: hidden;
background-color: #ffffff;
}
p {
margin: 0 0 20px 0;
font-weight: 500;
font-size: 14px;
color: #252525;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
font-family: "Montserrat", sans-serif;
margin: 0 0 25px 0;
color: #212121;
}
ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.header-flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.main-header {
position: relative;
display: block;
padding: 10px 0;
background: #fff;
}
.main-header .header-upper {
position: relative;
top: 0;
z-index: 5;
z-index: 99999;
background: rgb(255, 255, 255);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.footer-cta {
background: #fff;
padding: 70px;
text-align: center;
max-width: 767px;
margin: auto;
}
.cta-shape {
top: 0;
left: 0;
opacity: .1;
position: absolute;
}
.parra {
text-align: left;
margin: auto;
color: #fff;
}
.parra p {
font-size: 17px;
padding-bottom: 25px;
color: #fff;
}
.parra .note {
font-size: 45px;
color: #fff;
line-height: 1.5;
font-weight: 700;
padding-bottom: 20px;
}
.form-btn {
background-color: #0841C6;
font-size: 16px;
font-weight: 700;
color: #fff !important;
text-decoration: none !important;
line-height: 47px;
text-align: center;
width: 100%;
height: 55px;
border: none;
border-radius: 0;
transition: all 0.3s ease-in-out;
z-index: 1;
cursor: pointer;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
max-width: 350px;
padding: 0 20px;
}
.form-btn:after {
content: "";
height: 100%;
width: 0;
background-color: rgba(0, 0, 0, 0.15);
position: absolute;
bottom: 0;
left: 0;
border: none;
border-radius: 4px;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
z-index: -1;
}
.hover-btn:hover .form-btn {
color: #ffffff;
}
.hover-btn:hover .form-btn:after {
visibility: visible;
opacity: 1;
width: 100%;
left: 0;
transition: all 0.3s ease-in-out;
}
ul.footer-link {
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
margin-top: 15px;
}
ul.footer-link li a {
color: #ccc;
}
ul.footer-link a:hover {
text-decoration: underline;
color: #fff;
}
ul.footer-link li:after {
content: '|';
color: #fff;
padding: 0 10px;
}
ul.footer-link li:last-child:after {
opacity: 0;
}
.header-title {
margin: 0;
font-size: 25px;
font-weight: 800;
color: #212d45;
}
.header-flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.main-header .header-upper .logo-outer {
position: relative;
float: left;
z-index: 25;
padding: 15px 0px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .logo-outer .logo {
position: relative;
}
.main-header .logo-outer .logo a {
font-size: 40px;
font-weight: 800;
text-transform: uppercase;
color: #000;
text-decoration: none !important;
padding: 0;
display: inline-block;
font-family: "Montserrat", sans-serif;
}
.main-header .logo-outer .logo img {
position: relative;
display: inline-block;
max-width: 100%;
width: 320px;
}
.main-header .header-upper .upper-right {
position: relative;
float: right;
padding: 35px 0;
}
.main-header .info-box {
position: relative;
float: left;
padding-left: 65px;
min-height: 50px;
}
.main-header .info-box .icon-box {
position: absolute;
left: 0px;
top: 0;
height: 50px;
/* line-height: 50px; */
font-size: 44px;
color: #6f7174;
font-weight: 400;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .info-box .icon-box img {
width: 50px;
}
.main-header .info-box li {
position: relative;
font-size: 14px;
line-height: 20px;
color: #173260;
font-weight: 700;
}
.main-header .info-box li strong {
color: #007ede;
font-size: 25px;
line-height: 30px;
font-style: normal;
}
.main-banner-content p {
font-size: 20px;
color: #fff;
line-height: 1.5;
font-weight: 600;
}
.main-banner-content h2 {
font-size: 50px;
color: #fff;
line-height: 1.2;
font-weight: 700;
}
.main-banner-content {
position: relative;
max-width: 550px;
}
.section-title {
font-size: 45px;
font-weight: 700;
margin-bottom: 30px;
}
.text {
font-size: 16px;
color: #2c2c2c;
line-height: 1.8;
margin-bottom: 15px;
}
.list-title h5 {
font-size: 25px;
line-height: 1.5;
margin-bottom: 30px;
}
.custom-list.list-two li:before {}
.list-two li {
width: 50%;
padding-right: 20px;
padding-left: 28px !important;
margin-bottom: 15px !important;
}
.custom-list.list-two {
display: flex;
flex-wrap: wrap;
}
.custom-list {
list-style: none;
padding: 0;
margin-bottom: 25px;
}
.custom-list li {
padding-left: 30px;
line-height: 1.5;
font-size: 14px;
color: #fff;
font-weight: 400;
position: relative;
margin-bottom: 20px;
}
.custom-list li a {
color: #2c2c2c;
text-decoration: underline;
}
.custom-list li:before {
background-repeat: no-repeat;
display: inline-block;
margin-left: 0px;
width: 12px;
height: 12px;
font-weight: 900;
position: absolute;
background-size: contain;
left: 0px;
top: 4px;
content: "";
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #2656f6;
}
.list-black li::before {}
.list-black {
max-width: 590px;
}
.list-black li {
color: #2c2c2c !important;
font-weight: 500;
}
.item-img-one {
position: relative;
z-index: 1;
padding: 15px;
margin-right: 50px;
}
.item-img-one:before {
/* content: ""; */
background-color: #fff;
z-index: -1;
transition: all 0.3s ease-in-out;
position: absolute;
border-radius: 50%;
width: 500px;
height: 500px;
border: 75px solid #febe10;
bottom: 0;
opacity: 0.3;
top: 50%;
transform: translate(40%, -50%);
}
.item-img-one img {
border-radius: 4px;
transform: scale(1);
transition: all 0.3s ease-in-out;
position: relative;
z-index: 9;
}
.item-img-one:hover img,
.item-img-two:hover img {
transform: scale(1.01);
}
.item-img-two img {
width: 100%;
/* box-shadow: 0px 11px 59px 0px rgb(0 0 0 / 15%); */
transform: scale(1);
transition: all 0.3s ease-in-out;
border-radius: 5px;
}
.card-list h4 {
font-size: 18px;
margin-bottom: 5px;
font-weight: 800;
}
.card-list p {
font-size: 16px;
}
.cta-section:before {
position: absolute;
background: rgb(0 0 0 / 72%);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.cta-section {
background: #181818;
position: relative;
padding: 90px 0;
}
.cta-bg {
background-image: url(../img/cta-bg.jpeg);
background-size: cover;
background-position: center;
height: 100%;
}
.find-out {
padding: 60px 0px 57px 0px;
background-color: #0e2e50;
position: relative;
}
.single-card {
position: relative;
overflow: hidden;
background: #fff;
transition: all 0.3s;
border-radius: 5px;
text-align: center;
height: 100%;
box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}
.single-card:before {
position: absolute;
left: -2px;
top: -2px;
right: -2px;
bottom: -2px;
opacity: 0;
transform: scale(0.2, 1);
background-color: #0841c6;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
content: '';
z-index: 0;
}
.single-card:hover:before {
opacity: 1;
transform: scale(1, 1);
}
.single-card:hover .card-image {
-webkit-filter: invert(100%);
filter: invert(100%);
}
.single-card:hover h4,
.single-card:hover p {
color: #fff;
}
.card-image {
position: relative;
}
.card-content {
padding: 30px;
position: relative;
}
.card-image img {
width: 65px;
margin-top: 35px;
}
.card-content h4 {
font-size: 22px;
font-weight: 700;
margin-bottom: 15px;
}
.card-content p {
font-size: 14px;
line-height: 1.7;
margin: 0;
}
.find-out::after {
content: "";
height: 100%;
width: 29%;
position: absolute;
bottom: 0;
right: 0;
background-color: #00c194;
z-index: 1;
}
.banner-button {
text-align: left !important;
}
.find-out-inner h2 {
color: #fff;
font-size: 20px;
font-weight: 600;
line-height: 1.5;
}
.find-out-inner p {
font-size: 25px;
color: #fff;
font-weight: 800;
}
.step-count {
margin: 0;
text-align: right;
font-size: 12px;
color: #2b8acd;
}
.main-banner-wrap2 {
/* padding-top: 50px; */
/* height: 700px; */
position: relative;
display: flex;
align-items: center;
z-index: 1;
/* overflow: hidden; */
background-size: cover;
background-position: right;
background-attachment: fixed;
border-bottom: 1px solid #ccc;
}
.main-banner-wrap2:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgb(0 0 0 / 42%);
}
.radio-btn-group input {
display: block !important;
position: absolute;
opacity: 0;
visibility: hidden;
}
.radio-btn-group label input {
display: none;
}
.radio-btn-group label span {
text-align: center;
display: inline-block;
padding: 25px 10px;
width: 100%;
max-width: 150px;
border: 1px solid #444;
color: #444;
border-radius: 4px;
font-size: 18px !important;
text-transform: uppercase;
}
.radio-btn-group label input:checked~span.yes {
color: #1f7a2d;
border-color: #1f7a2d;
box-shadow: inset 0 0 15px #1f7a2d;
}
.radio-btn-group label input:checked~span.yes:before,
.radio-btn-group label input:checked~span.yes:after {
background: #62ff00;
}
.radio-btn-group label input:checked~span.no {
color: #ff0000;
border-color: #ff0000;
box-shadow: inset 0 0 15px #ff0000;
}
.radio-btn-group label input:checked~span.no:before,
.radio-btn-group label input:checked~span.no:after {
background: #ff0000;
}
.form-section-wrap1 label span.yes {
color: #1f7a2d;
border: 2px solid;
}
.form-section-wrap1 label span.no {
color: #ff0000;
border: 2px solid;
}
.radio-btn-group label {
width: 130px;
margin-right: 15px !important;
cursor: pointer;
}
.radio-btn-group {
display: flex;
margin-top: 10px;
margin-bottom: 10px;
justify-content: center;
position: relative;
}
.form-section-wrap1 .radio-btn-group label.error {
left: -10px;
right: 0;
margin: 0 !important;
padding: 0 !important;
bottom: -20px;
}
.trust {
text-align: center;
}
.trust img {
max-width: 190px;
margin-top: 10px;
}
@media only screen and (min-width: 1270px) {
.container {
max-width: 1240px;
}
}
.rent-form {
padding: 30px;
}
.form-section-wrap1 {
padding: 0px;
background-color: #fff;
border: none;
border-radius: 0;
position: relative;
}
.form-header {
background: #0841c6;
padding: 10px 10px;
height: 85px;
display: flex;
align-items: center;
justify-content: center;
}
.form-section-wrap1 .item-title {
font-size: 25px;
font-weight: 900;
line-height: 1.2;
color: #fff;
text-align: center;
text-transform: uppercase;
margin: 0;
}
.form-grid {
margin-bottom: 15px;
position: relative;
}
.footer-text {
font-size: 10px;
font-weight: 500;
margin-top: 15px;
line-height: 1.6;
text-align: center;
}
.form-section-wrap1 label {
font-size: 16px;
font-weight: 600;
color: #4c4c4c;
font-family: "Montserrat", sans-serif;
line-height: 1.4;
margin: 0;
}
.form-section-wrap1 label span {
color: #f00;
font-size: 16px;
position: relative;
line-height: 0;
}
.form-section-wrap1 .rent-form .select-area .price-content .nice-select {
float: none;
padding-right: 0;
padding-left: 0;
border: none;
border-radius: 4px;
background: #eef2f8;
height: 47px;
line-height: 47px;
}
.form-section-wrap1 .rent-form .select-area .price-content .nice-select:after {
width: 0;
height: 0;
border-style: solid;
border-width: 7px 5px 0 5px;
border-color: #686868 transparent transparent transparent;
transform: rotate(0);
}
.form-section-wrap1 .rent-form .select-area .price-content .nice-select .current {
margin-left: 10px;
font-size: 15px;
color: #878c9f;
}
.form-section-wrap1 .rent-form .select-area .price-content .nice-select .list {
margin-top: 1px;
width: 100%;
}
.form-section-wrap1 .rent-form .select-area .price-content .nice-select .list li {
padding-right: 64px;
}
.form-section-wrap1 .rent-form .select-area .price-content .nice-select.open:after {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
border-color: var(--rt-primary-color) transparent transparent transparent;
}
.form-section-wrap1 .form-control {
background: #ffffff;
border: 2px solid lightgrey;
min-height: 45px;
font-size: 13px;
box-shadow: none;
border-radius: 0;
color: #777;
}
.form-section-wrap1 .form-control:focus {
border-color: #9bbefd;
}
.form-section-wrap1 .form-control.valid {
border: 1px dashed #00ab01;
background: #f3fff3;
}
.form-section-wrap1 .form-control.error,
.multi-select-button.error {
border: 1px dashed #ff4e4e;
background-color: #fff4f4;
}
.form-section-wrap1 label.error {
position: absolute;
bottom: -20px;
width: 100%;
font-size: 11px;
color: red;
font-weight: 400;
}
textarea.form-control {
height: 80px;
}
.form-section-wrap1 select.form-control {
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
background-position: calc(100% - 20px) calc(1em + 4px), calc(100% - 15px) calc(1em + 4px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 0px 2em;
background-repeat: no-repeat;
-moz-appearance: none;
/* Firefox */
-webkit-appearance: none;
/* Safari and Chrome */
appearance: none;
}
.form-section-wrap1 .rent-form .form-group-button:hover .form-btn {
color: #ffffff;
}
.form-section-wrap1 .rent-form .form-group-button:hover .form-btn:after {
visibility: visible;
opacity: 1;
width: 100%;
left: 0;
transition: all 0.3s ease-in-out;
}
.form-section-wrap1 .rent-form .form-group-button .form-btn {
width: 100%;
max-width: 100% !important;
}
.form-section-wrap1 .rent-form .form-group-button .form-btn:after {
content: "";
height: 100%;
width: 0;
background-color: rgba(0, 0, 0, 0.15);
position: absolute;
bottom: 0;
left: 0;
border: none;
border-radius: 4px;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
z-index: -1;
}
.feature-rent-wrap1 {
padding: 100px 0 80px;
}
img {
max-width: 100%;
height: auto;
}
.find-out {
padding: 60px 0px 57px 0px;
background-color: #0e2e50;
position: relative;
}
.testimonial-img-2 {
background-color: #ffffff;
border: none;
border-radius: 130px 0px 130px 0px;
padding: 12px;
position: relative;
z-index: 2;
}
.testimonial-img-2 img {
border-radius: 130px 0px 130px 0px;
}
.banner-button .banner-btn {
display: inline-block;
padding: 10px 45px;
color: #ffffff;
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-weight: 500;
background-color: var(--rt-primary-color);
border: none;
border-radius: 4px;
position: relative;
z-index: 1;
text-decoration: none;
}
.banner-button .banner-btn:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
left: 0;
transition: all 0.3s ease-in-out;
}
.banner-button .banner-btn:after {
content: "";
height: 100%;
width: 0;
background: rgba(0, 0, 0, 0.15);
position: absolute;
bottom: 0;
right: 0;
visibility: hidden;
opacity: 0;
border: none;
border-radius: 4px;
z-index: -1;
transition: all 0.3s ease-in-out;
}
.footer-top {
padding: 50px 0px;
}
.footer-top p {
font-size: 12px;
line-height: 1.8;
font-weight: 500;
color: #2c2c2c;
}
.advert {
font-size: 11px !important;
opacity: .7;
margin: 0;
}
.footer-bottom-style-2 {
background-color: #181818;
}
.footer-bottom p {
color: #fff;
font-size: 12px;
text-align: center;
margin: 0;
line-height: 1.8;
}
.footer-bottom p a {
color: #eee;
text-decoration: underline;
}
.footer-bottom {
padding: 28px 0;
}
.footer-bottom-style-2 .copyright-area1 ul li a {
color: #758597;
}
.footer-bottom-style-2 .copyright-area2 p {
color: #758597;
}
.footer-bottom .copyright-area1 ul li {
font-size: 14px;
display: inline-block;
margin-right: 20px;
}
.footer-bottom .copyright-area1 ul li a {
color: #758597;
font-size: 14px;
white-space: nowrap;
display: block;
position: relative;
text-decoration: none;
}
.footer-bottom .copyright-area1 ul li a:after {
content: "";
height: 2px;
width: 2px;
background-color: #727272;
border: none;
border-radius: 50%;
position: absolute;
bottom: 13px;
right: -12px;
transition: all 0.3s ease-in-out;
}
.footer-bottom .copyright-area1 ul li a:hover {
color: var(--rt-primary-color);
}
.footer-bottom .copyright-area1 ul li:last-child a:after {
display: none;
}
.footer-bottom .copyright-area2 p {
color: #51667c;
font-weight: 300;
margin-bottom: 0;
text-align: right;
font-size: 12px;
}
#back-to-top {
font-size: 20px;
color: #fff;
background: var(--rt-primary-color);
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50%;
position: fixed;
right: 30px;
bottom: 30px;
z-index: 99;
display: none;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
#back-to-top:hover {
background: var(--rt-primary-dark);
}
/* .hero-small.main-banner-wrap2:before{
display: none;
}
.hero-small.main-banner-wrap2 {
background: #2b8acd;
padding: 0;
}
.hero-small .main-banner-content {
position: relative;
padding-left: 0;
} */
section.thank-main {
display: flex;
background: #deffe3;
width: 100%;
min-height: 75vh;
align-items: center;
justify-content: center;
}
.thankyou-main {
max-width: 600px;
width: 98%;
margin: 90px auto;
text-align: center;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
border-radius: 10px;
padding: 30px;
background: #fff;
}
.thank-msg {
font-weight: 700;
font-size: 18px !important;
margin: 0;
padding-bottom: 15px;
}
.thankyou-main h1 {
font-size: 28px;
font-weight: 800;
margin: 0;
color: #01a601;
}
.thankyou-main img {
width: 100px;
margin-bottom: 15px !important;
}
.inner-border {
height: 2px;
background: #1d1f44;
}
.thankyou-main p {
font-size: 14px;
color: #000;
line-height: 1.7;
}
.thankyou-main p strong {
text-decoration: underline;
color: #1abb57;
}
.thankyou-main h6 strong {
opacity: .6;
}
.thankyou-main h6 {
font-size: 14px;
}
/*** Multi Select***********/
.multi-select-container {
display: inline-block;
position: relative;
width: 100%;
}
.multi-select-menu {
position: absolute;
left: 0;
top: 100%;
margin-top: -5px;
z-index: 9;
min-width: 100%;
background: #eef2f8;
border: 0px solid #d9d9d9;
border-top: 0;
max-height: 250px !important;
overflow-x: hidden !important;
display: none;
}
.multi-select-menuitem {
display: block;
font-size: 0.875em;
padding: 0.6em 1em 0.6em 30px;
white-space: nowrap;
}
.multi-select-menuitem--titled:before {
display: block;
font-weight: bold;
content: attr(data-group-title);
margin: 0 0 0.25em -20px;
font-size: 14px;
color: #589dd7;
}
.multi-select-menuitems label {
font-size: 12px;
line-height: 1.7;
font-weight: 500;
}
.multi-select-menuitem--titledsr:before {
display: block;
font-weight: bold;
content: attr(data-group-title);
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.multi-select-menuitem+.multi-select-menuitem {
padding-top: 0;
}
.multi-select-presets {
border-bottom: 1px solid #ddd;
}
.multi-select-menuitem input {
position: absolute;
margin-top: 0.25em;
margin-left: -20px;
}
.multi-select-button {
display: inline-block;
align-items: center;
width: 100%;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: #eef2f8;
border: 1px solid transparent;
min-height: 48px;
font-size: 14px;
line-height: 2.7;
padding-right: 30px !important;
padding: 0.2em 0.6em;
border-radius: 4px;
cursor: default;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 0px 2em;
background-repeat: no-repeat;
color: #3a3a3a;
}
.multi-select-container--open .multi-select-menu {
display: block;
}
.multi-select-container--open .multi-select-button:after {
border-width: 0 0.4em 0.4em 0.4em;
border-color: transparent transparent #999 transparent;
}
.multi-select-container--positioned .multi-select-menu {
/* Avoid border/padding on menu messing with JavaScript width calculation */
box-sizing: border-box;
}
.multi-select-container--positioned .multi-select-menu label {
/* Allow labels to line wrap when menu is artificially narrowed */
white-space: normal;
}
.upper-right.clearfix {
width: calc(100% - 400px);
}
.VideoPlayer {
width: 100%;
border: 2px solid #bdc9e7;
padding: 5px;
border-radius: 3px;
}
.video-js {
width: 100%;
}
.video-js .video-js.vjs-fullscreen.vjs-tech {
height: 100% !important;
}
.faq-left-box {
margin-bottom: 235px;
}
.faq-pos-front {
position: absolute;
bottom: -235px;
left: 45px;
border: 15px solid #fff;
}
.faq-back-shape {
position: absolute;
bottom: -162px;
left: -130px;
z-index: -9;
}
.faq-right-box .card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 0;
border-radius: 0;
background: #F8F7FF;
margin-bottom: 10px;
}
.faq-right-box .card-header {
padding: 0;
border-bottom: 0;
background: none;
border-radius: 0;
}
.faq-right-box .btn-link {
font-weight: 600;
color: #0f1328;
display: block;
font-size: 14px;
padding: 10px 15px;
border: 2px solid #0087bd;
text-decoration: none;
line-height: 28px;
background: #fff;
border-bottom: 0px solid transparent;
}
.faq-right-box .btn-link::before {
content: "-";
line-height: 30px;
position: absolute;
right: 20px;
top: 10px;
font-size: 24px;
font-size: 20px;
}
.faq-right-box .btn-link.collapsed::before {
content: "+";
}
.faq-right-box .card-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0px 15px;
padding-top: 0;
padding-bottom: 22px;
border: 2px solid #0087bd;
background: #fff;
border-top: 0;
}
.faq-right-box .card-body p {
margin: 0;
font-size: 14px;
}
.faq-right-box .btn-link.collapsed {
border: 2px solid #e7e6ff;
}
.top-bar {
background: #0b1731;
padding: 10px 5px;
}
.success-body {
padding: 15px;
text-align: center;
}
.success-body button.close {
top: 0;
right: 0;
position: absolute;
width: 25px;
height: 25px;
background: #000;
opacity: 1;
text-shadow: none;
color: #fff;
}
.success-body button.close:hover {
opacity: 1 !important;
color: #fff !important;
background: #e42024;
}
.success-body h2 {
font-size: 35px;
font-weight: 700;
color: #158900;
margin-top: 15px;
margin-bottom: 10px;
}
.success-body p {
font-size: 18px;
max-width: 600px;
margin: auto;
margin-bottom: 20px;
line-height: 1.4;
color: #000;
font-weight: 600;
}
.offer-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.offer-row .card {
width: 32%;
text-decoration: none;
}
.offer-row .card-body {
padding: 15px;
}
.offer-row .card-body .card-title {
font-size: 25px;
font-weight: 700;
color: #e42024;
text-decoration: none;
}
.offer-row .card-footer {
background-color: #0b1731;
}
.offer-row .card-footer .c-btn {
display: inline-block;
background: transparent;
font-size: 14px;
font-weight: 700;
color: #fff;
text-align: center;
width: 100%;
text-transform: uppercase;
border: none;
border-radius: 4px;
position: relative;
transition: all 0.3s ease-in-out;
z-index: 1;
cursor: pointer;
}
.offer-row .card-text {
font-size: 14px;
font-weight: 400;
}
.contact-right {
background: #1f7a2d;
color: #fff;
border-radius: 35px;
padding: 5px;
display: flex;
align-items: center;
padding-right: 40px;
max-width: 290px;
}
.contact-right img {
width: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 35px;
}
.c-img {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background: #317e01;
border-radius: 100%;
margin-right: 5px;
margin-bottom: 0 !important;
}
.contact-right a {
color: #fff;
text-decoration: none;
padding-top: 5px;
}
.mobile-text {
display: block;
font-size: 14px;
line-height: 1;
}
.desktop-text {
font-weight: 700;
font-size: 28px;
line-height: 1;
}
.call-now {
border: 3px dashed #47b900;
max-width: 767px;
margin: auto;
padding: 35px;
box-shadow: 0 25px 50px -12px rgb(71 185 0 / 23%);
transition: .5s ease all;
}
.call-now:hover {
box-shadow: none;
}
.blink_text {
animation-name: blinker;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes blinker {
0% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
.shake {
animation: shake 150ms 2 linear;
-moz-animation: shake 150ms 2 linear;
-webkit-animation: shake 150ms 2 linear;
-o-animation: shake 150ms 2 linear;
-webkit-animation-name: shake;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: shake;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: shake;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes shake {
0% {
transform: translate(3px, 0);
}
50% {
transform: translate(-3px, 0);
}
100% {
transform: translate(0, 0);
}
}
@-moz-keyframes shake {
0% {
-moz-transform: translate(3px, 0);
}
50% {
-moz-transform: translate(-3px, 0);
}
100% {
-moz-transform: translate(0, 0);
}
}
@-webkit-keyframes shake {
0% {
-webkit-transform: translate(3px, 0);
}
50% {
-webkit-transform: translate(-3px, 0);
}
100% {
-webkit-transform: translate(0, 0);
}
}
@-ms-keyframes shake {
0% {
-ms-transform: translate(3px, 0);
}
50% {
-ms-transform: translate(-3px, 0);
}
100% {
-ms-transform: translate(0, 0);
}
}
@-o-keyframes shake {
0% {
-o-transform: translate(3px, 0);
}
50% {
-o-transform: translate(-3px, 0);
}
100% {
-o-transform: translate(0, 0);
}
}
.policy-main {
padding: 80px 0;
}
.policy-content h2 {
font-size: 25px;
font-weight: 700;
color: #3c56bc;
}
.policy-content p {
font-size: 14px;
color: #000;
}
.policy-content p a {
font-weight: 600;
color: #3c56bc;
}
.policy-content h3,
.terms-contents strong {
font-size: 20px;
font-weight: 700;
margin-bottom: 0;
display: block;
}
.policy-content ul {
list-style: none;
margin-bottom: 25px;
}
.policy-content li {
padding-left: 30px;
color: #000;
font-size: 14px;
position: relative;
}
.policy-content li:before {
content: "";
display: inline-block;
margin-left: -30px;
font-size: 18px;
width: 8px;
height: 8px;
background: #3c56bc;
position: absolute;
top: 9px;
}
.hero-inner {
padding: 80px 0;
background: #132e68 !important;
}
.hero-inner h2 {
text-align: center;
color: #fff;
margin: 0;
font-size: 45px;
font-weight: 700;
}
.help-section {
background-image: url(../img/help-bg.jpeg);
position: relative;
background-size: cover;
background-position: center;
background-attachment: fixed;
}
.help-section:before {
content: '';
position: absolute;
background: rgb(8 65 198 / 86%);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.help-section .parra * {
text-align: center;
}
.help-section .parra p {
margin-bottom: 0;
padding-bottom: 0;
}
.help-section .parra {
max-width: 1000px;
width: 100%;
}
.help-section .parra .hover-btn {
margin-top: 40px;
}
@media (max-width:767px) {
.hero-inner {
padding: 60px 0 !important;
}
.hero-inner h2 {
font-size: 35px;
}
.policy-main {
padding: 30px 0;
}
.upper-right {
display: none;
}
.header-flex {
display: block;
}
.main-header .logo-outer .logo {
position: relative;
text-align: center;
}
.main-banner-wrap2 {
padding: 15px 0;
}
.form-section-wrap1 {
padding: 0;
margin: 0px 0;
}
.form-section-wrap1 .item-title {
font-size: 18px;
}
.form-header {
padding: 10px 10px;
}
.custom-list {
text-align: left;
}
.rent-form {
padding: 15px;
}
.footer-text {
padding: 0 15px;
}
.main-banner-content {
padding-left: 0;
text-align: center;
}
.form-section-wrap1 label {
font-size: 12px;
}
.main-banner-content h2 {
font-size: 25px;
padding-top: 10px;
margin-bottom: 10px;
}
.main-banner-content p {
font-size: 14px;
line-height: 1.5;
}
.feature-rent-wrap1 {
padding: 50px 0;
}
.text,
.custom-list li {
font-size: 14px;
}
.item-img-one {
padding: 0;
margin-bottom: 0;
margin-right: 0;
margin-top: 20px;
}
.image-column {
position: relative;
margin-bottom: 0;
margin-top: 30px;
}
.cta-bg {
display: none;
}
.list-two li {
width: 100%;
padding-right: 0;
}
.section-title {
font-size: 30px;
}
.list-title h5 {
font-size: 18px;
margin-bottom: 15px;
}
.find-out::after {
display: none;
}
.testimonial-img-2 img {
border-radius: 0;
}
.testimonial-img-2 {
background-color: #ffffff;
border-radius: 0;
padding: 10px;
margin-top: 25px;
}
.copyright-area1 ul {
text-align: center;
}
.footer-bottom .copyright-area1 ul li:last-child {
margin: 0;
}
.footer-bottom .copyright-area2 p {
text-align: center;
line-height: 1.3;
}
.faq-right-box .btn-link {
padding-right: 30px;
}
.column-reverse {
flex-direction: column-reverse;
}
.breakingNews>.bn-title>h2 {
display: inline-block !important;
}
.bn-green>.bn-title {
background: #27ae60;
width: 100% !important;
}
.breakingNews>ul {
font-size: 12px !important;
left: 0 !important;
}
.breakingNews>ul>li,
.breakingNews>ul,
.breakingNews {
height: auto !important;
}
.thankyou-main {
max-width: 991px;
margin: 10px auto;
width: 95%;
padding: 15px;
}
.success-body {
padding: 0;
}
.success-body p {
font-size: 14px;
}
.success-body h2 {
font-size: 22px;
}
.offer-row .card {
width: 100%;
margin-bottom: 15px;
}
.parra {
padding: 0px;
}
.parra .note {
font-size: 30px;
}
br {
display: none;
}
.parra .form-btn {
font-size: 14px;
padding: 0 10px;
}
.footer-bottom p {
color: #fff;
font-size: 11px;
}
.main-header .logo-outer .logo a {
font-size: 32px;
padding-top: 0 !important;
}
.contact-right {
margin: auto;
}
.header-cta {
display: none;
}
.single-card {
margin-bottom: 15px;
height: auto;
}
.item-img-two {
display: none;
}
.radio-btn-group label span {
padding: 18px 10px;
font-size: 14px !important;
}
.main-header .logo-outer .logo img {
width: 230px;
}
.form-section-wrap1 .form-control {
min-height: 40px;
}
ul.footer-link li:after {
padding: 0 5px;
}
.item-img-one:before {
display: none;
}
.twm-img-bg-circle1,
.image-column .image .pattern-layer,
.image-column .color-layer,
.cta-shape {
display: none;
}
.image-column .experiance-box {
position: relative;
left: 0;
bottom: 0px;
width: 100%;
z-index: 1;
padding: 28px 28px;
}
.m-pt-0 {
padding-top: 0 !important;
}
.cta-section {
padding: 50px 0;
}
.footer-cta {
background: #fff;
padding: 20px;
}
.footer-cta h2 {
font-size: 25px;
}
.form-btn {
font-size: 15px;
}
}