html {
height: 100% !important;
overflow-x: hidden !important;
}
body {
margin: 0 !important;
padding: 0 !important;
/* height:100% !important; */
overflow-x: hidden;
}
.content-wrapper {
overflow: hidden !important;
padding-bottom: 0;
}
/* //////////// */
/* PRE-HEADER 1 */
/* //////////// */
/* ///////////// */
/* STICKY HEADER */
/* ///////////// */
/* ///////////// */
/* AFFILIATIONS 1 */
/* ///////////// */
.affilitions-1 .owl-carousel {
margin-bottom: 0
}
@media screen and (max-width: 500px) {
.affilitions-1 .owl-carousel .owl-item img {
height: inherit !important;
}
}
/* ////......///////// */
/* END AFFILIATIONS 1 */
/* /////////////////// */
.navbar-sticky {
position: fixed;
opacity: 0;
transform: translateY(-100%);
transition: opacity 0.3s, transform 0.3s;
width: 100%;
height: 60px;
z-index: 1009 !important;
padding-top: 5px;
padding-bottom: 5px;
top: 0;
height: 60px !important;
}
.navbar-sticky .logo-header {
max-width: 100%;
width: 90px;
position: relative;
margin-top: -1px;
}
.navbar-sticky .navbar-collapse {
margin-right: -40px;
justify-content: center;
}
.navbar-sticky .header-phone {
margin-top: -27px
}
@media screen and (max-width: 992px) {
.header-phone {
white-space: nowrap;
/* display: none; */
margin-right: 0;
margin-top: 0;
right: 0px;
top: 50%;
position: absolute;
transform: translate(0,-30%);
}
.navbar-sticky .navbar-nav {
display: none;
}
.navbar-sticky .header-phone {
margin-top: -10px !important;
}
}
.navbar-sticky .logo-header {
margin-top: 35px !important;
}
.navbar-sticky .header-phone {
margin-top: -27.5px !important;
}
@media screen and (max-width: 992px) {
.navbar-sticky .header-phone {
margin-top: 0px !important;
display: none;
}
li:nth-child(3) {
list-style-type: none;
}
.navbar-sticky .logo-header {
margin-top: 13px !important;
width: 90px;
max-width: unset;
}
.navbar-sticky .sub-menu-item {
margin-top: -10px;
}
}
@media screen and (max-width: 768px) {
.navbar-sticky .logo-header {
margin-top: 5px !important;
}
.header-phone {
margin-top: -4px;
}
.navbar-sticky .sub-menu-item i {
display: none !important;
}
}
@media screen and (max-width: 600px) {
.navbar-sticky .logo-header {
margin-top: 5px !important;
}
.navbar-sticky .header-phone {
display: block;
margin-top: -22px !important;
margin-right: 60px;
}
}
/* ///////////////// */
/* STICKY HEADER END */
/* ///////////////// */
.pre-header {
margin: 0 auto;
padding-top: 10px;
padding-bottom: 10px;
}
.pre-header-logo-container {
position: absolute;
}
.pre-header-row {
padding-left: 150px;
width: 100%;
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: flex-end;
}
.pre-header-logo {
max-width: 160px;
}
.pre-header-col {
align-items: center;
display: flex;
margin-right: 25px;
}
#ct8, .open-now-text {
font-size: 17px;
line-height: 1;
font-weight: 600;
color: #0f0f0f;
white-space: nowrap;
}
.clock-container {
display: inline-flex;
}
.open-light {
background-color: #2ac90e;
border-radius: 50px;
position: relative;
margin-left: 15px;
margin-right: 15px;
min-width: 20px !important;
min-height: 20px !important;
width: 20px !important;
height: 20px !important;
margin-top: -2px;
display: inline-flex;
flex-direction: row;
}
.pre-header-affiliation-img {
max-width: 220px;
}
.phone-circle {
background-color: #2ac90e;
width: 55px;
height: 55px;
border-radius: 100px;
margin-right: 15px;
}
.pre-header-phone {
font-size: 30px;
letter-spacing: -0.6;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
margin-top: -2px;
margin-left: 15px;
white-space: nowrap;
}
.pre-header-phone a {
color: #2dbf1a !important;
}
.pre-header-phone-bottom-text {
color: black;
font-size: 18px;
align-text: justify;
font-weight: 600;
margin-top: 4px;
}
@media screen and (max-width: 992px) {
.pre-header-row {
justify-content: flex-start;
}
.pre-header-affiliation-container {
display: none !important
}
.pre-header {
height: 100px
}
.pre-header-row {
margin-top: 15px;
}
}
@media screen and (max-width: 768px) {
.pre-header-clock-container {
display: none;
}
.pre-header-row {
justify-content: end;
}
.pre-header-phone {
font-size: 20px;
}
.phone-circle {
width: 40px;
height: 40px;
}
.pulse-green:before {
/* height: 120% !important; */
/* width: 120% !important; */
top: -10px !important;
left: -10px !important;
}
}
@media screen and (max-width: 500px) {
.pre-header-phone {
font-size: 20px;
right: -20px;
position: relative;
}
.pre-header-phone-bottom-text {
font-size: 12px;
}
}
@media screen and (max-width: 400px) {
.pre-header-col {
margin-right:0;
}
}
@media screen and (max-width: 410px) {
.pre-header-phone {
}
.pre-header-phone-bottom-text {
font-size: 12px;
}
}
@media screen and (max-width: 280px) {
.phone-circle {
display: none !important;
}
}
/* //////////////// */
/* PRE-HEADER 1 END */
/* //////////////// */
/* /////////// */
/* SUBTITLE 1 */
/* /////////// */
.subtitle-1 {
font-size: 18px;
display: inline-block;
margin-bottom: 0;
color: #cea048;
font-size: 12px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
position: relative;
position: relative;
display: block;
text-align: center;
width: fit-content;
margin: 0 auto;
margin-bottom: 5px;
}
.subtitle-1:after {
position: absolute;
top: 50%;
left: -60px;
content: '';
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 50px;
height: 1px;
margin-top: -1px;
}
.subtitle-1:before {
position: absolute;
top: 50%;
right: -60px;
content: '';
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 50px;
height: 1px;
margin-top: -1px;
}
/* ////////// */
/* SUBTITLE 2 */
/* ////////// */
.subtitle-2 {
color: #828282 !important;
text-align: center;
font-weight: 600;
font-size: 16px;
width: 100%;
position: relative;
display: block;
}
/* ////////////// */
/* SUBTITLE 2 END */
/* ////////////// */
/* //////// */
/* SUB MENU */
/* //////// */
.sub-menu-container {
flex-direction: row;
display: flex;
justify-content: flex-start;
text-align: left;
align-items: stretch;
}
.sub-menu-item {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.sub-menu-item {
text-align: left;
color: #ffffff;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
line-height: 1;
padding-top: 14px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 13px;
border-right-style: solid;
border-right-color: rgba(255,255,255,0.32);
border-right-width: 1px;
transition-duration: 0.2s;
margin-bottom: 0px;
white-space: nowrap;
}
.sub-menu-item:hover {
transition-duration: 0.2s;
background-color: rgba(255,255,255,0.1);
cursor: pointer;
}
.sub-menu-item {
font-size: 16px;
}
.sub-menu-item-icon {
fill: white;
width: 25px;
margin-right: 5px;
margin-top: -3px;
}
.banner--stick .rectangle {
height: 51px !important;
}
@media screen and (max-width: 768px) {
.sub-menu-item {
font-size: 13px;
padding-top: 0;
padding-bottom: 11px
}
}
@media screen and (max-width: 600px) {
.sub-menu-container {
display: none;
}
}
@media screen and (max-width: 500px) {
.sub-menu-container {
display: none !important;
}
}
/* ////////// */
/* SUB MENU END */
/* //////////// */
/* /////// */
/* HEADER */
/* /////// */
.bg-transparent {
background: transparent !important;
position: absolute;
width: 100%;
}
.logo-header {
max-width: 210px;
margin-top: -24px;
position: relative;
}
.header-phone i {
font-size: 1.6rem !important;
vertical-align: text-bottom;
}
.header-phone span {
font-size: 1rem;
}
header .rounded-pill, header .rectangle {
padding: 5px 16px 6px 16px !important;
}
.banner--stick .rounded-pill, .banner--stick .rectangle {
padding: 0px 30px !important;
height: 40px;
}
.phone-speech-bubble-icon-header {
width: 30px;
margin-top: -5px;
height: auto;
animation: tilt-shaking 1s infinite
}
@media screen and (max-width: 768px) {
.banner--stick .rounded-pill, .banner--stick .rectangle {
width: auto;
}
.banner--stick .rounded-pill span, .banner--stick .rectangle span {
white-space: nowrap;
font-size: 20px;
}
.banner--stick .rectangle {
height: 51px !important;
}
}
@media screen and (max-width: 600px) {
.rounded-pill .header-phone-text, .rectangle .header-phone-text {
display: block !important;
}
.rounded-pill span, .rectangle span {
white-space: nowrap;
font-size: 20px;
}
.banner--stick .rounded-pill .header-phone-text, .banner--stick .rectangle .header-phone-text {
display: block !important;
}
.banner--stick .rounded-pill span {
white-space: nowrap;
font-size: 20px;
line-height: 2.1;
margin-top: -12px;
}
}
@media screen and (max-width: 500px) {
.header-phone i {
font-size: 21px !important;
vertical-align: sub;
}
}
@media screen and (max-width: 450px) {
.rounded-pill,.rounded-pill .header-phone-text, .rectangle, .rectangle .header-phone-text {
/* display: none !important; */
}
.rounded-pill .header-phone-text, .rectangle .header-phone-text {
font-size: 15px;
padding-left: 0px !important;
padding-right: 0px !important;
}
.navbar-sticky .header-phone {
margin-right: 75px;
position: relative;
transition: unset !important;
top: 52% !important;
transform: translateY(-150%);
right: -20px;
margin-top: unset !important;
}
.header-phone i {
font-size: 21px !important;
}
}
.banner--clone .logo-header, .banner--unstick .logo-header {
visibility: hidden;
}
.banner--stick .logo-header {
visibility: visible;
max-width: 150px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 5px;
margin-top: 7px;
}
.why_1_img_1 {
height: 290px !important;
max-height: unset;
object-fit: cover;
width: 232px !important;
max-width: unset !important;
margin-left: -30px;
}
.why_1_img_2 {
height: 290px !important;
max-height: unset;
object-fit: cover;
}
.why_1_img_3 {
height: 490px !important;
max-height: unset;
object-fit: cover;
}
.why-us-1-phone-btn {
font-size: 25px
}
.cta-1 .project .item-2 {
margin-top: -70px;
}
@media screen and (max-width: 768px) {
.why_1_img_1, .why_1_img_2, .why_1_img_3 {
width: 100% !important;
height: 200px !important;
}
}
/* /////////// */
/* END HEADER 1*/
/* /////////// */
/* /////// */
/* HEADER 2*/
/* /////// */
.header-2 {
/* margin-top: 20px; */
height: 75px;
min-height: 75px;
padding-top: 0;
}
.header-2 .logo-header {
max-width: 340px;
width: 135px;
margin-top: 45px;
position: relative;
padding-top: 20px;
padding-bottom: 1px;
margin-right: 15px;
margin-left: -15px;
}
.header-2, .navbar {
height: 75px;
}
.logo-menu img {
max-width: 200px;
}
@media screen and (max-width: 1200px) {
.header-2 .logo-header {
width: 125px;
}
}
@media screen and (max-width: 992px) {
.header-2 .navbar-other ul {
margin-left: -10px !important;
position: relative !important;
right: 0;
margin-top: 0;
width: 100%;
}
.header-2, .navbar, .navbar .container, .navbar {
height: 60px;
height: 68px;
}
.header-2 .logo-header {
/* margin-top: 5px; */
}
.header-2 .navbar-other {
margin-top: -12px;
}
.navbar-sticky .container {
margin-left: 0 !important;
margin-right: 0 !important;
}
.sub-menu-container {
/* margin-top: -10px; */
/* margin-left: 10px; */
}
}
@media screen and (max-width: 768px) {
.header-2, .navbar, .navbar .container, .navbar {
height: 74px;
}
.header-2 .navbar-other ul {
}
.header-2 {
height: 60px !important;
}
.header-2 .logo-header {
margin-top: -25px;
width: 120px;
}
.navbar-other {
margin-top: -2px !important;
}
.banner--stick {
height: 62px !important;
margin-top: 0;
}
.banner--stick .navbar-other {
margin-top: -10px;
}
}
@media screen and (max-width: 700px) {
.header-2 .navbar-other {
}
.header-2 .navbar-other ul {
}
}
@media screen and (max-width: 500px) {
.navbar-other {
margin-top: -18px !important;
}
.header-2 {
padding-top: 6px;
padding-bottom: 7px;
}
.banner--stick.transparent {
padding-top: 10px;
padding-bottom: 7px;
}
.header-2 {
height: 66px !important;
}
.header-2 .navbar-other ul {
margin-left: 5% !important;
}
.header-2 .logo-header {
margin-top: -10px !important;
}
header.center-on-mobile .logo-header {
margin: 0 auto;
display: block;
position: relative;
left: 0 !important;
}
header.center-on-mobile .container {
width: 100%;
display: block;
margin-left: 0;
}
header.center-on-mobile .navbar-brand {
width: 100% !important;
}
header.center-on-mobile .header-phone {
display: block;
margin: 0 auto;
position: relative;
text-align: center;
margin-top: 10px;
width: 70%;
right: unset !important;
left: unset !important;
transform: unset !important;
}
header.center-on-mobile.header-2 {
height: 105px !important;
}
header.center-on-mobile.header-2 ul {
margin-left: unset !important;
right: unset !important;
left: unset !important;
margin-top: -20px;
width: 100%;
}
}
@media screen and (max-width: 450px) {
.header-2 .navbar-other ul {
margin-left: -7% !important;
}
}
@media screen and (max-width: 410px) {
.header-2 .navbar-other ul {
margin-left: 0;
right: 0;
margin-top: 10px;
}
}
@media screen and (max-width: 400px) {
.header-2 {
height: 68px !important;
min-height: unset;
}
.header-2 .logo-header {
width: 130px !important;
margin-top: 7px !important;
}
header.center-on-mobile .header-phone {
margin-top: 10px !important;
}
}
@media screen and (max-width: 370px) {
.header-2 .navbar-other ul {
margin-left: 0;
margin-top: 8px;
}
}
@media screen and (max-width: 320px) {
.header-2 .navbar-other ul {
margin-left: 2% !important;
margin-top: 10px;
}
}
@media screen and (max-width: 280px) {
.header-2 .navbar-other ul {
margin-left: 0% !important;
}
}
/* /////////// */
/* END HEADER 2*/
/* /////////// */
/* //////// */
/* HEADER 3 */
/* //////// */
.header-3 {
background: transparent !important;
position: absolute;
width: 100%;
}
/* //////////// */
/* END HEADER 3 */
/* //////////// */
/* ////////////////// */
/* ANNOUNCEMENT BAR 1 */
/* ////////////////// */
.announcement-bar-1.announcement-bar {
text-align: center;
background: #19192d;
color: white;
/* color: black !important; */
padding-top: 10px;
padding-bottom: 12px;
}
.announcement-bar-1 .announcement-bar-text {
margin-bottom: 0;
font-size: 19px;
}
.announcement-bar-1, .announcement-bar-1 i, .announcement-bar-text a {
/* color: #007f63; */
text-decoration: none;
white-space: nowrap;
}
.announcement-bar-1 i {
vertical-align: sub;
font-size: 25px;
}
@media screen and (max-width: 768px) {
.announcement-bar-1.announcement-bar {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media screen and (max-width: 400px) {
.announcement-bar-text span {
font-size: 15px;
}
}
/* ////////////////////// */
/* END ANNOUNCEMENT BAR 1 */
/* ////////////////////// */
/* ///////////// */
/* POST HEADER 1 */
/* ///////////// */
.post-header-1 {
text-align: center;
color: white !important;
padding-top: 5px;
padding-bottom: 5px;
position: absolute;
width: 100%;
height: 47px;
z-index: 99;
top: 75px;
line-height: 2;
}
.post-header-1 .content-container {
margin-bottom: 0;
font-size: 19px;
}
.post-header-1, .post-header-1 i, .post-header-1 .content-container a {
color: #ffffff;
text-decoration: none;
white-space: nowrap;
}
.post-header-1 i {
vertical-align: sub;
font-size: 25px;
}
@media screen and (max-width: 768px) {
.post-header-1 {
top: 75px;
}
}
@media screen and (max-width: 500px) {
.post-header-1 {
top:65px;
}
}
@media screen and (max-width: 400px) {
.post-header-1 {
top: 68px;
}
}
/* ///////////////// */
/* END POST HEADER 1 */
/* ///////////////// */
/* ///////////// */
/* POST HEADER 2 */
/* ///////////// */
.post-header-2-menu-container {
position: relative;
}
.post-header-2 {
position: relative;
}
.post-header-2 .sub-menu-container i {
font-size: 25px;
margin-right: 6px;
margin-top: -3px;
}
.post-header-2 ul {
display: block;
right: 0;
position: absolute !important;
top: -42px;
}
.post-header-2 li {
display: inline-block;
margin-left: 15px;
margin-right: 15px;
}
.post-header-2 li a {
color: white !important;
}
.split-menu.sub-menu-container i {
font-size: 25px;
margin-right: 6px;
margin-top: -6px;
}
.post-header-2 .navbar-collapse {
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 999999999999999999999999;
}
@media screen and (min-width: 992px) {
.post-header-2 .navbar-nav {
z-index: 9999;
/* display: none; */
}
}
@media screen and (max-width: 1200px) {
.post-header-2 .navbar-nav {
display: none !important;
}
.pre-header-phone-container {
margin-top: 2px !important;
}
}
@media screen and (max-width: 992px) {
.pre-header-phone-container {
margin-top: 20px !important;
}
header nav .container {
width: 100% !important;
max-width: 100% !important;
margin-left: 20px;
margin-right: -10px;
margin-top: 4px;
}
}
@media screen and (max-width: 768px) {
.pre-header-phone-container {
margin-top: 5px !important;
}
.post-header-2 {
height: 35px;
padding-top: 0px;
}
.post-header-2 .sub-menu-container {
padding-top: 7px !important;
padding-bottom: 10px !important;
margin-left: -30px;
}
}
@media screen and (max-width: 500px) {
.pre-header-phone-container {
margin-top:40px !important;
margin-left: 0;
background: white;
padding: 20px 40px 10px 20px;
border-radius: 5px;
margin: 0 auto;
left: 50%;
top: 50%;
transform: translate(-50%, 0%);
position: absolute;
}
}
@media screen and (max-width: 400px) {
.post-header-2 {
display: none;
}
.pre-header-phone-container {
margin-top: 32px !important;
}
}
@media screen and (max-width: 310px) {
.pre-header-phone-container {
margin-top: -2px !important;
}
}
/* ///////////////// */
/* END POST HEADER 2 */
/* ///////////////// */
/* //////////// */
/* END HEADER 3 */
/* //////////// */
/* //////////// */
/* AI SECTION 1 */
/* //////////// */
.ai-section-1 {
/* background-image: url("/assets/img/bg/home.webp") !important; */
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
position: relative;
color: white;
z-index: 4 !important
}
.ai-section-1:before {
content: '';
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(163deg, hsl(0deg 0.53% 39.75%), rgb(0 0 0 / 90%), rgb(0 0 0 / 90%), rgb(0 0 0 / 90%), rgb(0 0 0 / 90%)) !important;
/* background: linear-gradient(208deg, #080808ab, #000000cf, #000000cf, #000000cf) !important; */
}
.ai-section-1 .section-title {
line-height: 1.5 !important;
color: white;
}
/* //////////////// */
/* AI SECTION 1 END */
/* //////////////// */
/* /////// */
/* GALLERY */
/* /////// */
.gallery-1 .project {
margin-bottom: 130px
}
.gallery-1 .project .item-2 {
margin-top: -50px
}
/* /////////// */
/* END GALLERY */
/* /////////// */
/* ///////// */
/* GALLERY 2 */
/* ///////// */
.gallery-2 .gallery-title {
font-size: 20px;
font-weight: 700;
margin-bottom: 0;
text-align: center;
line-height: 1;
margin-top: 5px;
height: 40px;
}
.gallery-2 .gallery-description {
text-align: center;
}
.gallery-2 .sub-description {
font-size: 20px;
margin-bottom: 50px;
}
.gallery-2 .service-item img {
max-height: 250px;
min-height: 250px;
object-fit: cover;
}
@media screen and (max-width: 600px) {
.gallery-2 .container {
padding-top: 70px !important;
}
.gallery-2 h3 {
font-size: 20px;
}
.gallery-2 .sub-description {
font-size: 16px;
}
.gallery-2 .gallery-title {
text-align: center;
margin-top: 20px;
}
}
/* ///////////// */
/* END GALLERY 2 */
/* ///////////// */
.gallery-3-img {
width: 320px
}
/* ///////// */
/* GALLERY 3 */
/* ///////// */
@media screen and (max-width: 600px) {
.gallery-3 h3 {
font-size: 17px;
margin-bottom: 0 !important;
}
}
/* ///////////// */
/* END GALLERY 3 */
/* ///////////// */
/* /////// */
/* GALLERY 4 */
/* ///////// */
.gallery-4 {
position: relative;
}
.gallery-4 .gallery-container {
background-color: #fff;
color: #35373a;
min-height: 100vh;
padding: 30px 50px;
}
.gallery-4 .gallery-container h1 {
text-align: center;
margin-top: 50px;
font-family: 'Droid Sans', sans-serif;
font-weight: bold;
}
.gallery-4 .gallery-container p.page-description {
text-align: center;
margin: 25px auto;
font-size: 18px;
color: #999;
}
.gallery-4 tz-gallery {
padding: 40px;
}
/* Override bootstrap column paddings */
.gallery-4 .row > div {
padding: 2px;
position: relative;
}
.gallery-4 .lightbox img {
width: 100%;
border-radius: 0;
position: relative;
height: 100%;
object-fit: cover;
max-height: 360px;
}
.gallery-4 .lightbox:before {
position: absolute;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -13px;
opacity: 0;
color: #fff;
font-size: 26px;
/* content: '\e003'; */
pointer-events: none;
z-index: 9000;
transition: 0.4s;
}
.gallery-4 .lightbox:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(46, 132, 206, 0.7);
content: '';
transition: 0.4s;
}
.gallery-4 .lightbox:hover:after, .gallery-4 .lightbox:hover:before {
opacity: 1;
}
.gallery-4 .logo-container {
position: absolute;
top: 50%;
left: 50%;
z-index: 999999;
display: block;
width: 210px;
height: 210px;
background-color: #262b32;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.gallery-4 .logo-container img {
width: inherit;
width: 250px;
padding: 20px 40px 40px 40px;
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
.gallery-4 .logo-container {
top: 51.2%;
}
.gallery-4 .lightbox img {
width: 100% !important;
min-width: 100% !important;
max-height: 200px;
margin: 0 auto;
display: block;
object-fit: cover !important;
}
}
/* /////////// */
/* END GALLERY 4 */
/* ///////////// */
/* ///////// */
/* GALLERY 5 */
/* ///////// */
.gallery-5 {
padding-top: 40px;
padding-bottom: 40px
}
.gallery-5 .gallery-container {
width: 90%;
max-width: 1800px;
margin: 0 auto;
padding-top: 0 !important;
}
.gallery-5 .portfolio-container {
margin-bottom: 6px !important;
}
/* City text is hidden below */
.gallery-5 .portfolio-container .text {
/* display: none !important; */
}
.gallery-5 .portfolio-container .img {
display: block;
object-fit: cover;
width: 100%;
padding: 0px 3px;
height: 100%;
margin-bottom: 15px;
max-height: 250px;
height: 250px;
}
.gallery-5 .portfolio-container {
margin-bottom: 0;
}
@media (min-width: 768px) {
.gallery-5 .portfolio-container .text {
width: max-content;
padding-right: 10px;
margin-top: -38px;
}
}
.gallery-5 .portfolio-container .text {
position: relative;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
margin-top: -44px;
margin-left: 0;
background: #fff;
-webkit-box-shadow: 0 5px 21px -14px rgba(0,0,0,.14);
-moz-box-shadow: 0 5px 21px -14px rgba(0,0,0,.14);
box-shadow: 12px 5px 22px -11px rgb(0 0 0/25%);
padding: 2px 10px 0px;
}
.gallery-5 .portfolio-container .text h3 {
font-size: 20px;
font-weight: 100;
margin-bottom: 0px;
}
.gallery-5 .location-pin {
max-width: 15px;
margin-right: 7px;
margin-top: -4px;
width: 10px;
filter: contrast(0.5);
}
@media screen and (max-width: 768px) {
.gallery-5 .portfolio-container .text {
padding: 10px 10px 0px !important;
}
.gallery-5 .portfolio-container .text h3 {
margin-bottom: 10px;
}
}
.gallery-5 .col-md-2, .gallery-5 .col-md-3, .gallery-5 .col-md-4, .gallery-5 .col-md-5, .gallery-5 .col-md-6, .gallery-5 .col-md-7, .gallery-5 .col-md-8, .gallery-5 .col-md-9, .gallery-5 .col-md-10, .gallery-5 .col-md-11, .gallery-5 .col-md-12 {
padding: 0 !important;
}
.gallery-5 .gloader, .hero-slider:before, .lg-outer .lg-item:after {
display: none !important
}
.gallery-5 img {
transition: 0.3s all;
}
.gallery-5 img:hover {
transform: scale(1.02)
}
@media screen and (max-width: 768px) {
.gallery-5 .portfolio-container {
width: 90%;
margin: 0 auto;
margin-bottom: 30px;
border-bottom: 0 !important;
box-shadow: none !important;
}
.gallery-5 img {
margin: 0 auto !important;
width: 100%;
margin-right: 8px !important;
}
.portfolio-container .text {
box-shadow: none !important;
}
}
@media screen and (max-width: 600px) {
.portfolio .portfolio-container {
max-width: 90%;
margin: 0 auto;
}
.portfolio-container .img {
border-radius: 10px;
}
}
/* ///////////// */
/* END GALLERY 5 */
/* ///////////// */
/* ///////// */
/* GALLERY 6 */
/* ///////// */
.gallery-6 .gallery-container {
width: 90%;
max-width: 1800px;
margin: 0 auto;
}
.gallery-6 .col-md-2, .gallery-6 .col-md-3, .gallery-6 .col-md-4, .gallery-6 .col-md-5, .gallery-6 .col-md-6, .gallery-6 .col-md-7, .gallery-6 .col-md-8, .gallery-6 .col-md-9, .gallery-6 .col-md-10, .gallery-6 .col-md-11, .gallery-6 .col-md-12 {
padding: 0 !important;
}
.gallery-6 .gloader, .hero-slider:before, .lg-outer .lg-item:after {
display: none !important
}
.gallery-6 img {
transition: 0.3s all;
}
.gallery-6 img:hover {
transform: scale(1.02)
}
@media screen and (max-width: 768px) {
.gallery-6 .portfolio-container {
width: 90%;
margin: 0 auto;
margin-bottom: 30px;
border-bottom: 0 !important;
box-shadow: none !important;
}
.gallery-6 img {
margin: 0 auto !important;
width: 100%;
margin-right: 8px !important;
}
.portfolio-container .text {
box-shadow: none !important;
}
}
@media screen and (max-width: 600px) {
.portfolio .portfolio-container {
max-width: 90%;
margin: 0 auto;
}
.portfolio-container .img {
border-radius: 10px;
margin-bottom: 10px !important;
}
.gallery-6 img {
max-height: 210px;
margin-bottom: 6px !important;
}
}
/* ///////////// */
/* END GALLERY 6 */
/* ///////////// */
/* ////////// */
/* BENEFITS 1 */
/* ////////// */
.benefits-section-1 {
}
.benefits-section-1 .owl-carousel .owl-dots {
margin-top: 10px;
}
.benefits-section-1 .items-per-row-2 img {
height: 400px !important;
max-height: 400px;
}
.benefits-section-1 .gallery-title {
font-size: 21px !important;
}
@media screen and (max-width: 600px) {
.benefits-section-1 .owl-carousel {
margin-bottom: 70px !important;
}
}
/* ////////////// */
/* END BENEFITS 1 */
/* ////////////// */
/* ////////// */
/* BENEFITS 2 */
/* ////////// */
.benefits-section-2 img.rounded-circle {
min-height: 350px;
min-width: 360px;
object-fit: cover;
/* border: 1px solid #dfdfdf; */
box-shadow: 2px 3px 9px 3px #6969691f;
}
.benefits-section-2 h4 {
height: 30px;
}
/* ////////////// */
/* END BENEFITS 2 */
/* ////////////// */
/* ///////// */
/* ASPECTS 1 */
/* ///////// */
.aspects-section-1 img.rounded-circle {
min-height: 350px;
min-width: 360px;
object-fit: cover;
/* border: 1px solid #dfdfdf; */
box-shadow: 2px 3px 9px 3px #6969691f;
}
.aspects-section-1 h4 {
height: 60px;
}
.aspects-section-1 .subtitle-2 {
text-align: left;
}
@media screen and (max-width: 768px) {
.aspects-section-1 .subtitle-2, .aspects-section-1 h3 {
text-align: center !important;
width: 100% !important;
display: block;
}
.aspects-section-1 .btn-primary {
margin: 0 auto;
display: block;
width: 250px;
}
}
@media screen and (max-width: 600px) {
.aspects-section-1 img.rounded-circle {
min-height: unset;
min-width: unset;
height: 180px;
width: 180px !important;
}
}
/* ///////////// */
/* END ASPECTS 1 */
/* ///////////// */
/* //////////////// */
/* TYPES CAROUSEL 1 */
/* //////////////// */
.types-carousel-1 img.rounded-circle {
min-height: 350px;
min-width: 360px;
max-height: 340px;
object-fit: cover;
/* border: 1px solid #dfdfdf; */
box-shadow: 2px 3px 9px 3px #6969691f;
}
.types-carousel-1 h4 {
height: 40px;
}
.types-carousel-1.items-shown-3 img.rounded-circle {
max-width: 100%;
min-width: 100%;
border-radius: 20px !important;
}
.types-carousel-1.bg-dark h3, .types-carousel-1.bg-dark p, .types-carousel-1.bg-dark h4 {
color: white
}
@media screen and (max-width: 768px) {
.types-carousel-1 .subtitle-2, .types-carousel-1 h3 {
text-align: center !important;
width: 100% !important;
display: block;
}
.types-carousel-1 .btn-primary {
margin: 0 auto;
display: block;
width: 250px;
}
}
/* //////////////////// */
/* END TYPES CAROUSEL 1 */
/* //////////////////// */
/* //////////////// */
/* TYPES CAROUSEL 2 */
/* //////////////// */
.types-carousel-2 {
margin-bottom: 20px
}
.types-carousel-2 .carousel-row {
position: relative;
height: 100%;
}
.types-carousel-2 .carousel-row .carousel {
margin-left: -60px;
}
.types-carousel-2 .owl-carousel .owl-item img {
min-height: 180px;
height: 180px;
margin-bottom: 5px !important;
object-fit: cover;
}
.types-carousel-2 .bg-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-top: 0;
height: 100%;
align-self: center;
position: relative;
max-height: 240px;
height: 240px;
margin-right: -32px;
max-width: 270px;
z-index: 2;
margin-top: -33px;
justify-content: center;
display: flex;
flex-direction: column;
}
.types-carousel-2 .bg-img:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*background: linear-gradient(163deg,#8f8f8f00,#000000ab, #00000091, #00000000)!important;*/
background: linear-gradient(208deg, #080808ab, #0000009c, #0000008f, #0000007a) !important;
z-index: -1;
}
.types-carousel-2 .bg-img {
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
margin-top: -70px;
}
.types-carousel-2 .bg-img, .types-carousel-2 .bg-img h3 {
color: white;
z-index: 2;
}
.types-carousel-2 .carousel .item h4 {
font-weight: 400;
font-size: 16px
}
.types-carousel-template .bottom-description {
max-width: 850px;
margin: 0 auto;
text-align: center;
}
@media screen and (max-width: 1400px) {
.types-carousel-2 .carousel-row .carousel {
margin-left: -20px;
}
}
@media screen and (max-width: 600px) {
.types-carousel-2 .owl-carousel .owl-item img {
height: 280px;
object-fit: cover;
}
.types-carousel-2 .bg-img {
margin-right: 0;
margin-top: -75px;
width: 100%;
padding-left: 5px;
padding-right: 5px;
}
.types-carousel-2 .bg-img h3 {
font-size: 20px;
}
}
@media screen and (max-width: 500px) {
.types-carousel-2 .bg-img h3 {
font-size: 16px;
}
.types-carousel-2 .owl-carousel .owl-dots {
margin-top: 0px
}
}
/* //////////////////// */
/* END TYPES CAROUSEL 2 */
/* //////////////////// */
/* /////// */
/* SERVICE */
/* /////// */
/* .service-title {
text-align: center;
font-size: 24px;
color: #474747;
font-weight: 600;
}
.service-item img{
min-height: 600px;
max-height: 600px;
object-fit: cover;
}
.service-item img {
max-height:200px !important;
}
*/
/* /////////// */
/* END SERVICE */
/* /////////// */
/* /////////////////// */
/* TEXT TESTIMONIALS 1 */
/* /////////////////// */
.text-tesimonial-1 .item {
position: relative;
}
.text-tesimonial-1 .item-testimonial .card-body {
padding-right: 0px !important;
background: #f7f6f7;
}
.text-tesimonial-1 .item-testimonial-body {
overflow-y: auto!important;
height: 203px!important;
scrollbar-width: thin;
padding-right: 18px;
margin-bottom: 10px;
font-size: 18px;
}
.text-tesimonial-1 .item-testimonial-body::-webkit-scrollbar {
width: 4px!important;
}
.text-tesimonial-1 .item-testimonial-body::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px!important;
border-radius: 10px!important;
background: #ccc!important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5)!important;
}
.text-tesimonial-1 .item-testimonial-body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)!important;
-webkit-border-radius: 4px!important;
border-radius: 4px!important;
}
.text-tesimonial-1 .item-testimonial svg {
position: absolute;
bottom: 10px;
top: 15px;
right: 30px;
z-index: 9999;
opacity: 0.8;
}
.text-tesimonial-1 .subtitle-2 {
text-align: center !important;
width: 100% !important;
display: block;
margin: 0 auto;
}
.es-text hl {
font-weight: 700;
color: #00ffb7;
}
.text-tesimonial-1 hl, .item-testimonial-body hl {
color: red;
}
.text-tesimonial-1 .source-yelp hl, .item-testimonial-body.source-yelp hl {
color: red;
}
.text-tesimonial-1 .source-google hl, .item-testimonial-body.source-google hl {
color: #3f78e0;
}
hl {
font-size: 22px !important;
font-weight: 600;
line-height: 1.35;
}
@media screen and (max-width: 768px) {
.text-tesimonial-1 .item-testimonial .card-body {
padding: 0 10px;
}
.text-tesimonial-1 hl, .item-testimonial-body hl {
font-size: 18px !important;
}
.text-tesimonial-1 .container, .why-us-1 .container, .services-2 .container, .service-area-1 .container, .cta-2 {
padding-top: 10px !important;
padding-bottom: 20px !important;
}
.text-tesimonial-1 .cta-phone-button {
margin-top: 70px;
}
.text-tesimonial-1 .cta-phone-button a {
font-size: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
.text-tesimonial-1 .lead.fs-lg {
font-size: 18px !important;
margin-bottom: 0 !important;
}
.item-testimonial {
max-width: 80%;
margin: 0 auto;
}
.text-tesimonial-1 .item-testimonial-body {
font-size: 15px;
padding-left: 20px;
}
.text-tesimonial-1 .blockquote-details {
padding-right: 10px
}
}
@media screen and (max-width: 500px) {
.text-tesimonial-1 .blockquote-details img {
object-fit: contain;
margin: 0 !important;
; }
.text-tesimonial-1 .item-testimonial-body, .text-tesimonial-4 hl, .item-testimonial-body hl {
font-size: 25px !important;
line-height: 1.4;
}
}
/* ////////////////// */
/* GIFS TESTIMONIALS 1*/
/* ////////////////// */
.gif-img-small {
width: 70px !important;
}
/* //////// */
/* END GIFS */
/* //////// */
/* ////////////////// */
/* END TESTIMONIALS 1 */
/* ////////////////// */
/* /////////////////// */
/* TEXT TESTIMONIALS 2 */
/* /////////////////// */
.testimonials-2 {
padding-top: 40px;
padding-bottom: 40px;
position: relative;
overflow: hidden;
}
.testimonials-2 .item {
height: 373px;
}
.testimonials-2 .item .card-body {
padding-right: 7px !important
}
.testimonials-2 .item .item-testimonial-body {
overflow-y: auto!important;
height: 217px!important;
scrollbar-width: thin;
padding-right: 18px;
}
.testimonials-2 .item .item-testimonial-body::-webkit-scrollbar {
width: 4px!important;
}
.testimonials-2 .item .item-testimonial-body::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px!important;
border-radius: 10px!important;
background: #ccc!important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5)!important;
}
.testimonials-2 .item .item-testimonial-body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)!important;
-webkit-border-radius: 4px!important;
border-radius: 4px!important;
}
.testimonials-2 .testimonial-img {
max-width: 40px;
}
.testimonials-2 .testimonials-2-vid-img {
height: 100% !important;
/* min-height: 600px; */
object-fit: cover;
}
.testimonials-2 .video-highlight-container hl {
font-size: 25px !important;
}
@media screen and (max-width: 768px) {
.testimonials-2 .carousel-container {
margin-top: -10px;
overflow: visible;
}
.testimonials-2 .blockquote-details .info {
margin-left: -2px;
}
.testimonials-2 .blockquote-details {
display: inline-flex;
}
.testimonials-2 .btn {
margin: 0 auto;
display: block;
}
.testimonials-2 .lead.fs-lg {
padding-left: 20px;
padding-right: 20px;
font-size: 15px !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.testimonials-2 h2 {
text-align: center;
margin-top: 0 !important;
}
}
@media screen and (max-width: 500px) {
.testimonials-2 .testimonials-2-vid-img {
max-height: 180px !important;
}
.testimonials-2 .container {
padding-bottom: 60px !important
}
.testimonials-2 blockquote p {
font-size: 16px !important;
padding-left: 15px;
padding-right: 15px;
}
.testimonials-2 blockquote p.mb-0 {
padding-left: 0px;
}
.testimonials-2 hl {
font-size: 18px !important;
}
.testimonials-2 .card-body {
padding-left: 7px;
padding-right: 7px;
}
}
/* /////////////////////// */
/* END TEXT TESTIMONIALS 2 */
/* /////////////////////// */
/* /////////////////// */
/* TEXT TESTIMONIALS 4 */
/* /////////////////// */
.text-tesimonial-4, .text-tesimonial-4 h2 {
position: relative;
}
.text-tesimonial-4 .testimonial-svg {
position: absolute;
top: -35px;
right: -20px;
width: 100px !important;
height: 100px !important;
}
.text-tesimonial-4 .card {
position: relative;
height: 370px;
}
.text-tesimonial-4 .item {
}
.text-tesimonial-4 .item-testimonial .card-body {
padding-right: 0px !important;
background: #f7f6f7;
padding-top: 90px;
padding-left: 30px;
padding-right: 30px !important;
height: 100%;
display: block;
position: relative;
}
.text-tesimonial-4 .item-testimonial-body {
overflow-y: auto!important;
scrollbar-width: thin;
padding-right: 0;
margin-bottom: 0;
font-size: 26px;
color: #333;
text-align: center;
font-weight: 600;
}
.text-tesimonial-4 .item-testimonial-body::-webkit-scrollbar {
width: 4px!important;
}
.text-tesimonial-4 .item-testimonial-body::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px!important;
border-radius: 10px!important;
background: #ccc!important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5)!important;
}
.text-tesimonial-4 .item-testimonial-body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)!important;
-webkit-border-radius: 4px!important;
border-radius: 4px!important;
}
.text-tesimonial-4 .item-testimonial svg {
position: absolute;
bottom: 10px;
top: 15px;
right: 30px;
z-index: 9999;
opacity: 0.8;
}
.text-tesimonial-4 .subtitle-2 {
text-align: center !important;
width: 100% !important;
display: block;
margin: 0 auto;
}
.es-text hl {
font-weight: 700;
color: #00ffb7;
}
.text-tesimonial-4 hl, .item-testimonial-body hl {
color: red;
}
.text-tesimonial-4 .source-yelp hl, .item-testimonial-body.source-yelp hl {
color: red;
}
.text-tesimonial-4 .source-google hl, .item-testimonial-body.source-google hl {
color: #3f78e0;
}
.text-tesimonial-4 hl {
font-size: inherit !important;
font-weight: 600;
line-height: 1.35;
}
.text-tesimonial-4 .ratings {
display: inline-block;
position: relative;
width: 100%;
height: .8rem;
text-align: center;
margin-bottom: 0px !important;
}
.text-tesimonial-4 .ratings:after {
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 1;
position: relative;
color: #fcc032;
content: "\2605\2605\2605\2605\2605";
overflow: hidden;
text-align: center;
}
.text-tesimonial-4 .ratings.one:after {
content: "\2605"
}
.text-tesimonial-4 .ratings.two:after {
content: "\2605\2605"
}
.text-tesimonial-4 .ratings.three:after {
content: "\2605\2605\2605"
}
.ratings.four:after {
content: "\2605\2605\2605\2605"
}
.text-tesimonial-4 .custom-control .ratings {
height: .9rem
}
.text-tesimonial-4 .blockquote-details {
margin-top: 30px;
text-align: center;
display: block;
position: relative;
}
.text-tesimonial-4 .rounded-circle {
margin: 0 auto;
display: block;
text-align: center;
}
.text-tesimonial-4 .blockquote-details .info {
padding-left: 0;
}
.text-tesimonial-4 .testimonial-bottom {
position: absolute;
width: 100%;
bottom: -145px;
height: 100%;
}
.text-tesimonial-4 blockquote {
position: relative;
display: block;
}
.text-tesimonial-4 .verified-badge {
position: absolute;
width: 18px !important;
height: auto;
margin-top: 2px !important;
margin-left: 2px !important;
object-fit: unset !important;
text-align: unset !important;
}
/* RESPONSIVE */
@media screen and (max-width: 1300px) {
.text-tesimonial-4 .item-testimonial .card-body {
padding-top: 50px;
}
.text-tesimonial-4 .testimonial-bottom {
bottom: -185px;
}
}
@media screen and (max-width: 1200px) {
.text-tesimonial-4 .item-testimonial-body {
font-size: 25px;
}
}
@media screen and (max-width: 992px) {
.text-tesimonial-4 .item-testimonial .card-body {
padding-top: 60px;
}
.text-tesimonial-4 .item-testimonial-body {
font-size: 23px;
line-height: 1.4
}
.text-tesimonial-4 .testimonial-bottom {
bottom: -210px;
}
.text-tesimonial-4 .card {
height: 400px;
}
.text-tesimonial-4 .testimonial-svg {
right: -60px;
top: -42px;
}
}
@media screen and (max-width: 768px) {
.text-tesimonial-4 .item-testimonial .card-body {
/* padding:0; */
}
.text-tesimonial-4 .card {
height: 330px;
}
.text-tesimonial-4 .testimonial-bottom {
bottom: -136px;
}
.text-tesimonial-4 hl, .item-testimonial-body hl {
/* font-size: 18px !important; */
}
.text-tesimonial-4 .container, .why-us-1 .container, .services-2 .container, .service-area-1 .container, .cta-2 {
padding-top: 10px !important;
padding-bottom: 20px !important;
}
.text-tesimonial-4 .cta-phone-button {
margin-top: 70px;
}
.text-tesimonial-4 .cta-phone-button a {
font-size: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
.text-tesimonial-4 .lead.fs-lg {
font-size: 18px !important;
margin-bottom: 30px !important;
text-align: center !important;
}
.item-testimonial {
max-width: 100%;
margin: 0 auto;
display: block;
/* position: relative !important; */
margin-bottom: 20px;
}
.text-tesimonial-4 .item-testimonial-body {
/* font-size: 15px; */
/* padding-left: 20px; */
}
.text-tesimonial-4 .blockquote-details {
padding-right: 10px;
}
}
@media screen and (max-width: 600px) {
.text-tesimonial-4 .card {
height: auto;
}
.text-tesimonial-4 .item-testimonial .card-body {
padding-top: 80px;
}
.text-tesimonial-4 .ratings {
top: -40px
}
.text-tesimonial-4 .testimonial-svg {
right: -27px;
top: -61px;
}
.text-tesimonial-4 .blockquote-details p {
position: relative;
width: 190px;
text-align: center !important;
margin: 0 auto;
}
.text-tesimonial-4 .verified-badge {
top:0;
right: -10px;
}
}
@media screen and (max-width: 500px) {
.item-testimonial .card {
height: 400px;
}
.text-tesimonial-1 .blockquote-details {
/* margin-top: -70px; */
bottom: -100px;
position: absolute;
}
.text-tesimonial-1 .item-testimonial .ratings {
width: 100%;
text-align: center;
}
.text-tesimonial-1 .item-testimonial .ratings:after {
margin: 0 auto;
text-align: center;
display: block;
left: 50%;
transform: translateX(-60%);
top: 10px;
}
}
@media screen and (max-width: 400px) {
.text-tesimonial-4 .testimonial-svg {
right: -47px;
top: -69px;
}
}
/* ////////////////// */
/* END TESTIMONIALS 4 */
/* ////////////////// */
/* ////// */
/* FOOTER */
/* ////// */
footer a {
color: white;
}
.logo-footer {
max-width: 200px;
margin-top: -70px;
}
footer {
padding-top: 30px
}
@media screen and (max-width: 768px) {
footer .widget-phone p, footer .widget-hours p {
text-align: center !important;
}
footer .logo-footer {
margin: 0 auto;
display: block;
margin-bottom: 40px;
}
footer .d-flex {
display: block !important;
margin: 0 auto !important;
text-align: center;
}
footer .widget-phone, footer .widget-phone a, footer .widget-phone p {
display: block !important;
margin: 0 auto !important;
text-align: center;
}
}
@media screen and (max-width: 768px) {
.lead {
font-size: 15px !important;
text-align: left !important;
}
footer .me-4 {
margin-right: 0 !important;
}
}
@media screen and (max-width: 600px) {
.lead {
font-size: 17px !important;
text-align: center !important;
}
}
/* ////////// */
/* END FOOTER */
/* //////////*/
/* //// */
/* MISC */
/* //// */
/* Fix slider toolbar, it is behind the sticky menu */
.lg-toolbar {
z-index: 99999 !important;
}
.banner--stick .navbar-collapse {
margin-top: 3px;
}
.banner--stick .header-phone {
margin-top: 1px;
}
hr, hr.my-14 {
margin-top: 10px !important;
margin-bottom: 100px !important;
}
.image-wrapper.bg-overlay:before {
/* background: rgba(30, 34, 40, .8); */
}
.only-desktop {
display: block !important;
}
.only-mobile {
display: none !important;
}
.show-992 {
display: none
}
.hide-768-flex {
/* display: none !important; */
}
.show-768-flex {
display: flex !important;
}
.show-400-flex {
display: none !important;
}
.only-992 {
display: none;
}
@media screen and (max-width: 992px) {
.only-desktop {
display: none !important;
}
.only-992 {
display: block;
}
.show-992 {
display: block;
}
.post-header-1 .only-desktop {
display: none !important;
}
}
@media screen and (min-width: 768px) {
.show-768-flex {
display: none !important;
}
}
@media screen and (max-width: 768px) {
.post-header-1 .only-992 {
display: none !important;
}
.post-header-1 .only-mobile {
display: block !important;
}
.hide-768-flex {
display: none !important;
}
.show-768-flex {
display: flex !important;
}
}
@media screen and (max-width: 600px) {
.only-desktop {
display: none !important;
}
.only-992 {
display: none;
}
.only-mobile {
display: block !important;
}
}
@media screen and (max-width: 400px) {
.show-400-flex {
display: flex !important;
}
.hide-400-flex {
display: none !important;
}
}
/* //////// */
/* END MISC */
/* //////// */
/* ///// */
/* FAQ 1 */
/* ///// */
@media screen and (max-width: 768px) {
#accordion-1.accordion-wrapper .card-header {
height: auto !important
}
}
/* ///////// */
/* FAQ 1 END */
/* ///////// */
/* ///// */
/* FAQ 2 */
/* ///// */
.faq-2 .favicon-center {
max-width: 40px;
}
.faq-section {
background: #fdfdfd;
min-height: 100vh;
padding: 10vh 0 0;
margin: 0 auto;
display: block;
}
.faq-title h2 {
position: relative;
margin-bottom: 45px;
display: inline-block;
font-weight: 600;
line-height: 1;
}
.faq-title h2::before {
content: "";
position: absolute;
left: 50%;
width: 60px;
height: 2px;
background: #E91E63;
bottom: -25px;
margin-left: -30px;
}
.faq-title p {
padding: 0 190px;
margin-bottom: 10px;
}
.faq {
background: #FFFFFF;
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
border-radius: 4px;
width: 100%;
/* font-family: 'Open Sans', "Helvetica", "Arial", sans-serif; */
}
.faq .card {
border: none;
background: none;
border-bottom: 1px dashed #CEE1F8;
}
.faq-2 .faq .card {
border: none !important;
}
.faq .card .card-header {
padding: 0px;
border: none;
background: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.faq .card .card-header:hover {
background: rgba(0, 204, 255, 0.2);
padding-left: 10px;
}
.faq .card .card-header .faq-title {
text-align: left;
padding: 0px;
padding-left: 30px;
padding-right: 30px;
font-weight: 600;
font-size: 17px;
letter-spacing: 1px;
color: #3B566E;
text-decoration: none !important;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
cursor: pointer;
padding-top: 20px;
padding-bottom: 10px;
line-height: 2.1;
}
.faq .card .card-header .faq-title .badge {
/* display: inline-block; */
/* width: 30px; */
/* height: 30px; */
/* line-height: 22px; */
float: left;
/* -webkit-border-radius: 100px; */
-moz-border-radius: 100px;
border-radius: 100px;
text-align: center;
/* background: #00ccff; */
/* color: #fff; */
/* font-size: 12px; */
/* margin-right: 20px; */
}
.faq .card .card-body {
padding: 30px;
padding-left: 35px;
padding-bottom: 16px;
font-weight: 400;
font-size: 14px;
color: #6F8BA4;
line-height: 28px;
letter-spacing: 1px;
border-top: 1px solid #F3F8FF;
}
.faq .card .card-body p {
margin-bottom: 14px;
font-weight: 500;
}
@media (max-width: 991px) {
.faq {
margin-bottom: 30px;
}
.faq .card .card-header .faq-title {
line-height: 21px;
margin-top: 10px;
font-size: 16px;
padding-left: 60px;
text-transform: lowercase;
}
}
.faq .card .card-header .faq-title .badge {
display: inline-block;
width: 40px;
height: 40px;
line-height: 35px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
text-align: center;
background: #f36f2b;
color: #fff;
font-size: 28px;
margin-right: 20px;
}
.faq .card .card-header:hover {
background: #f36f2b6e;
padding-left: 10px;
}
.faq-2 .favicon-center {
/* filter:invert(1); */
}
.faq-2 span.small {
color: white !important;
}
@media screen and (max-width: 768px) {
.faq .card .card-body {
padding-left: 14px;
padding-right: 14px;
}
.faq .card .card-header .faq-title .badge {
position: absolute;
left: 20px;
}
}
@media screen and (max-width: 600px) {
.faq-2 .container {
padding-top: 40px !important;
padding-bottom: 30px !important;
}
.faq .card .card-header .faq-title {
font-size: 13px;
padding: 5px 7px 0px 58px;
line-height: 1.4;
min-height: 40px;
}
}
/* ///////// */
/* END FAQ 2 */
/* ///////// */
.pl-0 {
padding-left: 0;
}
.pr-0 {
padding-right: 0;
}
/* //////// */
/* WHY US 1 */
/* //////// */
.why-us-1 {
padding-bottom: 50px
}
.why-us-1 .display-4 {
font-size: 30px;
}
@media screen and (max-width: 768px) {
.why_1_img_3 {
max-height: 340px;
height: 340px !important;
object-fit: cover;
}
.why-us-1 .main-title {
text-align: center;
}
}
@media screen and (max-width: 600px) {
.why-us-1 .col-lg-6 {
margin-top: 20px;
}
.why-us-1 .container {
padding-bottom: 20px !important;
}
}
@media screen and (max-width: 600px) {
.why-us-1 {
margin-top: -20px !important;
margin-bottom: -40px;
}
}
@media screen and (max-width: 500px) {
.why-us-1 .main-title {
font-size: 22px;
margin-top: -20px;
}
.why-us-1-phone-btn {
font-size: 18px !important;
}
}
@media screen and (max-width: 400px) {
.why_1_img_3 {
height: 220px !important;
max-height: unset;
min-height: unset;
}
}
/* //////// */
/* END WHY US 1 */
/* //////// */
/* //////// */
/* WHY US 2 */
/* //////// */
.why-us-2 .img-2 img {
min-height: 335px !important;
width: auto !important;
}
.why-us-2 .img-1 img {
min-height: 445px !important;
max-height: 445px;
width: auto !important;
}
.why-us-2 .img-2 img, .why-us-2 .img-1 img {
object-fit: cover !important;
width: 100% !important;
}
@media screen and (max-width: 768px) {
.why-us-2 h2 {
text-align: center;
}
.why-us-2 svg {
margin: 0 auto;
display: block;
}
}
/* //////////// */
/* END WHY US 2 */
/* //////////// */
/* //////// */
/* WHY US 4 */
/* //////// */
.why-us-4 video {
height: 600px;
margin: 0 auto;
object-fit: cover;
display: block;
width: 100%;
margin-top: 40px;
border-radius: 10px;
}
.why-us-4 .img-responsive {
max-width: inherit
}
.why-us-4 .about-img {
border-radius: 13px;
height: 600px;
object-fit: cover;
width: 100%;
position: relative;
}
.why-us-4-img-container {
position: relative;
}
.why-us-4-watermark {
max-width: 150px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* filter: invert(1); */
}
@media screen and (max-width: 768px) {
.why-us-4 .container {
padding-top:35px !important;
padding-bottom: 0 !important;
margin-bottom: -60px;
}
.why-us-4 .about-img, .why-us-4-watermark {
display: none !important;
}
.why-us-4 video {
height: 500px !important;
width: 100% !important;
margin-top: 0;
padding-bottom: 0 !important;
object-fit: cover;
margin-bottom: 50px
}
.why-us-4 .about-img {
border-radius: 13px;
height: 100%;
object-fit: cover;
}
.why-us-4-img-container {
margin-bottom: 40px
}
.why-us-4 .display-3 {
margin-bottom: 0px !important;
}
}
@media screen and (max-width: 600px) {
.why-us-4 video {
height: 140px !important;
transform: scale(1.5);
width: 80% !important;
object-fit: none;
}
}
/* //////////// */
/* END WHY US 4 */
/* //////////// */
/* //////// */
/* WHY US 5 */
/* //////// */
.why-us-5 {
padding-top: 50px;
padding-bottom: 50px;
}
.why-us-5 .display-1 {
font-size: 60px;
}
.why-us-5 .why-us-item-icon {
width: 100%;
max-width: 100px;
margin: auto;
display: block;
}
.why-us-5 .why-us-item-title {
text-align: center;
font-weight: 700;
font-size: 25px;
line-height: 1.2;
margin-bottom: 15px
}
.why-us-5 .why-us-item-description {
text-align: center;
font-size: 15px;
}
@media screen and (max-width: 1300px) {
.why-us-5 .display-1 {
font-size: 45px;
}
}
@media screen and (max-width: 900px) {
.why-us-5 .display-1 {
font-size: 35px;
}
}
@media screen and (max-width: 500px) {
.why-us-5 .display-1 {
font-size: 25px;
}
}
/* ////////////// */
/* WHY US 5 - END */
/* ////////////// */
/* ////////// */
/* FEATURES 1 */
/* ////////// */
.features-gallery .owl-item:after {
content: '';
background-image: url("/assets/img/logo/logo.webp");
width: 60px;
height: 100px;
white-space: nowrap;
position: absolute;
background-repeat: no-repeat;
background-size: contain;
bottom: -50px;
left: 10px;
z-index: 99999999999999999999999999999999999999999999;
display: block;
overflow: visible;
}
@media screen and (max-width: 768px) {
.features-gallery .owl-item {
max-height: 320px;
}
.features-section-1 h2 {
text-align: center;
}
.features-section-1 {
padding-left: 25px;
padding-right: 25px;
}
.features-section-1 .lead.fs-lg {
font-size: 16px !important;
}
}
/* ////////////// */
/* END FEATURES 1 */
/* ////////////// */
/* ////////// */
/* FEATURES 2 */
/* ////////// */
.features-section-2 {
padding-bottom: 50px !important
}
.features-section-2 .features-img {
object-fit: contain;
height: 550px;
width: 100%;
}
.features-section-2.wrapper.bg-dark h4, .features-section-2.wrapper.bg-dark h2, .features-section-2.wrapper.bg-dark p {
color: white !important;
}
@media screen and (max-width: 600px) {
.features-section-2 h2 {
font-size: 20px;
}
.features-section-2 .container {
padding-bottom: 30px !important
}
}
/* ////////////// */
/* END FEATURES 2 */
/* ////////////// */
/* ///////// */
/* FEATURES 3 */
/* ////////// */
.features-section-3 .featured-item-container, .featured-item {
transition: 0.3s all;
cursor: pointer;
}
.features-section-3 .featured-item-title {
transition: 0.7s all;
cursor: pointer;
}
.features-section-3 .featured-item-container:hover > .featured-item {
margin-top: -8px;
box-shadow: 5px 8px 11px #868e96;
}
.features-section-3 .featured-item-container:hover .featured-item-title {
top: 45% !important;
}
.features-section-3 strong {
font-weight: 700
}
.features-section-3 #features a {
position: relative;
display: contents;
}
.features-section-3 .featured-item {
position: relative;
width: 100%;
}
.features-section-3 img {
width: 100%;
height: 435px;
}
.features-section-3 .favicon-center {
max-width: 50px;
width: 80px;
margin-bottom: 15px;
height: auto;
}
.features-section-3 .featured-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(180deg, #0c4e9096, #000000f7, #00000073);
opacity: 0.6;
}
.features-section-3 .featured-item-title {
position: absolute;
color: white;
white-space: normal;
text-align: center;
top: 50%;
width: 80%;
font-size: 25px;
font-weight: 300 !important;
font-family: 'Montserrat', sans-serif;
margin: 10px 0;
line-height: 1.3;
text-transform: uppercase;
}
#exampleFormControlSelect1 {
height: 50px;
}
.thin-margin .col-md-4 {
padding: 2px;
margin-bottom: -20px
}
.features-section-3 .featured-item-no-desc .featured-item-title {
top: 47%;
}
.section-cta-2 {
border: 3px dashed #ffffff;
padding: 30px;
/* box-shadow: 2px 2px 6px 3px #cacaca; */
}
/* ////////////// */
/* END FEATURES 3 */
/* ////////////// */
/* ///////// */
/* FEATURES 4 */
/* ////////// */
.features-section-4-sm-img {
height: 130px !important;
max-height: 130px !important;
object-fit: cover;
}
.features-section-4 .features-main-img img {
max-height: 337px;
object-fit: cover;
}
@media screen and (max-width: 768px) {
.features-section-4 h3 {
text-align: center !important;
}
.features-section-4 {
padding-bottom: 50px;
padding-top: 70px;
}
.features-section-4 p {
font-size: 15px;
}
.features-section-4 .features-main-img img {
max-height: 180px
}
}
/* ////////////// */
/* FEATURES 4 END */
/* ////////////// */
/* ////////// */
/* FEATURES 5 */
/* ////////// */
.features-section-5.bg-dark h2, .features-section-5.bg-dark h4, .features-section-5.bg-dark p {
color: white !important;
}
@media screen and (max-width: 768px) {
.features-section-5 .container {
padding-top: 50px !important;
}
.features-section-5 p {
text-align: left !important;
}
}
@media screen and (max-width: 600px) {
.features-section-5 h2 {
font-size: 20px;
}
}
/* ////////////// */
/* FEATURES 5 END */
/* ////////////// */
/* ////////// */
/* SERVICES 1 */
/* ////////// */
.services-1 .owl-carousel, .services-1 .owl-stage-outer, .services-1 .owl-carousel .owl-stage, .services-1 .owl-carousel .owl-item img {
max-height: 500px !important;
}
.services-1 .item figure {
margin-bottom: 5px !important;
}
.services-1 .owl-carousel .owl-item img {
height: 330px !important;
min-height: 320px !important;
object-fit: cover;
}
.services-1 .owl-carousel.nav-bottom .owl-nav button {
bottom: unset !important;
}
@media screen and (max-width: 768px) {
.services-1 .container {
padding-top: 30px !important;
}
.services-1 h2 {
text-align: center;
}
}
@media screen and (max-width: 600px) {
.post-description {
display: none !important;
}
}
@media screen and (max-width: 500px) {
.services-1 .owl-carousel .owl-item img {
max-height: 170px !important;
min-height: unset !important;
}
.services-1 .owl-carousel .post-title {
text-align: center;
font-size: 15px;
}
}
/* ////////////// */
/* END SERVICES 1 */
/* ////////////// */
/* ////////// */
/* SERVICES 2 */
/* ////////// */
.services-2 .services-list-container .fg-title {
margin-bottom: 80px;
text-align: center
}
.services-2 .services-list-container .fg-title h2 {
font-weight: 700;
color: #a2214d;
line-height: 46px;
margin-bottom: 20px
}
.services-2 .services-list-container .fg-title p {
margin-bottom: 0;
font-weight: 300
}
.services-2 .services-list-container .service-item {
height: 330px;
position: relative;
overflow: hidden;
border-radius: 7px;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 20px;
}
.services-2 .services-list-container .service-item::before {
content: '';
position: absolute;
height: 100%;
width: 100%;
left: 0;
right: 0;
bottom: 0;
top: 0;
/* background-image: linear-gradient(0deg, #002f54, #00000000); */
}
.services-2 .services-list-container .service-item:hover .service-item-text {
top: 20%;
opacity: 1;
}
.services-2 .services-list-container .service-item-text p {
opacity: 0
}
.services-2 .services-list-container .service-item:hover .service-item-text p {
opacity: 1
}
.services-2 .services-list-container .service-item:hover .service-item-text h4 {
margin-bottom: 12px;
}
.services-2 .services-list-container .service-item-text {
position: absolute;
left: 0;
bottom: 0;
top: 85%;
width: 100%;
padding: 0 15px;
-webkit-transition: all,.4s;
-o-transition: all,.4s;
transition: all,.4s
}
.services-2 .services-list-container .service-item-text h4 {
font-weight: 700;
color: #fff;
margin-bottom: 60px;
-webkit-transition: all,.2s;
-o-transition: all,.2s;
transition: all,.2s;
font-size: 22px
}
.services-2 .services-list-container .service-item-text p {
color: #fff;
margin-bottom: 25px;
font-weight: 300
}
.services-2 .services-list-container .service-item-text a {
font-size: 14px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
padding: 6px 12px;
position: relative;
text-decoration: none;
border: 2px solid #a2214d;
transition: all .2s
}
.services-2 .services-list-container .service-item-text a:hover {
background: #a2214d;
}
.services-2 .service-icon {
width: 50px;
max-height: unset !important;
min-height: unset !important;
height: auto !important;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 1400px) {
.services-2 .services-list-container .service-item-text {
top: 75%;
}
}
@media screen and (max-width: 992px) {
.services-2 .services-list-container .service-item-text {
top: 60%;
}
}
@media screen and (max-width: 768px) {
.services-2 {
padding-top: 0;
}
services-list-container .service-item {
height: 230px !important;
}
}
@media screen and (max-width: 500px) {
.services-2 .services-list-container .service-item-text h4 {
text-align: center;
line-height: 1.1;
/* position: absolute; */
/* left: 50%; */
/* transform: translate(-50%,0); */
}
.services-2 .services-list-container .service-item-text p {
display: none !important;
}
.services-2 .services-list-container .service-item-text {
position: absolute;
/* bottom: unset; */
top: 20%;
/* margin-top: 50px; */
/* bottom: 0 !important; */
display: block;
width: 100%;
}
.services-2 .services-list-container .service-item-text a {
font-size: 9px;
white-space: nowrap;
margin: 0 auto;
display: block;
text-align: center;
position: absolute;
top: 120px;
transform: translate(-50%, -50%);
left: 50%;
}
.services-2 .services-list-container .service-item::before {
background: linear-gradient(0deg, #070733, #0a3b85c4, #367fec) !important;
}
.services-2 .services-list-container .col-6 {
padding-left: 5px !important;
padding-right: 5px !important;
}
}
/* ////////////// */
/* END SERVICES 2 */
/* ////////////// */
/* ////////// */
/* SERVICES 3 */
/* ////////// */
.services-3 .service-item {
position: relative;
width: 100%;
}
.services-3 .service-item-img {
width: 100%;
object-fit: cover;
height: 100%;
}
.services-3 .service-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: inherit;
background-image: linear-gradient(181deg, #478f3bed, #185e10, #268518);
opacity: 0.85;
}
.services-3 .service-item-title {
color: white;
white-space: normal;
text-align: center;
position: relative;
width: 100%;
font-size: 30px;
font-weight: 400 !important;
margin: 10px 0;
line-height: 1.3;
text-transform: uppercase;
}
.services-3 .col-md-3 .service-item-title {
width: 90%;
}
.services-3 .service-item-container, .services-3 .service-item {
transition: 0.3s all;
cursor: pointer;
height: 410px;
margin-bottom: 2px;
position: relative;
padding: 1px;
}
.services-3 .service-item-title {
transition: 0.7s all;
cursor: pointer;
}
.services-3 .service-item-container:hover > .service-item {
margin-top: -8px;
box-shadow: 5px 8px 11px #868e96;
}
.services-3 .service-item {
}
.services-3 .service-item-container:hover > .service-item-title {
margin-top: -2px;
}
.services-3 .service-item-inner {
position: absolute;
top: 50%;
transform: translate(0, -50%);
display: block;
color: #e4e4e4;
padding-left: 10px;
padding-right: 10px;
font-weight: 400;
width: 100%;
height: 100%;
}
.services-3 .service-desc p {
margin-bottom: 0;
position: absolute;
padding-left: 10px;
padding-right: 10px;
}
.bottom-right-triangle {
position: absolute;
z-index: 99;
right: 1px;
bottom: 1px;
width: 60px;
height: 60px;
border-bottom: solid 40px rgb(255 255 255 / 92%);
border-right: solid 40px rgb(255 255 255 / 92%);
box-sizing: border-box;
color: #fff;
border-left: solid 40px transparent;
border-top: solid 40px transparent;
}
.corner-favicon {
position: absolute;
width: 38px;
left: -2px;
}
@media screen and (max-width: 1400px) {
.services-3 .service-item-container, .services-3 .service-item {
height: 480px
}
}
@media screen and (max-width: 1000px) {
.services-3 .service-item-container, .services-3 .service-item {
height: 630px
}
}
@media screen and (max-width: 768px) {
.services-3 .service-item-container, .service-item {
margin-bottom: -20px;
height: auto;
}
.services-3 .service-item-title {
font-size: 48px;
margin-bottom: -10px;
}
.services-3 .display-4 {
margin-bottom: 55px !important;
}
.bottom-right-triangle {
bottom: 30px;
}
.services-3 .service-desc p {
font-size: 15px;
}
.services-list-container .service-item {
height: 380px !important;
margin-bottom: 29px !important;
}
}
@media screen and (max-width: 600px) {
.services-3 .container {
padding-top:0 !important
}
.services-3 .display-4 {
margin-bottom: 35px !important;
font-size: 23px;
}
.services-3 .service-item-title {
font-size: 34px;
margin-bottom: -10px;
padding-left: 20px;
padding-right: 20px;
top: 50%;
}
}
@media screen and (max-width: 500px) {
.services-list-container .service-item {
height: 230px !important;
margin-bottom: 10px !important;
}
.services-3 .col-md-3 .service-item-title {
font-weight: 600 !important;
font-size: 14px;
}
.services-3 .service-item-title {
top: 70%
}
.services-3 .service-desc p {
font-size: 14px;
}
.services-3 .service-item-inner {
top: 24%;
}
}
/* //////////// */
/* END SERVICES 3 */
/* ////////////// */
/* ////////// */
/* SERVICES 4 */
/* ////////// */
.services-4 .service-item-img {
object-fit: cover;
width: 80%;
height: 200px;
border-radius: 0 40px 0px 0px;
display: block;
margin: 0 auto;
}
.services-4 .service-item-title {
border-radius: 0px 3px 4px 10px;
background: #070733;
color: white;
padding: 10px 8px;
width: 70%;
margin-left: 8px;
font-size: 16px;
font-weight: 600;
position: relative;
bottom: 20px;
}
.services-4 .service-item-description {
margin-top: -10px;
max-width: 80%;
font-size: 15px;
margin-left: 10px;
}
.services-4 .service-item-container, .services-4 .service-item {
transition: 0.3s all;
cursor: pointer;
margin-bottom: 2px;
position: relative;
padding: 1px;
margin-bottom: 13px;
}
.services-4 .service-item:hover {
transform: scale(1.02)
}
@media screen and (max-width: 768px) {
.services-4 .container {
padding-top:0 !important;
}
.services-4 .display-1 {
margin-bottom: 15px !important
}
.services-4 .service-item-img {
}
.services-4 .services-list-container .service-item {
height: inherit;
margin-bottom: 90px;
}
}
@media screen and (max-width: 600px) {
.services-4 .services-list-container .service-item {
margin: 0 auto;
margin-bottom: 15px;
display: block;
height: auto !important;
}
}
/* ////////////// */
/* END SERVICES 4 */
/* ////////////// */
/* ////////// */
/* SERVICES 5 */
/* ////////// */
.services-section-5 .services-item-container, .services-item {
transition: 0.3s all;
cursor: pointer;
}
.services-section-5 .services-item-title {
transition: 0.7s all;
cursor: pointer;
}
.services-section-5 .services-item-container:hover > .services-item {
margin-top: -8px;
box-shadow: 5px 8px 11px #868e96;
}
.services-section-5 .services-item-container:hover .services-item-title {
top: 45% !important;
}
.services-section-5 strong {
font-weight: 700
}
.services-section-5 #services a {
position: relative;
display: contents;
}
.services-section-5 .services-item {
position: relative;
width: 100%;
}
.services-section-5 img {
width: 100%;
min-height: 430px;
max-height: 430px;
object-fit: cover;
}
.services-section-5 .favicon-center {
width: 180px;
height: 100px;
margin-bottom: 15px;
object-fit: contain;
max-height: unset !important;
min-height: unset !important;
}
.services-section-5 .services-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(180deg, #000000f2, #000000d4, #00000082);
opacity: 0.8;
}
.services-section-5 .services-item-title {
position: absolute;
color: white;
white-space: normal;
text-align: center;
top: 50%;
width: 80%;
font-size: 25px;
font-weight: 300 !important;
font-family: 'Montserrat', sans-serif;
margin: 10px 0;
line-height: 1.3;
text-transform: uppercase;
}
.services-item-description {
text-align: center;
max-width: 98%;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 25px;
}
@media screen and (max-width: 600px) {
.services-section-5 .container {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.services-section-5 .services-item-description {
max-width: 95%;
}
.services-section-5 img {
width: 100%;
min-height: 330px;
max-height: 330px;
object-fit: cover;
}
}
/* ////////////// */
/* END SERVICES 5 */
/* ////////////// */
/* ////////// */
/* SERVICES 6 */
/* ////////// */
.service-item-6 {
background: #ffffff;
padding-left: 25px;
padding-right: 25px;
padding-top: 25px;
padding-bottom: 50px;
max-width: 380px;
width: 380px;
height: 535px;
position: relative;
}
.services-6-row {
max-width: 1200px;
margin: 0 auto;
}
.service-item-6 img {
margin: 0 auto;
display: block;
max-width: 100%;
width: 100%;
margin-bottom: 50px;
height: 190px;
object-fit: cover;
}
.service-item-6 .services-item-title {
text-align: center;
margin-bottom: 0;
}
.service-item-6 .services-item-description {
font-weight: 400;
margin-top: 0;
line-height: 1.6
}
.services-6-item-container {
/* margin-right: 35px; */
/* margin-left: 35px; */
margin-bottom: 10px;
position: relative;
}
.services-6-item-container .cta-phone-button {
position: absolute;
bottom: 30px;
left: 50%;
transform: translate(-50%, 0);
width: 80%;
}
.services-6-item-container .cta-phone-button a {
font-size: 17px !important;
padding-top: 7px;
padding-bottom: 7px;
}
@media screen and (max-width: 1200px) {
.service-item-6 {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.service-item-6 {
width: 100%;
max-width: 100%;
height: 500px;
}
}
/* ////////////// */
/* END SERVICES 6 */
/* ////////////// */
/* ////////////////// */
/* FEATURED SERVICE 1 */
/* ////////////////// */
.featured-service-1 {
position: relative;
}
.featured-service-1 .person-img {
position: absolute;
width: 490px;
bottom: 0;
right: 20px;
z-index: 0;
}
.featured-service-description {
max-width: 900px;
color: white;
font-size: 18px;
padding-top: 25px;
padding-bottom: 20px;
z-index: 1;
position: relative;
}
.featured-service-button {
font-size: 30px;
color: white;
font-weight: 700;
}
@media screen and (max-width: 1500px) {
.featured-service-1 .person-img {
width: 290px;
bottom: 0;
right: -30px;
}
}
@media screen and (max-width: 1400px) {
.featured-service-1 .title-big {
font-size: 55px;
}
}
@media screen and (max-width: 1200px) {
.featured-service-1 .featured-service-description {
max-width: 80%;
}
.featured-service-1 .person-img {
bottom: 0;
}
}
@media screen and (max-width: 992px) {
.featured-service-1 .person-img {
width: 300px;
right: -60px;
bottom: 0;
}
}
@media screen and (max-width: 900px) {
.featured-service-1 .title-big {
font-size: 40px;
}
.coupon-container {
margin-left: -40px
}
.featured-service-1 .person-img {
bottom: 0;
}
}
@media screen and (max-width: 768px) {
.services-4 .service-item-title {
left: 55px;
}
.services-4 .service-item-description {
margin-bottom: 0;
margin: 0 auto;
display: block;
}
.featured-service-1 {
text-align: center;
}
.featured-service-1 .person-img {
display: none;
}
.coupon-container, .coupon-item {
margin: 0 auto !important;
display: block !important;
}
.featured-service-1 .featured-service-description {
max-width: 100%;
}
.featured-service-button {
font-size: 18px;
}
}
@media screen and (max-width: 400px) {
.featured-service-1 .title-big {
font-size: 30px;
}
.services-4 .service-item-title {
font-size: 15px;
}
.services-4 .service-item-description {
font-size: 15px;
margin-left: 25px !important;
margin-right: 25px !important;
max-width: unset;
text-align: justify !important;
}
}
/* ////////////////////// */
/* END FEATURED SERVICE 1 */
/* ////////////////////// */
/* ////// */
/* CONTACT FORM 1 */
/* ////// */
.contact-2 svg {
display: block;
margin: 0 auto;
}
.contact-form .rounded-pill, .contact-form .rounded-pill .contact-form .header-phone-text, .contact-form .rectangle, .contact-form .rectangle .header-phone-text {
display: block !important;
}
.contact-form .rounded-pill {
margin: 0 auto !important;
margin-bottom: 10px !important;
}
@media screen and (max-width: 768px) {
.form-1 p.lead {
font-size: 15px !important;
color: white
}
.contact-2 svg {
display: block;
margin: 0 auto;
}
.form-1 {
padding-left: 25px;
padding-right: 25px;
}
}
/* ////////// */
/* END CONTACT FORM 1 */
/* ////////// */
/* ////// */
/* CONTACT FORM 2 */
/* ////// */
.contact-2 h2, .contact-2 h4, .contact-2 .lead {
text-align: center !important;
}
@media screen and (max-width: 500px) {
.contact-2 .form-social-proof-text {
text-align: center;
}
.contact-2 h2 {
text-align: center !important;
}
.form-1 .pb-11 {
padding-bottom: 0 !important;
}
}
/* ////////// */
/* END FORM 2 */
/* ////////// */
/* ////// */
/* FORM 3 */
/* ////// */
.form-3 {
position: relative;
display: flex;
/* overflow-x: hidden !important; */
width: 100%;
max-width: 100%;
z-index: 99;
}
@media screen and (max-width: 768px) {
.form-3 .form-control {
margin-bottom: 15px
}
}
/* ////////// */
/* END FORM 3 */
/* ////////// */
/* ////// */
/* FORM 4 */
/* ////// */
.cover-section-4 .mb-n18 {
margin-bottom: -75px !important;
}
.form-4 {
background: rgb(255 255 255);
padding: 30px 20px;
border-radius: 20px 0 20px 0;
/* box-shadow: 6px 8px 6px 5px #00000030; */
/* border: 1px solid #ffffff3b; */
}
.form-4 {
background: #ffffff !important;
/* color: white; */
}
.form-4 textarea {
background: #ffffff00 !important;
}
.form-4 input, .form-4 textarea {
/* border: 2px solid white !important; */
/* color: white; */
}
.form-4 h3 {
font-size: 40px !important;
}
@media screen and (max-width: 1920px) {
.form-4 {
padding: 30px 20px;
}
.form-4 h3 {
font-size: 45px !important;
}
}
.form-4 .form-description {
font-size: 18px;
}
.form-4 input {
height: 55px !important;
margin-bottom: 15px;
border: 2px solid slategray;
background: transparent;
}
.form-4 textarea {
border: 2px solid slategray;
}
.form-4 [type=submit] {
width: 100%;
background-color: #cd203d!important;
border: none !important;
border-radius: 15px !important;
font-size: 24px;
line-height: 1;
display: block !important;
}
.form-4 .form-protection {
margin-left: 10px;
font-size: 13px;
}
@media screen and (max-width: 768px) {
.form-4 .form-protection {
font-size: 11px;
}
}
@media screen and (max-width: 600px) {
.form-4 {
padding: 30px 20px;
}
.form-4 h3 {
font-size: 28px !important;
margin-bottom: 0;
}
.form-4 .form-description {
font-size: 13px;
margin-bottom: 10px;
}
.form-4 .form-description span {
/* font-size: 35px !important; */
/* line-height: 1.1; */
/* margin-top: 10px !important; */
}
}
.review-counter {
font-size: 12px;
margin-top: 5px;
font-weight: 600;
}
/* ////////// */
/* END FORM 4 */
/* ////////// */
/* ///////////////// */
/* MULTI STEP FORM 1 */
/* ///////////////// */
.multi-step-form-1 {
background-color: white;
width: 100%;
max-width: 100%;
min-height: 700px;
height: 100%;
border-radius: 20px;
padding: 30px 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
overflow: hidden;
}
.multi-step-form-1 .progress-bar {
height: 8px;
background: #eee;
border-radius: 10px;
overflow: hidden;
margin-bottom: 20px;
}
.multi-step-form-1 .progress {
height: 100%;
width: 0%;
background-color: #0077ff;
transition: width 0.3s ease-in-out;
}
.multi-step-form-1 .steps-wrapper {
position: relative;
flex: 1;
overflow: hidden;
}
.multi-step-form-1 .step {
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
display: none;
flex-direction: column;
justify-content: center;
padding: 30px 0;
background: white;
}
.multi-step-form-1 .step.active {
display: flex;
}
.multi-step-form-1 .question-count {
font-size: 16px;
margin-bottom: 10px;
color: #888;
}
.multi-step-form-1 label {
font-size: 24px;
margin-bottom: 20px;
color: #333;
}
.multi-step-form-1 input {
padding: 20px;
font-size: 18px;
border: 2px solid #ccc;
border-radius: 12px;
outline: none;
transition: border 0.3s;
}
.multi-step-form-1 input:focus {
border-color: #0077ff;
}
.multi-step-form-1 .custom-select-wrapper {
display: flex;
flex-direction: column;
gap: 16px;
}
.multi-step-form-1 .custom-select-wrapper.horizontal {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
}
.multi-step-form-1 .option-box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px;
border: 2px solid #ccc;
border-radius: 12px;
font-size: 18px;
background-color: #f9f9f9;
cursor: pointer;
transition: all 0.2s;
position: relative;
overflow: hidden;
flex: 1 1 calc(45% - 10px);
min-width: 150px;
height: 200px;
}
.multi-step-form-1 .option-box img {
width: 100%;
max-height: 120px;
object-fit: cover;
border-radius: 10px;
margin-bottom: 10px;
}
.multi-step-form-1 .option-box:hover {
background-color: #eef5ff;
border-color: #0077ff;
}
.multi-step-form-1 .option-box.selected {
background-color: #0077ff;
color: white;
border-color: #0077ff;
}
.multi-step-form-1 .option-box.selected::after {
content: "âœâ€";
position: absolute;
top: 6px;
right: 6px;
width: 20px;
height: 20px;
background: #4caf50;
color: white;
font-weight: bold;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
clip-path: polygon(100% 0, 0 0, 100% 100%);
z-index: 10;
}
.multi-step-form-1 .option-box.animate-blink {
animation: blink 0.3s ease 0s 2;
}
@keyframes blink {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.5;
}
}
.multi-step-form-1 .buttons {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.multi-step-form-1 button {
padding: 15px 25px;
font-size: 16px;
border: none;
border-radius: 12px;
background-color: #0077ff;
color: white;
cursor: pointer;
transition: background 0.3s;
}
.multi-step-form-1 button:hover {
background-color: #005dc1;
}
@keyframes slideInFromRight {
0% {
transform: translateX(100%);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideInFromLeft {
0% {
transform: translateX(-100%);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.multi-step-form-1 .slide-left {
animation: slideInFromLeft 0.5s ease-out;
}
.multi-step-form-1 .slide-right {
animation: slideInFromRight 0.5s ease-out;
}
/* ///////////////////// */
/* END MULTI STEP FORM 1 */
/* ///////////////////// */
/* ////////////// */
/* SERVICE AREA 1 */
/* ////////////// */
.location-city {
font-size: 14px;
text-align: left !important;
white-space: nowrap;
}
.location-city i {
margin-right: 3px;
}
@media screen and (max-width: 768px) {
.service-area-1 h2 {
line-height: 1.2;
margin-bottom: 30px !important;
font-size: 24px;
}
.service-area-1 mark {
margin-top: 10px !important;
line-height: 1.9;
}
.service-area-1 .lead {
font-size: 17px !important;
text-align: center !important;
}
.location-city {
font-size: 10px;
}
}
@media screen and (max-width: 600px) {
.service-area-1 .container {
padding-bottom: 50px !important;
}
}
@media screen and (max-width: 500px) {
}
/* ////////////// */
/* SERVICE AREA 3 */
/* ////////////// */
.service-area-3 .location-item {
border: 1px solid darkgrey;
padding: 5px 5px;
text-align: center;
border-radius: 5px;
margin-bottom: 10px;
overflow: hidden;
}
/* ////////////// */
/* SERVICE AREA 4 */
/* ////////////// */
.pin-wrapper {
width: 50px;
height: 60px;
background-image: url('/assets/img/icons/system/pin-large-circle.png');
background-size: contain;
background-repeat: no-repeat;
position: relative;
}
.logo-inside {
width: 24px;
height: 24px;
background-image: url('/assets/img/logo/favicon.png');
background-size: cover;
position: absolute;
top: 7px;
left: 13px;
border-radius: 50%;
}
.leaflet-popup {
bottom: 42px !important;
}
.service-area-4 #map-container {
position: relative;
overflow: hidden;
}
.service-area-4 #map {
outline: none !important;
scroll-behavior: auto !important;
touch-action: manipulation !important;
; /* pointer-events: none; */
}
@media screen and (max-width: 600px) {
#map {
height: 250px !important;
}
.service-area-4 #map-container {
position: relative;
}
.service-area-4 h2 {
font-size: 20px !important;
}
.service-area-4 p {
font-size: 20px !important;
}
}
/* //////// */
/* BRANDS 1 */
/* //////// */
@media screen and (max-width: 500px) {
.brands-1 .brand-img {
width:100px !important;
; }
.brands-1 .display-4 {
font-size: 20px;
}
}
/* //////////// */
/* END BRANDS 1 */
/* //////////// */
/* //////// */
/* BRANDS 2 */
/* //////// */
.review-elipse-container {
background: #ebeaea;
padding: 5px 5px 5px 5px;
width: 160px;
border-radius: 70px;
transition: 0.2s all;
box-shadow: 2px 0px 3px 0px #e7e7e7;
}
.review-elipse-container:hover {
transform: scale(1.05)
}
.review-elipse-container .review-elipse-icon {
object-fit: contain;
height: 45px;
width: 45px !important;
padding-top: 0;
padding-left: 0;
}
.review-elipse-container .left-circle {
background: green;
border-radius: 50%;
height: 45px;
width: 45px;
}
.review-elipse-container .stars {
position: absolute;
top: 7px;
left: 58px;
}
.review-elipse-container .stars i {
font-size: 12px;
margin-left: -2px;
color: white;
}
.review-elipse-container .review-count {
position: absolute;
left: 54px;
top: 27px;
font-family: 'Open Sans';
font-weight: 100;
font-size: 15px;
color: white;
}
@media screen and (max-width: 500px) {
}
/* //////////// */
/* END BRANDS 2 */
/* //////////// */
/* ////////////////// */
/* END SERVICE AREA 1 */
/* ////////////////// */
/* ////////////////// */
/* END SERVICE AREA 1 */
/* ////////////////// */
/* //////////// */
/* SERVICE AREA 2 */
/* ////////////// */
.service-area-2 iframe {
border-radius: 0 10px 0 0;
}
.service-area-2 .map-text-container i {
vertical-align: middle;
}
.service-area-section, .map-frame {
min-height: 480px;
padding-bottom: 50px;
padding-top: 20px;
}
.map-frame {
width: 100%;
position: relative;
}
.map-content {
z-index: 10;
position: absolute;
top: 10px;
left: 10px;
width: 450px;
height: auto;
background-color: #f7f7f7;
border: 3px solid white;
color: #505050;
padding: 10px 10px 14px 10px;
box-shadow: 3px 5px 8px 0px #5d5d5d54;
}
.map-logo {
max-width: 100px;
margin-right: 10px;
vertical-align: text-top;
}
.map-text-container {
margin-top: 10px;
display: inline-grid;
}
.map-title {
font-size: 23px;
font-weight: 700;
margin-bottom: -5px;
}
.map-subtitle {
font-size: 20px;
margin-bottom: -2px;
}
.map-phone {
font-size: 22px;
}
.row.map-and-cities-section {
width: 100%;
}
@media screen and (max-width: 1020px) {
.map-content {
width:100%
}
.map-title {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
.service-area-2 {
width: 100%;
height: auto;
padding-top: 0;
}
.service-area-2 .row.map-and-cities-section {
width: unset;
}
.service-area-2 iframe {
border-radius: 0 !important;
}
.service-area-2 .map-text-content {
display: block;
}
.service-area-2 h2 {
padding-top: 35px;
font-size: 20px;
}
.service-area-2 p {
text-align: center !important;
}
.map-content {
width: 450px;
}
.map-frame {
height: auto;
min-height: 350px !important;
padding-bottom: 10px;
width: 100%;
}
.map-and-cities-section {
padding-bottom: 0px;
}
.service-area-2 mark {
top: 10px !important;
position: relative;
}
}
@media screen and (max-width: 500px) {
.map-content {
left: -14px;
}
.map-logo {
width: 40px;
margin-top: 16px
}
.service-area-section, .map-frame {
padding-bottom: 0;
height: auto;
/* width: 110%; */
padding-bottom: 50px;
}
}
/* /////////////// */
/* END SERVICE AREA */
/* ///////////////// */
/* /////////////////// */
/* TEXT TESTIMONIALS 2 */
/* /////////////////// */
.testimonials-2 .item {
height: 213px;
margin-top: 50%;
transform: translate(0, -60%);
}
.testimonials-2 .item .card-body {
padding-right: 7px !important;
padding: 30px 15px 10px 30px !important;
}
.testimonials-2 .item .item-testimonial-body {
overflow-y: auto!important;
height: 177px!important;
scrollbar-width: thin;
padding-right: 18px;
font-size: 16px;
}
.testimonials-2 .item .item-testimonial-body::-webkit-scrollbar {
width: 4px!important;
}
.testimonials-2 .item .item-testimonial-body::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px!important;
border-radius: 10px!important;
background: #ccc!important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5)!important;
}
.testimonials-2 .item .item-testimonial-body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)!important;
-webkit-border-radius: 4px!important;
border-radius: 4px!important;
}
.testimonials-2 .testimonial-img {
max-width: 40px;
}
.testimonials-2 svg {
position: absolute;
bottom: 10px;
right: 10px;
}
@media screen and (max-width: 768px) {
.testimonials-2 .blockquote-details .info {
margin-left: -2px;
}
.testimonials-2 .blockquote-details {
display: inline-flex;
}
.testimonials-2 .btn {
margin: 0 auto;
display: block;
margin-top: 40px;
}
.testimonials-2 h2 {
text-align: center;
margin-top: 0 !important;
}
}
@media screen and (max-width: 500px) {
.testimonials-2 .container {
padding-bottom: 60px !important;
}
.testimonials-2 blockquote p {
font-size: 18px !important;
}
.testimonials-2 .blockquote-details {
margin-top: -70px
}
.testimonials-2 .video-highlight-container .blockquote-details {
margin-top: 10px !important;
; }
.testimonials-2 hl {
font-size: 18px !important;
}
.testimonials-2 .card-body {
padding-left: 7px;
padding-right: 7px;
padding-bottom: 25px;
overflow: visible;
height: 290px;
}
}
/* /////////////////////// */
/* END TEXT TESTIMONIALS 2 */
/* /////////////////////// */
/* ///////////////// */
/* VIDEO HIGHLIGHT 1 */
/* ///////////////// */
/* ///////////////////// */
/* END VIDEO HIGHLIGHT 1 */
/* ///////////////////// */
/* ///// */
/* CTA 1 */
/* ///// */
.cta-1 {
position: relative;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.cta-1.image-wrapper.bg-cover {
background-size: cover;
background-position: center left;
background-repeat: no-repeat;
background-attachment: scroll !important
}
.cta-1.image-wrapper.bg-overlay:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background: rgb(244 67 54 / 93%) !important;
background: rgb(30 34 40 / 92%) !important;
background: linear-gradient(146deg,rgb(244 67 54 / 93%),rgb(244 139 54 / 93%), rgb(244 67 54 / 81%), #00000000)!important;
}
@media screen and (max-width: 768px) {
.cta-1 {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.cta-1 .container {
padding-top: 40px !important;
padding-bottom: 100px !important;
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media screen and (max-width: 600px) {
.cta-1 .text-line.text-white:before {
background: white !important;
}
.cta-1 .display-4 {
font-size: 20px;
}
.cta-1 .py-18 {
}
}
/* ///////// */
/* END CTA 1 */
/* ///////// */
/* ///// */
/* CTA 2 */
/* ///// */
@media screen and (max-width: 500px) {
.cta-2 .btn {
display: block !important;
}
}
/* ///////// */
/* END CTA 2 */
/* ///////// */
/* ///// */
/* CTA 3 */
/* ///// */
.cta-3 .card, .cta-3 .card-body {
height: 340px;
}
.cta-3 .image-wrapper.bg-cover {
object-fit: cover;
height: 100%;
z-index: 1;
background-position: center;
}
.cta-3 .image-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right,#0f0f0f26, #0f0f0f26, #0f0f0f26,#ffffff)!important;
}
.cta-3 .card .row {
height: 100%;
}
.cta-3-content {
position: relative;
text-align: center;
padding-left: 60px;
padding-right: 60px;
}
.cta-3 .card {
box-shadow: 2px 2px 8px #bbbbbb !important;
}
.cta-3-watermark {
max-width: 200px;
width: 200px;
}
.cta-3 h2 {
line-height: 1
}
@media screen and (max-width: 600px) {
.cta-3 {
padding-bottom: 0px !important;
}
.cta-3 .image-wrapper.bg-cover {
max-height: 120px !important;
height: 120px !important;
min-height: unset;
}
.cta-3 .container {
padding-top: 50px !important;
}
.cta-3-content {
height: auto;
padding-left: 15px;
padding-right: 15px;
padding-top: 0px;
padding-bottom: 20px;
}
.cta-3 .card, .cta-3 .card-body {
height: auto;
}
.cta-3 .lead {
margin-bottom: 10px !important;
}
.cta-3 .image-wrapper:before {
display: none;
}
}
/* ///////// */
/* END CTA 3 */
/* ///////// */
/* //////////////////// */
/* COVER SECTION GENERAL */
/* ///////////////////// */
.border-bottom-left-radius {
border-bottom-left-radius: 99px;
}
.border-bottom-right-radius {
border-bottom-right-radius: 99px;
}
/* ////////////// */
/* COVER SECTION 1 */
/* /////////////// */
.cover-section-1 .image-wrapper.bg-cover {
height: 100% !important;
}
.cover-section-1 .pe-md-10 {
padding-right: 0 !important;
}
@media screen and (max-width: 1200px) {
.cover-section-1 .image-wrapper.bg-cover {
height: inherit !important;
}
}
/* /////////////////// */
/* END COVER SECTION 1 */
/* /////////////////// */
/* ////////////// */
/* COVER SECTION 1b */
/* /////////////// */
.cover-section-1b .btn-section a {
font-size: 20px !important;
}
.cover-section-1 .image-wrapper.bg-cover {
height: 100% !important;
}
.cover-section-1 .pe-md-10 {
padding-right: 0 !important;
}
@media screen and (max-width: 1400px) {
.cover-section-1b .btn-section a {
font-size: 15px !important;
}
.cover-section-1b .display-1 {
font-size: 35px;
}
}
@media screen and (max-width: 768px) {
.cover-section-1b .text-lg-start {
padding-left: 5px !important;
padding-right: 5px !important;
}
.cover-section-1b .btn-section {
display: block !important;
}
.cover-section-1b .btn-section a {
display: block !important;
margin-top: 15px;
width: 100%;
font-size: 20px !important;
}
}
@media screen and (max-width: 300px) {
.cover-section-1b .btn-section a {
font-size: 13px !important;
}
}
/* /////////////////// */
/* END COVER SECTION 1b */
/* /////////////////// */
/* /////////////// */
/* COVER SECTION 2 */
/* /////////////// */
.cover-2-img {
margin-top: -30%;
}
.wrapper.angled:after, .wrapper.angled:before.wrapper.angled:after, .wrapper.angled:before {
display: none !important;
}
.cover-section-2 {
height: 62vh;
min-height: 700px;
}
@media screen and (max-width: 1400px) {
.cover-section-2 {
min-height:600px;
height: 60vh
}
}
@media screen and (max-width: 992px) {
.cover-section-2 .center-abs {
position: relative;
top: unset;
left: unset;
transform: unset;
}
.cover-section-2 .btn-primary {
margin-top: 20px
}
.cover-section-2 .pe-md-18, .cover-section-2 .col-lg-6 {
padding: 0 !important;
margin: 0 !important;
}
.cover-section-2 {
min-height: 900px;
height: 60vh
}
.cover-2-img {
margin-top: 50px;
}
}
@media screen and (max-width: 768px) {
.cover-section-2 {
padding-top: 30px;
min-height: 750px;
}
.cover-2-img img {
margin-top: 50px !important;
}
}
@media screen and (max-width: 600px) {
.cover-section-2, .cover-section-2 p {
text-align: left !important
}
}
@media screen and (max-width: 500px) {
.cover-section-2 {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 450px) {
.cover-section-2 h1 {
font-size: 25px;
}
.cover-section-2 .cover-2-img img {
min-width: 384px
}
}
/* /////////////////// */
/* END COVER SECTION 2 */
/* /////////////////// */
.cover-section-2.wrapper.bg-dark.angled.lower-start:after, .wrapper.bg-dark.angled.upper-start:before {
display: none !important;
}
/* ///////// */
/* VAN IMAGE */
/* ///////// */
.van-img {
position: absolute;
max-width: 340px;
top: -119px;
left: 40%;
/* transform: translate(-60%, 0); */
}
/* ///////////// */
/* END VAN IMAGE */
/* ///////////// */
/* ////// */
/* TABS 1 */
/* ////// */
.nav-tabs.flex-column.nav-tabs-bg .nav-item {
max-width: 400px;
}
.tabs-1.bg-dark h4 {
color: #bfbfbf
}
.tabs-1.bg-dark a.active h4 {
color: #343f52
}
@media screen and (max-width: 768px) {
.tabs-1 .nav-link {
padding-top:10px !important;
padding-bottom: 10px !important;
}
.tabs-1 ul {
margin-top: 30px
}
}
/* ////////// */
/* END TABS 1 */
/* ////////// */
/* /////////////// */
/* COVER SECTION 3*/
/* /////////////// */
.home-section {
min-height: 690px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
opacity: 0.99;
background-size: cover;
background-position: center;
width: 100%;
margin-top: 0;
min-height: 581px;
overflow: hidden;
height: 64vh;
}
.cover-section-3 {
}
.cover-section-3:before {
background-image: linear-gradient( to right, rgb(0 0 0 / 84%), rgb(0 0 0 / 52%), transparent );
}
.cover-section-3 .title {
font-size: 52px;
}
.home-section:before {
z-index: -100;
opacity: 1;
/* background: linear-gradient( to right, rgb(0 0 0 / 90%), rgb(0 0 0 / 80%), transparent ), url(/assets/img/bg/home.webp); */
}
.home-section:after {
z-index: -101;
}
.home-section:before, .home-section:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
/* background-color: #ffffff; */
transition: none;
background-position: right;
background-repeat: no-repeat;
background-size: cover;
}
.home-section .title {
color: white;
line-height: 1.1;
max-width: 750px;
font-weight: 600;
margin-bottom: 40px;
}
.home-section .content-area {
width: 730px;
}
.big-btn {
height: 68px;
border-radius: 50px;
min-width: 290px;
display: -ms-flexbox;
display: flex;
height: 60px;
border-radius: 50px;
background-color: #8affc7;
text-align: center;
border: none;
}
.big-btn label {
height: 60px;
border-radius: 50px;
color: #ffffff;
font-size: 22px;
font-weight: 700;
letter-spacing: .69px;
line-height: 24px;
text-align: center;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
height: 52px;
}
button label {
-ms-flex: 1 1;
flex: 1 1;
text-align: center;
cursor: pointer;
font-size: 16px;
margin-bottom: 0 !important;
letter-spacing: .5px;
padding: 30px 30px;
text-transform: none;
-webkit-transition: background-color .2s ease-in-out,color .2s ease-in-out;
-o-transition: background-color .2s ease-in-out,color .2s ease-in-out;
transition: background-color .2s ease-in-out,color .2s ease-in-out;
}
.featured-container {
color: white;
margin-top: 20px;
vertical-align: middle;
}
.featured-text {
vertical-align: middle;
text-align: right;
}
.featured-img {
width: 100px;
vertical-align: middle;
}
@media screen and (min-width: 1999px) {
.cover-section-3 {
height: 55vh;
}
}
@media screen and (max-width: 1500px) {
.home-section .content-area {
left: 30px;
transform: none;
top: 160px;
}
}
@media screen and (max-width: 992px) {
.home-section .content-area {
top: 50% !important;
left: 50px;
transform: translate(0, -50%);
}
}
@media screen and (max-width: 768px) {
.home-section .content-area {
width: 400px;
display: block;
margin: 0 auto;
left: auto;
position: relative;
top: 40px;
transform: unset;
}
.big-btn {
margin: 0 auto;
}
.home-section .title {
font-size: 43px;
text-align: center;
}
.featured-text {
text-align: center !important;
}
.footer-cover-3 .content-area {
top: 50%;
transform: translate(0, -50%)
}
}
.home-section {
height: 590px;
}
@media screen and (max-width: 600px) {
.cover-section-3:before {
background-image: linear-gradient( to bottom, rgb(0 0 0 / 84%), rgb(0 0 0 / 79%), black );
}
.featured-img {
width: 70px;
}
.featured-container {
width: 70%;
margin: 0 auto;
margin-top: 30px;
}
.footer-cover-3 {
height: 500px !important
}
}
@media screen and (max-width: 450px) {
.home-section {
height: 570px;
min-height: unset;
}
.home-section .content-area {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.home-section .title {
font-size: 29px;
text-align: center;
width: 100% !important;
max-width: 100% !important;
}
}
/* /////////////////// */
/* END COVER SECTION 3*/
/* /////////////////// */
/* /////////////// */
/* COVER SECTION 4 */
/* /////////////// */
.cover-section-4 {
min-height: 740px;
height: 97vh;
background-image: url("/assets/img/bg/home.webp") !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.cover-section-4 .center-abs {
top: 55%;
padding-bottom: 10px !important;
}
.cover-section-4 h3 {
font-size: 38px !important;
}
.cover-section-4:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background: linear-gradient(163deg, #666565, #000000ab, #000000b0, #00000073, #00000000) !important; */
background: linear-gradient(208deg, #080808ab, #000000cf, #000000cf, #000000cf) !important;
}
.cover-section-4 .icon-list.bullet-bg li {
font-size: 22px;
}
.cover-bullet-reviews span {
margin-top: -10px !important;
display: inline-block;
}
.cover-section-4 .sub-title {
font-size: 20px;
font-weight: 300;
}
.cover-section-phone-btn {
font-size: 27px;
padding-top: 5px;
padding-bottom: 5px;
}
.cta-phone-button a {
font-size: 26px;
}
.cover-section-4 .fas.Fa-star {
position: relative !important;
display: flex;
font-size: 25px !important;
vertical-align: top !important;
display: inline-flex;
background-color: transparent !important;
background: transparent !important;
align-items: center;
margin-right: -1px;
align-content: center;
color: yellow !important;
vertical-align: baseline !important;
}
@media screen and (max-width: 768px) {
.cover-section-4 .fas.Fa-star {
font-size: 28px !important;
}
}
@media screen and (max-width: 600px) {
.cta-phone-button a {
font-size: 22px;
}
}
@media screen and (max-width: 500px) {
.cover-section-4 h3 {
font-size: 22px !important;
}
}
@media screen and (max-width: 400px) {
.form-4 [type=submit] {
font-size: 18px;
}
}
/* PROMO */
.cover-section-4 .promo-main-container {
width: 100%;
white-space: unset;
position: relative;
display: block;
line-height: 1;
text-align: left;
left: 65%;
transform: translate(-50%, 0);
height: 60px;
margin-top: 9px;
margin-bottom: 20px;
}
.cover-section-4 .promo-container {
position: absolute;
display: block;
width: 100%;
text-align: center;
height: 70px;
left: 0px;
}
.cover-section-4 .promo-number {
font-size: 94px;
font-weight: 900 !important;
position: absolute;
display: block;
left: -25px;
top: -16px;
background-image: url("/assets/img/effects/flame.png?dl=0");
-webkit-background-clip: text;
filter: hue-rotate(164deg);
filter: drop-shadow(3px 4px 5px darkgrey);
-webkit-text-fill-color: transparent;
background-position-x: 820px !important;
animation: fire 11s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite;
}
.cover-section-4 .promo-filter {
filter: hue-rotate(359deg);
}
@keyframes fire {
0% {
background-position: 0% -50%;
}
100% {
background-position: 0% -25%;
}
}
.cover-section-4 .promo-percentage {
position: absolute;
top: 5px;
font-size: 33px;
left: 95px;
}
.cover-section-4 .promo-off {
position: absolute;
display: block;
top: 35px;
text-align: center;
left: 79px;
font-size: 30px;
}
.cover-section-4 .promo-text {
position: absolute;
left: 161px;
top: 9%;
font-size: 27px;
font-weight: 500;
width: 230px;
white-space: unset;
letter-spacing: 1.6px;
}
/* END PROMO */
@media screen and (max-width: 2600px) {
.cover-section-4 {
min-height: 900px;
height: 85vh;
}
}
@media screen and (max-width: 1400px) {
.cover-section-4 {
min-height: 900px;
}
.cover-section-4 .promo-main-container {
left: 57%;
}
}
@media screen and (max-width: 1200px) {
.cover-section-4 {
min-height: 910px;
}
.cover-section-4 h2 mark {
font-size: 43px;
}
.cover-section-4 .promo-main-container {
left: 200px;
}
.cover-section-4 .promo-number {
font-size: 83px;
}
.cover-section-4 .promo-percentage {
font-size: 25px;
left: 80px;
}
.cover-section-4 .promo-off {
font-size: 25px;
left: 65px;
top: 30px;
}
.cover-section-4 .promo-text {
font-size: 18px;
left: 130px;
top: 10px;
}
.cover-section-4 .promo-text {
white-space: normal;
max-width: 180px;
left: 85px !important;
top: -3px !important;
}
}
@media screen and (max-width: 992px) {
.cover-section-3:before {
background-image: linear-gradient( to right, rgb(0 0 0 / 70%), rgb(0 0 0 / 70%), #0000008c );
}
.cover-section-4 {
min-height: 602px;
height: 570px;
}
.cover-section-4 .promo-main-container {
left: 80% !important;
}
}
@media screen and (max-width: 768px) {
.cover-section-4:before {
background: linear-gradient(163deg,#404040,#000000ab, #000000cf, #000000bd)!important;
}
.cover-section-4 .icon-list.bullet-bg li {
font-size: 19px;
}
.cover-section-4 h2 mark {
font-size: 30px;
}
.cover-section-4 h2 mark {
margin-bottom: 60px !important;
line-height: 2;
display: block;
font-size: 43px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 20px !important;
margin: 0 auto;
}
.cover-section-4 .promo-main-container {
left: 70%;
}
.cover-section-phone-btn {
display: block;
text-align: center;
font-size: 25px;
}
}
@media screen and (max-width: 600px) {
.cover-section-4:before {
background: linear-gradient(163deg,#000000db,#000000d9, #00000091, #000000c2)!important;
}
.cover-section-4 h2 {
font-size: 34px !important;
}
.cover-section-4 .icon-list.bullet-bg li {
font-size: 15px;
}
.cover-section-4 h2 mark {
font-size: 50px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 1;
}
.cover-section-4 .icon-list.bullet-bg li span {
display: table-cell;
}
.cover-bullet-reviews span {
font-size: 17px !important;
white-space: nowrap !important;
}
.cover-section-4 .fas.Fa-star {
font-size: 15px !important;
padding-top: 10px !important;
padding-right: 7px !important;
}
.cover-bullet-reviews {
padding-bottom: 0px !important;
}
.cover-section-4 .sub-title {
font-size: 15px
}
}
@media screen and (max-width: 500px) {
.cover-section-4 .promo-main-container {
left: 71% !important;
}
.cover-section-4 h2 {
font-size: 29px !important;
}
}
@media screen and (max-width: 450px) {
.cover-section-4 .mark-lg {
font-size: 37px;
margin-bottom: 10px !important;
}
.cover-section-4 .promo-main-container {
left: 60%;
}
}
@media screen and (max-width: 410px) {
.cover-section-4 .promo-main-container {
left:55%;
}
.cover-section-phone-btn {
font-size: 20px;
}
}
@media screen and (max-width: 400px) {
.cover-section-4 .promo-text {
left: 100px !important;
top: 12px !important;
font-size: 18px !important;
}
.cover-section-4 .promo-number {
left: -13px;
top: -12px;
}
.cover-section-4 .promo-percentage {
left: 115px;
}
.cover-section-4 .promo-off {
left: 99px;
}
}
@media screen and (max-width: 370px) {
.cover-section-4 .promo-main-container {
left:48%;
}
}
@media screen and (max-width: 350px) {
.cover-section-4 .promo-main-container {
left:51%;
}
.cover-section-4 .promo-number {
font-size: 50px;
left: 5px;
top: 4px;
}
.cover-section-4 .promo-percentage {
font-size: 20px;
left: -20px !important;
top: 3px !important;
}
.cover-section-4 .promo-off {
font-size: 20px;
left: 55px;
top: 25px;
}
.cover-section-4 .promo-text {
font-size: 20px;
left: 74px !important;
top: 11px !important;
}
}
/* //////////////////// */
/* END COVER SECTION 4 */
/* /////////////////// */
/* ///////////////// */
/* COVER SECTION 4b */
/* //////////////// */
.cover-section-4b .mark {
white-space: nowrap;
}
/*
.ma-headline {
position: relative;
}
.ma-headline svg {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 50px;
transform: translate(-50%,-50%);
overflow: visible;
}
.ma-headline svg path {
stroke: red;
stroke-width: 9;
fill: none;
opacity: 0;
stroke-dasharray: 0 1500;
transition: .3s
}
.ma-headline svg path {
animation: elementor-headline-dash forwards;
animation-duration: 1s;
animation-iteration-count: 1
}
.ma-headline svg path:nth-of-type(2) {
animation-delay: 1s
}
svg path {
opacity: 1;
stroke-dasharray: 1500 1500;
animation: hide-highlight .4s forwards;
animation-iteration-count: 1
}
@keyframes elementor-headline-dash {
0% {
stroke-dasharray: 0 1500;
opacity: 1
}
to {
stroke-dasharray: 1500 1500;
opacity: 1
}
}
@keyframes hide-highlight {
0% {
opacity: 1;
stroke-dasharray: 1500 1500
}
to {
opacity: 0;
filter: blur(10px)
}
} */
.cover-section-4b .promo-big {
font-size: 40px;
letter-spacing: -1px;
}
@media screen and (max-width: 2600px) {
.cover-section-4b {
min-height: 890px;
height: 70vh;
}
}
@media screen and (max-width: 1400px) {
.cover-section-4b {
min-height: 1020px;
}
}
@media screen and (max-width: 1200px) {
.cover-section-4b {
min-height: 950px;
}
.cover-section-4b .center-abs {
top: 51%;
}
.cover-section-4b .center-abs h1 {
font-size: 45px !important;
}
}
@media screen and (max-width: 992px) {
.cover-section-4b {
min-height: 780px;
}
}
@media screen and (max-width: 768px) {
.cover-section-4b {
min-height: 810px !important;
}
}
@media screen and (max-width: 700px) {
.cover-section-4b h2, .cover-section-4b span {
font-size: 40px !important;
}
.cover-section-4b .cover-bullet-reviews span {
font-size: 20px !important;
}
}
@media screen and (max-width: 600px) {
.cover-section-4b {
min-height: 740px !important
}
.cover-section-4b .center-abs h1 {
font-size: 37px !important;
}
}
@media screen and (max-width: 530px) {
.cover-section-4b {
min-height: 800px !important
}
}
@media screen and (max-width: 500px) {
.cover-section-4b .pr--60 {
margin-top: 110px;
}
.cover-section-4b {
min-height: 850px !important;
}
}
@media screen and (max-width: 400px) {
.cover-section-4b {
min-height: 900px !important;
}
}
@media screen and (max-width: 300px) {
.cover-section-4b {
min-height: 1100px !important;
}
}
@media screen and (max-width: 250px) {
.cover-section-4b {
min-height: 1200px !important;
}
}
/* ///////////////////// */
/* END COVER SECTION 4b */
/* //////////////////// */
/* ////// */
/* FORM 4b */
/* ////// */
.cover-section-4b .form-4 h3 {
margin-bottom: 0;
}
.cover-section-4b .form-description {
font-size: 19px;
line-height: 1.4;
}
.cover-section-4b .open-light {
margin-bottom: -2px !important;
margin-right: 10px;
width: 15px !important;
height: 15px !important;
min-width: unset !important;
min-height: unset !important;
left: 10px;
}
.cover-section-4b .pulse-green:before {
top: -8px;
left: -7.6px;
margin-left: 0;
}
@media screen and (max-width: 600px) {
.cover-section-4b .form-description {
font-size: 15px;
}
}
/* /////////// */
/* END FORM 4b */
/* /////////// */
@media screen and (max-width: 600px) {
.cover-section-4b-title {
font-size: 30px !important;
margin-top: 0;
}
.cover-section-4b-sub-title {
font-size: 15px !important;
}
}
/* /////////////// */
/* COVER SECTION 5 */
/* /////////////// */
.hero-wrap {
width: 100%;
height: 850px;
position: inherit;
background-size: cover;
background-repeat: no-repeat;
/* background-position: top center; */
}
.hero-wrap .text {
padding: 25px;
/* background: linear-gradient(to bottom, #ffffff2b, #ffffff45, transparent); */
border-radius: 5px;
}
.hero-wrap .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
z-index: 0;
opacity: 1;
background: #fff;
background: white;
background: -moz-linear-gradient(top, white 0%, white 3%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(3%, white), color-stop(54%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(top, white 0%, white 3%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(top, white 0%, white 3%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(top, white 0%, white 3%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(3%, white), color-stop(54%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(to bottom, white 0%, white 3%, rgb(255 255 255 / 48%) 54%, rgb(255 255 255 / 0%) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
height: 850px;
}
.hero-wrap .container {
z-index: 99;
position: relative;
}
.hero-wrap.hero-wrap-2 {
height: 700px !important;
position: relative;
}
.hero-wrap.hero-wrap-2 .overlay {
width: 100%;
opacity: .05;
height: 700px;
}
.hero-wrap.hero-wrap-2 .slider-text {
height: 700px !important;
}
.ftco-degree-bg {
position: relative;
}
.ftco-degree-bg:after {
content: '';
position: absolute;
right: 0;
bottom: -6%;
overflow: visible;
width: 50%;
height: 14%;
z-index: 1;
-webkit-transform: skewY(-4deg);
-moz-transform: skewY(-4deg);
-ms-transform: skewY(-4deg);
-o-transform: skewY(-4deg);
transform: skewY(-4deg);
background-color: #fff;
}
.ftco-degree-bg:before {
content: '';
position: absolute;
left: 0;
bottom: -6%;
overflow: visible;
width: 50%;
height: 14%;
z-index: 1;
-webkit-transform: skewY(4deg);
-moz-transform: skewY(4deg);
-ms-transform: skewY(4deg);
-o-transform: skewY(4deg);
transform: skewY(4deg);
background-color: #fff;
}
.slider-text {
height: 850px;
z-index: 201;
/* position: relative; */
}
.slider-text h1 {
font-size: 60px;
color: #000000;
line-height: 1.1;
font-weight: 400;
}
.slider-text h1 span {
}
.slider-text .icon-wrap .icon {
width: 70px;
height: 70px;
background: #cea048;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.slider-text .icon-wrap .icon span {
color: #fff;
}
.slider-text .icon-wrap .heading-title {
position: relative;
}
.slider-text .icon-wrap .heading-title:after {
position: absolute;
top: 50%;
left: -40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
width: 30px;
height: 2px;
background: #fff;
}
.slider-text .icon-wrap .heading-title span {
font-family: "Nunito Sans", Arial, sans-serif;
color: #fff;
}
.slider-text p {
line-height: 1.5;
color: rgba(0, 0, 0, 1);
}
.slider-text .breadcrumbs {
font-size: 14px;
margin-bottom: 20px;
z-index: 99;
text-transform: uppercase;
font-weight: 500;
}
.slider-text .breadcrumbs span {
color: rgba(0, 0, 0, 0.7);
}
.slider-text .breadcrumbs span i {
color: rgba(0, 0, 0, 0.5);
font-size: 13px;
}
.slider-text .breadcrumbs span a {
color: rgba(0, 0, 0, 0.7);
}
.slider-text .breadcrumbs span a:hover, .slider-text .breadcrumbs span a:focus {
color: #cea048;
}
.slider-text .breadcrumbs span a:hover i, .slider-text .breadcrumbs span a:focus i {
color: #cea048;
}
.slider-text .bread {
font-weight: 400 !important;
position: relative;
}
.mouse {
position: absolute;
left: 0;
right: 0;
bottom: -20px;
z-index: 2;
}
.mouse-icon {
width: 80px;
height: 80px;
border: 1px solid #cea048;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background: #cea048;
cursor: pointer;
position: relative;
text-align: center;
margin: 0 auto;
display: block;
}
.mouse-wheel {
height: 80px;
margin: 2px auto 0;
display: block;
width: 30px;
background: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-animation: 1.6s ease infinite wheel-up-down;
-moz-animation: 1.6s ease infinite wheel-up-down;
animation: 1.6s ease infinite wheel-up-down;
color: #fff;
font-size: 24px;
}
@-webkit-keyframes wheel-up-down {
100% {
margin-top: 34px;
opacity: 1;
}
30% {
opacity: 1;
}
0% {
margin-top: 2px;
opacity: 0;
}
}
@-moz-keyframes wheel-up-down {
100% {
margin-top: 34px;
opacity: 1;
}
30% {
opacity: 1;
}
0% {
margin-top: 2px;
opacity: 0;
}
}
@keyframes wheel-up-down {
100% {
margin-top: 34px;
opacity: 1;
}
30% {
opacity: 1;
}
0% {
margin-top: 2px;
opacity: 0;
}
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(232, 110, 208, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 30px rgba(232, 110, 208, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(232, 110, 208, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(232, 110, 208, 0.4);
-webkit-box-shadow: 0 0 0 0 rgba(232, 110, 208, 0.4);
box-shadow: 0 0 0 0 rgba(232, 110, 208, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 30px rgba(232, 110, 208, 0);
-webkit-box-shadow: 0 0 0 30px rgba(232, 110, 208, 0);
box-shadow: 0 0 0 30px rgba(232, 110, 208, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(232, 110, 208, 0);
-webkit-box-shadow: 0 0 0 0 rgba(232, 110, 208, 0);
box-shadow: 0 0 0 0 rgba(232, 110, 208, 0);
}
}
.pulse-green {
border-radius: 50%;
margin: 0 auto;
position: relative;
}
.pulse-green:before {
content: "";
border: 15px solid rgba(42, 201, 14,0.5);
border-radius: 50%;
height: 150%;
width: 150%;
position: absolute;
animation: pulsate 1.6s ease-out;
animation-iteration-count: infinite;
opacity: 0.0;
z-index: 1;
top: -15px;
left: -14px;
}
.phone-circle i {
color: white;
align-items: center;
display: flex;
top: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
font-size: 25px;
}
@keyframes pulsate {
0% {
transform: scale(0.6, 0.6);
opacity: 0.0;
}
50% {
opacity: 1.0;
}
100% {
transform: scale(1, 1);
opacity: 0.0;
}
}
@media screen and (max-width: 768px) {
.slider-text h1 {
font-size: 36px;
}
.hero-wrap .container {
/* margin-top: 60px; */
}
.hero-wrap, .hero-wrap .overlay, .slider-text {
height: 100%;
}
.hero-wrap {
padding-top: 70px;
height: 430px;
padding-bottom: 70px;
background-position: unset !important;
}
.hero-wrap .overlay:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(to bottom, #ffffff61 0%, #ffffff5e 3%, rgb(255 255 255 / 60%) 54%, rgb(255 255 255 / 0%) 100%) !important;
}
.hero-wrap .overlay {
opacity: 1;
}
}
/* /////////////////// */
/* END COVER SECTION 5 */
/* /////////////////// */
/* /////////////// */
/* COVER SECTION 6 */
/* /////////////// */
.cover-section-6 {
padding-top: 110px;
margin: 0 auto;
display: block;
}
.home-section.cover-section-6 .content-area {
width: 100%;
}
.home-section.cover-section-6 .content-area .title {
max-width: 1020px;
text-align: center;
margin: 0 auto;
display: block;
}
.home-section.cover-section-6 .content-area h3 {
font-size: 19px !important;
margin-bottom: 20px !important;
}
.home-section.cover-section-6 .content-area a button {
text-align: center;
margin: 0 auto;
display: block;
margin-top: 40px;
}
.home-section.cover-section-6:before {
background: linear-gradient( to bottom, rgb(0 0 0 / 74%), rgb(0 0 0 / 75%), transparent ), url(/assets/img/bg/home.webp);
background-size: cover;
background-position: center center;
}
.cover-section-6 .featured-container img {
width: 200px;
max-width: 200px !important;
}
.home-section.cover-section-6 h2 {
margin-top: 12px;
font-size: 20px;
width: 700px;
font-weight: 300;
margin-top: 20px !important;
margin-bottom: 60px !important;
}
.cover-section-6 .cover-section-btn label {
font-size: 31px !important;
}
.cover-section-6 .featured-container {
max-width: 1000px;
margin: 0 auto;
}
/* Responsive */
@media screen and (max-width: 1920px) {
.home-section.cover-section-6 .content-area {
transform: translate(-50%, -45%);
}
.home-section.cover-section-6 {
height: 74vh;
}
}
@media screen and (max-width: 1500px) {
.home-section.cover-section-6 .content-area {
top: inherit;
left: inherit;
transform: inherit;
}
}
@media screen and (max-width: 992px) {
.cover-section-6 .featured-container {
width: 500px !important;
}
.home-section.cover-section-6 {
min-height: 850px
}
}
@media screen and (max-width: 768px) {
.cover-section-6 .btn {
margin: 0 auto !important;
display: block !important;
width: 100% !important;
}
.home-section.cover-section-6 .content-area .title {
max-width: 78%;
}
.home-section.cover-section-6 .content-area h2 {
line-height: 1.4
}
.home-section.cover-section-6 .content-area .lg-2 {
font-size: 40px;
}
.cover-section-6 .featured-container img {
width: 150px;
max-width: 200px !important;
}
.home-section.cover-section-6 {
min-height: 757px
}
}
@media screen and (max-width: 768px) {
.home-section.cover-section-6 {
min-height: 819px;
}
.cover-section-6 .featured-container {
width: 450px !important;
}
.home-section.cover-section-6 {
border-bottom-left-radius: initial;
}
}
@media screen and (max-width: 500px) {
.home-section.cover-section-6 .content-area .title {
max-width: 93%;
}
.home-section.cover-section-6 .content-area .lg-2 {
font-size: 32px;
}
.home-section.cover-section-6 {
padding-top: 70px;
}
.cover-section-6 .featured-container img {
width: 150px;
max-width: 120px !important;
}
.cover-section-6 .featured-container {
width: 100% !important;
margin-bottom: 60px !important;
}
.home-section.cover-section-6 .content-area .title {
margin-bottom: 20px !important;
}
.home-section.cover-section-6 {
min-height: 751px;
}
}
/* /////////////////// */
/* END COVER SECTION 6 */
/* /////////////////// */
/* /////////////// */
/* COVER SECTION 7 */
/* /////////////// */
.cover-section-7 {
background: white !important;
height: 630px;
}
.cover-section-7:before {
background: none;
}
.cover-section-7 .bg-rectangle {
background: rgb(224, 235, 237);
position: relative;
height: 540px;
width: 68%;
z-index: -1;
}
.cover-section-7-slider {
position: absolute;
width: 720px;
height: 490px;
top: 20px;
right: -470px;
}
.cover-section-7-slider.owl-carousel .owl-item img {
object-fit: cover !important;
width: auto;
height: 100%;
}
.cover-section-7 .content-area h1 {
font-size: 60px;
line-height: 1;
margin-bottom: 30px;
color: rgb(28, 33, 31);
}
.cover-section-7 .content-area p {
font-size: 22px;
line-height: 1.5;
color: rgb(28, 33, 31);
}
.cover-section-7 .content-area {
position: absolute;
top: 0;
width: 500px;
left: 60%;
}
.cover-section-7 .content-area-text {
width: 100%;
margin-left: -360px;
padding-top: 70px !important;
}
.cover-section-7 button {
display: inline-block;
border: none;
padding: 16.5px 33px;
border-radius: 100px;
font-weight: bold;
text-align: center;
user-select: none;
vertical-align: middle;
line-height: 1.5;
font-size: 1rem;
min-width: 150px;
background: rgb(27, 34, 43);
color: rgb(255, 255, 255);
white-space: nowrap;
}
@media screen and (max-width: 1500px) {
.cover-section-7-slider {
right: -370px
}
}
@media screen and (max-width: 992px) {
.cover-section-7-slider {
right: -390px
}
.cover-section-7 .content-area-text {
width: 100%;
margin-left: -60%;
padding-top: 70px !important;
width: 370px;
}
}
@media screen and (max-width: 768px) {
.cover-section-7 button {
font-size: 15px;
margin: 0 auto;
display: block;
}
.cover-section-7 .bg-rectangle {
width: 100%;
}
.cover-section-7 .content-area-text {
width: 500px;
position: relative;
margin-left: 20px;
padding-top: 20px !important;
}
.cover-section-7-slider.owl-carousel .owl-item img {
max-height: 325px;
width: 100%;
}
.cover-section-7-slider {
position: absolute;
right: 0;
width: 95%;
left: 0;
top: 420px;
margin: 0 auto;
}
.cover-section-7 .content-area {
left: 0;
width: 100%;
top: 0 !important;
}
.cover-section-7 {
height: 770px;
}
}
@media screen and (max-width: 650px) {
.cover-section-7 .content-area-text {
width: 90%;
}
.cover-section-7 .content-area-text h1, .cover-section-7 .content-area-text p {
text-align: center !important;
}
.cover-section-7-slider {
height: 500px;
top: 116%;
}
.cover-section-7 {
height: 550px;
}
}
@media screen and (max-width: 600px) {
.cover-section-7 .content-area-text p {
font-size: 20px;
}
.cover-section-7 .content-area-text h1 {
font-size: 31px;
text-align: center;
}
.cover-section-7-slider.owl-carousel .owl-item img {
height: 250px;
}
}
@media screen and (max-width: 400px) {
.cover-section-7 {
height: 680px;
}
}
/* /////////////////// */
/* END COVER SECTION 7 */
/* /////////////////// */
/* //////////////// */
/* COVER SECTION 8 */
/* /////////////// */
.cover-section-8 {
min-height: 595px;
height: 40vh;
background-image: url("/assets/img/bg/home.webp") !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.cover-section-8:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(97deg,#00307cbf,#00307cd6, #00307cd9, #00307cd9, #66e9ff, #66e9ff);
}
.cover-section-8 .cover-person {
position: absolute;
width: 380px;
bottom: -238px;
right: 30px;
}
.cover-section-8 h1 {
font-size: 80px;
font-size: 65px;
font-weight: 700;
line-height: 1.04;
text-shadow: 3px 3px 17px #16161666;
}
.cover-section-8 h1 span {
font-size: 68px;
}
.cover-section-8 .icon-list.bullet-bg li {
font-size: 20px;
padding-left: 50px;
padding-top: 6px;
}
.cover-section-8 .icon-list.bullet-bg i {
font-size: 40px;
background-color: #ffbb01 !important;
}
.cover-section-8 .icon-list.bullet-bg {
margin-bottom: 45px
}
@media screen and (max-width: 1200px) {
.cover-section-8 .cover-person {
width: 360px;
right: -130px;
}
.cover-section-8 h1 span {
font-size: 45px !important;
}
.cover-section-8 h1 {
font-size: 30px !important;
}
}
@media screen and (max-width: 992px) {
.cover-section-8 {
height: 490px;
min-height: 490px;
}
.cover-section-8 h1 {
font-size: 40px;
}
.cover-section-8 h1 span {
font-size: 40px
}
.cover-section-8 .cover-person {
width: 250px;
right: -130px;
bottom: 30px;
}
.cover-section-8 .icon-list.bullet-bg li {
font-size: 17px !important;
}
}
@media screen and (max-width: 768px) {
.cover-section-8 {
height: 570px;
min-height: 570px;
}
}
@media screen and (max-width: 500px) {
.cover-section-8 h1 {
font-size: 25px !important;
}
.cover-section-8 h1 span {
font-size: 27px !important;
}
.cover-section-8 h1 {
margin-top: 0;
font-size: 23px !important;
text-align: center;
line-height: 1.3;
}
.cover-section-8 .cover-person {
width: 120px;
right: 50%;
bottom: -30px;
transform: translate(50%, 0px);
}
.cover-section-8 {
height: 450px;
min-height: 520px;
}
.cover-section-8 .container {
top: 240px;
}
.cover-section-8 .cover-section-phone-btn {
display: none;
}
.cover-section-8 .pr--60 {
padding-right: unset;
}
.cover-section-8 .icon-list.bullet-bg li {
padding-bottom: 10px;
max-width: 90%
}
.cover-section-8:before {
background: linear-gradient(97deg,#00307ced,#00307ced, #00307ced, #00307ced, #00307ced, #00307ced)!important;
}
.cover-section-8 .icon-list {
}
.cover-section-8 .icon-list.bullet-bg i {
font-size: 20px;
background-color: #ffbb01 !important;
margin-left: 17px !important;
margin-top: 6px;
}
}
@media screen and (max-width: 400px) {
.cover-section-8 h1 span {
font-size: 29px;
}
.cover-section-8 .cover-person {
bottom: -170px;
}
.cover-section-8 .container {
top: 300px;
}
.cover-section-8 {
height: 450px;
min-height: 500px;
}
}
@media screen and (max-width: 360px) {
.cover-section-8 h1 {
font-size: 40px;
}
}
/* //////////////////// */
/* END COVER SECTION 8 */
/* //////////////////// */
/* //////////////// */
/* COVER SECTION 9 */
/* /////////////// */
.cover-section-9 {
min-height: 735px;
height: 70vh;
max-height: 755px;
background-image: url("/assets/img/bg/home.webp") !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.cover-content-left {
margin-top: 0;
}
.cover-section-9:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*background: linear-gradient(97deg,#001029ed,#001639ed, #001e4fde, #000000b5, #00266b6e, #000c2136)!important;*/
background: linear-gradient(209deg, #001029ed, #001639ed, #001e4fde, #000000b5, #00266b52, #000c2136) !important;
}
.location-text h4 {
font-family: 'Caveat';
color: white;
font-size: 43px;
line-height: 1 !important;
}
.cover-section-9 .cover-section-phone-btn {
font-size: 20px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 30px;
width: auto;
}
.cover-section-9 .cover-person {
position: absolute;
width: 630px;
bottom: 0;
right: 20%;
}
.cover-section-9 .cover-person-custom {
position: absolute;
width: 500px;
bottom: -275px;
right: -70px;
}
.cover-section-9 h1 {
font-size: 50px;
font-weight: 700;
line-height: 1.04;
margin-bottom: 7px;
}
.cover-section-9 .row.short-services-list-row {
padding-left: 15px !important;
}
.cover-section-9 .short-services-list-col {
padding-left: 0;
padding-right: 0;
}
.cover-section-9 .icon-list.bullet-bg li {
font-size: 16px;
padding-left: 24px;
padding-top: 0;
margin-top: 0;
margin-bottom: 5px;
}
.cover-section-9 .container {
top: 53%;
z-index: 2;
}
.cover-section-9 .text-nowrap {
white-space: nowrap;
display: block;
height: 60px;
}
.cover-section-9 .icon-list.bullet-bg i {
font-size: 20px;
background-color: #ffbb01 !important;
}
.cover-section-9 .icon-list.bullet-bg {
margin-bottom: 45px;
display: block;
max-width: 680px;
}
.cover-section-9 .under-btn-text-arrows {
color: #ffce31;
position: absolute;
text-align: left;
margin: 0 auto;
margin-top: 6px;
display: block;
font-size: 21px;
text-align: center;
width: 100%;
margin-left: -15px;
font-weight: 700;
line-height: 30px;
padding: 0px 0px 0;
text-transform: capitalize;
}
.cover-section-9 .phone-speech-bubble-icon {
animation: tilt-shaking 1s infinite;
width: 40px;
height: auto;
}
.cover-section-9 .cover-person-container {
width: 100%;
height: 100%;
position: relative;
display: flex;
flex-direction: column-reverse;
z-index: 0;
}
@media screen and (max-width: 1900px) {
.cover-section-9 .cover-person {
right: 15%;
}
}
@media screen and (max-width: 1500px) {
.cover-section-9 .cover-person {
width: 600px;
}
}
@media screen and (max-width: 1400px) {
.cover-section-9 .cover-person {
width: 560px;
right: 3%;
}
}
@media screen and (max-width: 1200px) {
.cover-content-left {
width: 100%;
}
.cover-section-9 .cover-person {
width: 460px;
right: 3%;
}
}
@media screen and (max-width: 991px) {
.cover-section-9 {
min-height: 750px;
padding-right: 0;
}
.cover-section-9 h1 {
font-size: 40px;
}
.cover-section-9 .cover-person {
width: 360px;
right: -1%;
}
.cover-section-9 .icon-list.bullet-bg li {
font-size: 17px !important;
}
}
@media screen and (max-width: 768px) {
.header-phone {
white-space: nowrap;
/* display: none; */
margin-right: 0;
margin-top: -10px;
right: 0px;
top: 50% !important;
position: absolute;
transform: translate(0, -30%);
}
.cover-section-9 {
min-height: 850px
}
.cover-section-9 h1 {
font-size: 30px;
}
.text-revolving-title {
font-size: 35px !important;
}
.cover-person-container {
z-index: -1;
}
.cover-section-9 .cover-person {
bottom: 5px;
right: -170px;
display: none;
}
.cover-section-9 .col-lg-9 {
margin-top: 0;
padding-right: 0;
}
}
@media screen and (max-width: 600px) {
.cover-section-9 .col-lg-9 {
margin-top:0px;
}
.cover-section-9 .call-now-text {
display: none! important
}
.cover-section-9 .cover-section-phone-btn {
width: 290px;
margin: 0 auto;
z-index: 9999999;
display: block;
position: relative;
}
.cover-section-9 .under-btn-text-arrows {
font-size: 15px;
margin: 0 auto !important;
display: block;
text-align: center;
}
.cover-section-9 .cover-person {
bottom: 4px;
right: -130px;
display: block;
position: absolute;
z-index: -1;
display: none;
}
.starburst-container {
z-index: 11111111111111;
position: relative !important;
/* display: inline-block !important; */
display: block;
}
.starburst {
margin-right: 30px !important
}
}
@media screen and (max-width: 500px) {
.cover-section-9 h1 {
margin-top:0;
font-size: 30px;
text-align: center;
}
.cover-section-9 .cover-person {
width: 320px;
right: 60px;
bottom: -36px;
transform: translate(50%, 0px);
display: none !important;
}
.text-revolving-title {
font-size: 28px !important;
}
.cover-section-9 .cover-section-phone-btn {
width: 320px;
z-index: 9999;
position: relative;
}
.cover-section-9 .pr--60 {
padding-right: unset;
}
.cover-section-9 .under-btn-text-arrows {
font-size: 17px;
}
}
@media screen and (max-width: 430px) {
.cover-section-9 {
/* background-position-x { -2100px !important} */ background-position: left !important;
}
.cover-section-9 .pr--60 {
margin-top: -70px
}
.cover-section-9 h1 {
margin-top: 0;
font-size: 23px;
text-align: center;
}
.cover-section-9 .cover-person {
bottom: -170px;
display: none;
}
}
@media screen and (max-width: 400px) {
.cover-section-9 .container {
top: 54%;
}
.cover-section-9 .col-lg-9 {
margin-top: 10px;
}
.location-text h4 {
font-size: 37px;
margin-bottom: 40px
}
}
/* //////////////////// */
/* END COVER SECTION 9 */
/* //////////////////// */
/* //////////////// */
/* COVER SECTION 9b */
/* //////////////// */
/* Using css from cover section 9 */
.cover-section-9b .recognition-section h5 {
color: white;
font-weight: 700;
font-size: 30px;
margin-top: -30px;
}
/* //////////////////// */
/* END COVER SECTION 9b */
/* //////////////////// */
.cover-section-9b .recognition-section .recognition-img {
max-width: 100px;
}
@media screen and (max-width: 500px) {
.cover-section-9b .recognition-section .recognition-img {
max-width: 75px;
}
.cover-section-9b .recognition-section h5 {
font-size: 25px;
}
}
/* //////////////// */
/* COVER SECTION 10 */
/* /////////////// */
.cover-section-10 {
min-height: 695px;
height: 60vh;
max-height: 765px;
background-image: url("/assets/img/bg/home.webp") !important;
background-size: cover;
background-repeat: no-repeat;
background-position: top;
position: relative;
}
.cover-section-10:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0.8;
height: 100%;
/*background: linear-gradient(97deg,#001029ed,#001639ed, #001e4fde, #000000b5, #00266b6e, #000c2136)!important;*/
background: linear-gradient(209deg, #000000, #000000) !important;
}
.cover-section-10 .center-abs {
max-width: 900px;
}
.cover-section-10 h1 {
text-align: center;
font-size: 60px;
font-weight: 800;
color: white;
text-transform: none;
font-style: normal;
text-decoration: none;
line-height: 1.2em;
letter-spacing: 0px;
word-spacing: 0px;
}
.cover-section-10 h4 {
color: #FFFFFF;
text-align: center;
font-size: 22px;
font-weight: 600;
text-transform: none;
font-style: normal;
text-decoration: none;
line-height: 1.5em;
letter-spacing: 0px;
word-spacing: 0px;
}
/* SVG START */
.ma-shape {
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
line-height: 0;
direction: ltr
}
.ma-shape-top {
top: -1px
}
.ma-shape-top:not([data-negative=false]) svg {
z-index: -1
}
.ma-shape-bottom {
bottom: -1px
}
.ma-shape-bottom:not([data-negative=true]) svg {
z-index: -1
}
.ma-shape[data-negative=false].ma-shape-bottom,.ma-shape[data-negative=true].ma-shape-top {
transform: rotate(180deg);
}
.ma-shape svg {
display: block;
width: calc(300% + 1.3px);
position: relative;
left: 50%;
transform: translateX(-50%);
height: 40px;
}
.ma-shape .ma-shape-fill {
fill: #fff;
transform-origin: center;
transform: rotateY(0deg)
}
/* SVG END */
.ma-headline-dynamic-wrapper {
overflow: visible;
text-align: inherit
}
.ma-headline-dynamic-text {
z-index: 1
}
.ma-headline-dynamic-wrapper {
display: inline-block;
position: relative
}
.ma-headline-dynamic-wrapper .ma-headline-dynamic-text {
display: inline-block;
position: absolute;
top: 0;
left: 0
}
.ma-headline-dynamic-wrapper .ma-headline-dynamic-text.ma-headline-text-active {
position: relative;
}
.ma-headline-animation-type-flip .ma-headline-dynamic-wrapper {
perspective: 300px
}
.ma-headline-animation-type-flip .ma-headline-dynamic-text {
opacity: 0;
transform-origin: 50% 100%;
transform: rotateX(180deg)
}
.cover-section-10 h1 svg {
position: absolute;
top: 50%;
left: 50%;
width: calc(100% + 20px);
height: calc(100% + 20px);
transform: translate(-50%,-50%);
overflow: visible
}
.cover-section-10 h1 svg path {
stroke: red;
stroke-width: 9;
fill: none;
transition: .3s
}
.cover-section-10 h1 svg path {
animation: ma-headline-dash;
animation-fill-mode: forwards;
animation-duration: 3s;
animation-iteration-count: 1;
opacity: 0;
}
.cover-section-10 h1 svg path:nth-of-type(1) {
animation-delay: 1s
}
.cover-section-10 h1 svg path {
}
@keyframes ma-headline-dash {
0% {
stroke-dasharray: 0 1500;
opacity: 1
}
to {
stroke-dasharray: 1500 1500;
opacity: 1
}
}
.elementor-button-wrapper {
width: 70%;
max-width: 500px;
margin: 0 auto;
margin-top: 30px;
}
.elementor-button {
display: block;
text-align: center;
max-width: inherit;
color: white;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
font-style: normal;
text-decoration: none;
line-height: 1em;
letter-spacing: 0.4px;
word-spacing: 0px;
background-color: red;
padding: 20px 20px 20px 20px;
transition: 0.2s all;
}
.elementor-button:focus {
background-color: red;
}
.elementor-button:hover {
background-color: #071741;
color: white;
}
.reviews-mention-container {
margin: 0 auto;
display: block;
text-align: center;
margin-top: 20px;
color: white;
}
.review-rating, .elementor-star-rating, .reviews-mention-icons-container, .review-count {
display: inline;
}
.review-rating, .review-count {
vertical-align: sub;
font-size: 19px;
font-weight: 600;
margin-left: 5px;
margin-right: 5px;
}
.review-count {
vertical-align: middle;
}
.elementor-star-rating i {
display: inline;
position: relative;
font-style: normal;
cursor: default;
color: #f0ad4e;
font-size: 23px;
vertical-align: sub;
}
.elementor-screen-only {
position: absolute;
top: -10000em;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0
}
@media screen and (max-width: 992px) {
.cover-section-10 h4 {
padding-left: 25px;
padding-right: 25px;
}
}
@media screen and (max-width: 900px) {
.cover-section-10 .center-abs {
padding-left: 20px;
padding-right: 20px;
}
.cover-section-10 h1 {
font-size: 30px !important;
}
.elementor-button {
font-size: 15px;
line-height: 1.3;
width: 100%;
}
}
@media screen and (max-width: 600px) {
.elementor-button-wrapper {
max-width: 100%;
width: 100%;
}
.review-rating, .review-count {
font-size: 13px !important;
}
}
/* /////////////////// */
/* END COVER SECTION 10 */
/* ////////////////// */
/* //////////////// */
/* COVER SECTION 11 */
/* /////////////// */
.cover-section-11 {
min-height: 494px;
height: 494px;
max-height: 494px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.cover-section-11 .center-abs {
height: 100%;
display: block;
display: flex;
flex-direction: column;
justify-content: flex-end;
color: white;
}
.square-shape-container {
background: #b71818;
width: 460px;
height: 370px;
text-align: center;
margin: 0 auto;
color: white;
position: relative;
padding: 100px 25px;
display: block;
}
.square-shape-container h1, .square-shape-container h3, .square-shape-container h4, .square-shape-container p, .square-shape-container hr {
color: white;
}
.square-shape-container hr {
display: block;
background: rgba(255, 255, 255, 1);
-pie-background: rgba(255, 255, 255, 1);
border-style: solid;
border-width: 1px;
border-color: #ccc;
border-radius: 0px;
left: 50%;
top: 60px;
z-index: 5;
width: 80%;
height: 1px;
position: absolute;
transform: translate(-50%);
}
.square-shape-container .bottom-hr {
top: unset;
bottom: -10px;
position: relative;
}
.square-shape-container .pre-text {
font-size: 26px;
font-weight: 500;
margin-bottom: 0;
}
.square-shape-container h1 {
font-size: 50px;
margin: 0;
font-weight: 700;
line-height: 1;
}
.square-shape-container .bottom-text {
position: absolute;
width: 100%;
text-align: center;
margin: 0;
bottom: 35px;
left: 0;
font-size: 21px;
font-weight: 400;
}
.square-shape-container:after {
position: absolute;
background: #90774d;
height: 50px;
width: 100%;
left: 0;
bottom: -50px;
line-height: 50px;
font-size: 18px;
font-weight: 700;
}
@media screen and (max-width: 600px) {
.cover-section-11 {
height: auto;
min-height: 390px;
}
.cover-section-11 .center-abs {
top: 0;
transform: translate(-50%,0);
position: relative;
display: block;
}
.square-shape-container {
width: 100%;
height: 340px;
}
}
@media screen and (max-width: 480px) {
.square-shape-container h1 {
font-size: 30px;
}
.square-shape-container .bottom-hr {
position: relative;
bottom: -20px;
}
}
@media screen and (max-width: 480px) {
.square-shape-container .pre-text {
font-size: 25px !important;
}
}
@media screen and (max-width: 370px) {
.square-shape-container .pre-text {
font-size: 20px !important;
}
.square-shape-container:after {
font-size: 15px
}
}
@media screen and (max-width: 300px) {
.square-shape-container .pre-text {
font-size: 17px !important;
}
}
@media screen and (max-width: 280px) {
.square-shape-container:after {
white-space: nowrap;
font-size: 12px;
}
}
/* ///////////////////// */
/* COVER SECTION 11 END */
/* ///////////////////// */
/* //////////////// */
/* COVER SECTION 12 */
/* /////////////// */
.cover-section-12 {
min-height: 820px;
height: 70vh;
background-image: url("/assets/img/bg/home.webp") !important;
background-size: cover;
background-repeat: no-repeat;
background-position: top;
position: relative;
}
.cover-section-12:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0.6;
height: 100%;
/* background: linear-gradient(97deg,#001029ed,#001639ed, #001e4fde, #000000b5, #00266b6e, #000c2136)!important; */
background: linear-gradient(209deg, #000000, #000000) !important;
z-index: 2;
}
.cover-section-12 .center-abs {
max-width: 1000px;
top: 52%;
padding-top: 100px;
padding-bottom: 100px;
z-index: 2;
}
.cover-section-12 h1 {
text-align: center;
font-size: 60px;
font-weight: 800;
color: white;
text-transform: none;
font-style: normal;
text-decoration: none;
line-height: 1.2em;
letter-spacing: 0px;
word-spacing: 0px;
}
.cover-section-12 h4 {
color: #FFFFFF;
text-align: center;
font-size: 22px;
font-weight: 600;
text-transform: none;
font-style: normal;
text-decoration: none;
line-height: 1.5em;
letter-spacing: 0px;
word-spacing: 0px;
}
.cover-section-12 .hero-12-container .left-side, .cover-section-12 .hero-12-container .right-side {
padding-top: 50px !important;
}
.cover-section-12 form {
padding-bottom: 0;
}
.cover-section-12 .hero-12-container .left-side {
background: #e2e7edf2;
padding: 30px 30px;
}
.cover-section-12 .hero-12-container .right-side {
background: #2e4f68f2;
padding: 30px 10px;
}
.cover-section-12 .hero-12-container h3 {
font-size: 24px;
text-align: left;
font-weight: 700;
color: #da2c13;
}
.cover-section-12 .hero-12-container h1 {
font-size: 45px;
text-align: left;
margin-top: 0;
color: #343f52;
font-weight: 700;
letter-spacing: -0.8px;
line-height: 1.1;
}
.cover-section-12 .hero-12-container h6 {
font-size: 18px;
text-align: left;
font-weight: 400;
margin-top: 0;
color: #343f52;
}
.cover-section-12 .icon-list.bullet-bg li {
color: #2c4c64;
}
.cover-section-12 .hero-12-container .form-4, .cover-section-12 .hero-12-container .form-4 textarea {
background: transparent !important;
}
.cover-section-12 .hero-12-container .form-4 input, .cover-section-12 .hero-12-container .form-4 input::placeholder, .cover-section-12 .hero-12-container .form-4 texarea::placeholder {
/* color: white !important; */
text-shadow: none !important;
box-shadow: none !important;
background: white;
border-radius: 2px !important;
}
.cover-section-12 .hero-12-container .form-4 textarea {
background: white !important;
border-radius: 2px !important;
}
.cover-section-12 .reviews-mention-container {
margin-left: 0;
color: #343f52;
margin-left: 20px;
text-align: left;
}
.cover-section-12 .reviews-mention-container svg {
background: white;
border-radius: 50%;
height: 40px;
width: 40px;
padding: 6px;
margin-left: -20px;
}
.cover-section-12 .form-floating {
border: none !important;
}
.cover-section-12 .form-protection {
color: white;
}
.cover-section-12 .form-4 input[type=submit] {
color: #343f52 !important;
}
.cover-section-12 .form-floating>label {
color: #2c4c64;
font-size: 17px
}
.cover-section-12 .reviews-mention-icons-container svg:nth-child(1) {
animation-delay: 100ms;
}
.cover-section-12 .reviews-mention-icons-container svg:nth-child(2) {
animation-delay: 200ms;
}
.cover-section-12 {
position: relative;
overflow: hidden;
}
.cover-section-12 video {
width: 100vw;
height: 180%;
object-fit: cover;
position: absolute;
z-index: 1;
}
.cover-section-12 .ma-shape {
z-index: 2;
}
@media screen and (min-width: 2000px) {
.cover-section-12 {
height: 65vh
}
}
@media screen and (max-width: 992px) {
.cover-section-12 {
height: 80vh
}
.cover-section-12 .center-abs {
width: 90%;
}
}
@media screen and (max-width: 768px) {
.cover-section-12 .center-abs {
position: relative;
top: unset;
left: unset;
transform: unset;
margin: 0 auto;
}
.cover-section-12 {
height: auto
}
.cover-section-12 .hero-12-container .left-side {
margin-bottom: 30px
}
}
@media screen and (max-width: 600px) {
.cover-section-12 .center-abs {
padding-top: 5px;
width: 100%;
max-width: 100%;
}
.cover-section-12 .hero-12-container .left-side {
margin-bottom: 0 !important;
padding-top: 70px !important;
}
.cover-section-12 .hero-12-container h3 {
font-size: 20px;
}
.cover-section-12 .hero-12-container h1 {
font-size: 30px;
}
.cover-section-12 .hero-12-container .right-side {
padding-left: 8px;
padding-right: 8px;
width: 100vw;
max-width: 100vw;
}
}
@media screen and (max-width: 600px) {
.cover-section-12 .reviews-mention-container {
white-space: nowrap;
text-align: center;
}
.cover-section-12 .reviews-mention-container svg {
width: 30px;
height: 30px;
}
}
/* //////////////////// */
/* END COVER SECTION 12 */
/* //////////////////// */
/* //////// */
/* ISSUES 1*/
/* //////// */
.issues-section-1 .issue-item img {
max-width: 50px;
margin: 0 auto;
margin-bottom: 10px;
display: block;
height: 100px !important;
max-height: 70px;
opacity: 0.6;
}
.issues-section-1 h3 {
font-size: 40px;
}
.issues-section-1 .issue-item {
border: 1px solid white;
padding: 20px 20px;
height: auto;
min-height: 360px;
margin-bottom: 10px;
margin-right: 10px;
border-radius: 5px;
background: linear-gradient(353deg, #fefefe, #ebebeb4f);
box-shadow: 4px 4px 4px 0px #c2c0c0;
}
.issues-section-1 .number-container {
font-size: 40px;
text-align: center;
}
.issues-section-1 .col-md-3 .issue-item {
height: 430px;
}
@media screen and (max-width: 1200px) {
.issues-section-1 .issue-item {
min-height:300px;
}
}
@media screen and (max-width: 1000px) {
.issues-section-1 .issue-item {
min-height:350px;
}
}
@media screen and (max-width: 700px) {
.issues-section-1 .issue-item {
min-height:250px;
}
}
@media screen and (max-width: 600px) {
.issues-section-1 .issue-item {
height: inherit;
padding-top: 40px;
}
}
@media screen and (max-width: 500px) {
.issues-section-1 h3 {
font-size: 20px !important;
}
}
/* ////////////// */
/* CASE STUDEIS 1*/
/* ////////////// */
.case-studies-section-1 .case-studies-item img {
max-width: 50px;
margin: 0 auto;
margin-bottom: 10px;
display: block;
height: 100px !important;
max-height: 70px;
opacity: 0.6;
}
.case-studies-section-1 h3 {
font-size: 40px;
}
.case-studies-section-1 .case-studies-item {
border: 1px solid white;
padding: 20px 20px;
height: auto;
min-height: 380px;
margin-bottom: 10px;
margin-right: 10px;
border-radius: 5px;
background: linear-gradient(353deg, #fefefe, #ebebeb4f);
box-shadow: 4px 4px 4px 0px #c2c0c0;
}
.case-studies-section-1 .number-container {
font-size: 40px;
text-align: center;
}
.case-studies-section-1 .col-md-3 .case-studies-item {
height: 430px;
}
@media screen and (max-width: 1200px) {
.case-studies-section-1 .case-studies-item {
min-height:300px;
}
}
@media screen and (max-width: 1000px) {
.case-studies-section-1 .case-studies-item {
min-height:350px;
}
}
@media screen and (max-width: 700px) {
.case-studies-section-1 .case-studies-item {
min-height:250px;
}
}
@media screen and (max-width: 600px) {
.case-studies-section-1 .case-studies-item {
height: inherit;
padding-top: 40px;
}
}
/* ////////////////// */
/* END CASE STUDEIS 1*/
/* ////////////////// */
/* ///////// */
/* WHY US 3 */
/* ///////// */
.process-section-2 {
position: relative;
}
.section-padding {
padding-top: 100px;
padding-bottom: 100px;
}
.section-title {
text-align: center;
font-size: 28px;
font-weight: 600;
padding-bottom: 30px;
position: relative;
z-index: 2;
line-height: 1;
color: #414141;
}
.why-us-section-3 {
padding-bottom: 30px;
padding-top: 80px !important;
}
.why-us-section-3 .section-title {
padding-bottom: 10px;
max-width: 900px;
margin: 0 auto;
}
.why-us-section-3 p.description {
text-align: center;
font-size: 20px;
padding-bottom: 10px
}
h4.section-title {
font-size: 30px;
padding-bottom: 0;
}
.about-blurb-container {
width: 88%;
margin: 0 auto;
display: block;
}
.about-blurb {
height: 300px;
width: 250px;
border-radius: 0 60px 0 60px;
background-color: #fff;
-webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.12);
box-shadow: 0 1px 8px 0 rgba(0,0,0,.12);
margin: 15px;
padding: 35px 15px 5px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 19px;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
}
.about-blurb-img {
width: 100px;
}
.about-blurb-title {
color: #084044;
font-size: 24px;
font-weight: 700;
letter-spacing: 0;
line-height: 30px;
text-align: center;
margin: 10px 5px 5px;
}
.about-blurb-subtitle {
color: #063033;
font-size: 16px;
letter-spacing: 0;
line-height: 24px;
text-align: center
}
.fill-class {
fill: #325a47;
}
.fill-class {
stroke-dasharray: 2000;
stroke-dashoffset: 1000;
}
.fill-class-1 {
animation: dash-1 2s linear alternate infinite;
}
.fill-class-2 {
animation: dash-2 2s linear alternate infinite;
}
.fill-class-3 {
animation: dash-2 2s linear alternate infinite;
}
.fill-class-4 {
animation: dash-2 2s linear alternate infinite;
}
@keyframes dash-1 {
0% {
stroke-dashoffset: 1500;
}
50% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes dash-2 {
0% {
stroke-dashoffset: 1500;
}
50% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 0;
}
}
@media screen and (max-width: 768px) {
.why-us-section-3 .section-title {
font-size: 30px;
}
.about-blurb {
margin-bottom: 20px;
border: none !important;
box-shadow: unset !important;
height: auto;
padding: 0;
}
.big-circle-bg {
z-index: -1;
}
.process-section-2 {
padding-bottom: 0;
padding-top: 0 !important;
}
.about-blurb-img svg {
height: 70px !important;
width: auto !important;
display: block;
position: relative;
margin: 0 auto;
transform: translate(5%, 00px) !important;
margin-bottom: 0 !important;
margin: 0 auto;
}
.about-blurb-title {
display: block !important;
font-size: 17px;
position: relative;
line-height: 18px;
}
.about-blurb {
width: 100%;
}
.about-blurb-subtitle {
font-size: 11px;
line-height: 15px;
}
.why-us-section-3 p.description {
font-size: 16px;
}
}
/* ///////////// */
/* END WHY US 3 */
/* ///////////// */
/* ///////////// */
/* ESIMATE BOX */
/* //////////// */
.estimate-box-wrapper {
}
.estimate-box {
width: 100%;
padding: 20px;
box-sizing: border-box;
/* background: #fff; */
box-shadow: 0px 0px 60px #0000001a !important;
margin-top: 20px;
filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.1));
max-width: 320px;
margin: 0 auto;
background-repeat: repeat-x;
background-size: 8px 4px;
padding: 4px 0;
background: linear-gradient(135deg, transparent 5.68px, white 5.69px) top left, linear-gradient(45deg, white 2.8px, transparent 2.81px) top left, linear-gradient(135deg, white 2.8px, transparent 2.81px) bottom left, linear-gradient(45deg, transparent 5.68px, white 5.69px) bottom left !important;
}
.estimate-box-bottom {
background: linear-gradient(-135deg, #FFF 16px, red 16px, blue 16px, transparent 0), linear-gradient(135deg, #FFF 16px, transparent 0);
background-position: left bottom;
background-size: 22px 32px;
position: absolute;
height: 23px;
width: 100%;
left: 0;
bottom: -23px;
}
.item-total {
font-weight: 800 !important;
}
.estimate-box .box-title {
text-align: center;
font-weight: 600;
font-size: 22px;
margin-bottom: 1.7em;
color: #231f20;
}
.estimate-box .box-title, .estimate-box .box-item {
background: white;
}
.estimate-box {
padding: 50px 30px 30px;
position: absolute;
left: -110px;
top: -130px;
margin-top: 0;
}
.estimate-box .box-item {
display: flex;
border-bottom: 1px dotted #b7b7b7;
font-size: 16px;
font-weight: 600;
color: #231f20;
padding-bottom: 0.6em;
margin-bottom: 0.95em;
}
.estimate-box .box-item:last-child {
border-bottom: none;
}
.estimate-box .box-item .name {
margin-right: auto;
}
.estimate-box .estimate-logo {
text-align: center;
margin-top: 3.4em;
}
.estimate-box .estimate-logo img {
width: 150px;
}
@media screen and (max-width: 1500px) {
.estimate-box {
left: 50px
}
}
@media screen and (max-width: 992px) {
.estimate-box {
left: -30px
}
}
@media screen and (max-width: 768px) {
.estimate-box {
position: relative;
top: 0;
}
}
/* //////////////// */
/* END ESIMATE BOX */
/* //////////////// */
/* ///////////////// */
/* PROCESS SECTION 1*/
/* ///////////////// */
.process-1 h2, .process-1 .lead.fs-lg {
text-align: center !important;
}
.process-1.bg-dark {
padding-top: 30px !important;
padding-bottom: 30px !important
}
.process-1.bg-dark h2, .process-1.bg-dark h4 {
color: white !important;
}
.process-1.bg-dark p {
color: #cacaca !important;
}
@media screen and (max-width: 768px) {
.process-1 .main-title {
text-align: center;
font-size: 24px;
}
.process-1 .icon {
display: block;
margin: 0 auto;
}
.process-1 .btn.btn-circle .number {
display: block;
line-height: 2.6;
}
.process-1 h4 {
text-align: center;
}
.why-us-1 .container {
padding-top: 0 !important;
}
}
/* ///////////////////// */
/* END PROCESS SECTION 1*/
/* ///////////////////// */
/* ///////////////// */
/* PROCESS SECTION 2*/
/* ///////////////// */
.process-section-2 {
position: relative;
padding-top: 150px;
/* overflow: hidden; */
}
.big-circle-bg {
position: absolute;
overflow: visible;
top: 0;
left: -170px;
right: 300px;
height: 800px;
overflow: hidden;
animation: subtle-move 10s linear alternate infinite;
z-index: -1;
}
@media screen and (max-width: 650px) {
.big-circle-bg {
display: none !important
}
}
.process-section-2 .section-title {
font-size: 35px;
line-height: 1.3;
}
@keyframes subtle-move {
0% {
margin-top: -170px;
}
100% {
margin-top: 0px;
}
}
.step-item {
display: table;
padding-bottom: 20px;
}
.step-bullet {
display: inherit;
color: white;
border-radius: 50%;
width: 24px;
height: 24px;
font-size: 12px;
line-height: 22px;
text-align: center;
-webkit-box-shadow: 0 0 0 8px #fff;
box-shadow: 0 0 0 8px #fff;
font-size: 20px;
width: 60px;
height: 10px;
line-height: 62px;
margin-right: 13px;
}
.step-title {
font-weight: 700;
font-size: 21px;
padding-bottom: 0px;
display: inline-block;
margin-bottom: 15px !important;
width: 100%;
line-height: 1.1;
}
.step-text-container {
display: table-cell;
margin-left: 20px;
margin-top: 10px;
}
.steps-img {
/* margin-top: 0%; */
/* height: 100%; */
object-fit: cover;
border-radius: 0 14% 0 0;
max-height: 773px;
height: 100%;
}
.step-subtitle {
font-weight: 600;
font-size: 17px;
display: inline-block;
/* margin-left: 83px; */
margin-top: -6px;
width: 100%;
}
@media screen and (max-width: 768px) {
.step-title {
font-size: 17px;
}
.step-subtitle {
text-align: left !important;
font-size: 14px;
}
.steps-img {
margin-bottom: 20px;
height: auto;
max-height: 200px;
width: 100%;
}
}
@media screen and (max-width: 500px) {
.step-bullet {
height: 30px !important;
width: 40px !important;
line-height: 2;
}
}
/* ///////////////////// */
/* END PROCESS SECTION 2*/
/* ///////////////////// */
/* ///////////////// */
/* PROCESS SECTION 3*/
/* ///////////////// */
.process-3 .process {
width: 100%;
padding: 0 15px;
text-align: center;
}
.process-3 .process__item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
position: relative;
padding: 15px 15px;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.process-3 .process__item:hover {
background: #f2f2f2;
}
.process-3 .process__item:hover .process__number {
-webkit-transform: translateY(5px);
transform: translateY(5px);
color: transparent;
}
.process-3 .process__number {
font-size: 70px;
-webkit-text-stroke: 1px #00a7d0;
display: block;
color: transparent;
/* font-family: "Roboto Condensed"; */
font-weight: 700;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.process-3 .process__title {
display: block;
/* font-family: "Roboto Condensed"; */
font-weight: 700;
letter-spacing: 1.5px;
height: 40px;
font-size: 19px;
color: #003c71;
text-transform: uppercase;
margin-top: 10px;
}
.process-3 .process__subtitle {
display: block;
/* font-family: "Josefin Slab"; */
font-size: 15px;
font-weight: 300;
color: #8c8c8c;
margin-top: 10px;
line-height: 1.5;
}
.process-3 .process__item:nth-child(1) .process__number {
-webkit-text-stroke: 1px #f0dd29;
}
.process-3 .process__item:nth-child(1):hover .process__number:hover {
color: #f0dd29;
}
.process-3 .process__item:nth-child(2) .process__number {
-webkit-text-stroke: 1px #f1582f;
}
.process-3 .process__item:nth-child(2):hover .process__number:hover {
color: #f1582f;
}
.process-3 .process__item:nth-child(3) .process__number {
-webkit-text-stroke: 1px #d04e9d;
}
.process-3 .process__item:nth-child(3):hover .process__number:hover {
color: #d04e9d;
}
.process-3 .process__item:nth-child(4) .process__number {
-webkit-text-stroke: 1px #5b52a3;
}
.process-3 .process__item:nth-child(4):hover .process__number:hover {
color: #5b52a3;
}
@media (min-width: 768px) {
.process-3 .process {
display: inline-block;
}
.process-3 .process__item {
width: 49%;
display: inline-block;
}
}
@media (min-width: 1200px) {
.process-3 .process {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-pack: justify;
justify-content: space-between;
}
.process-3 .process__item {
width: 100%;
}
.process-3 .process__item:not(:last-of-type)::after {
content: "";
width: 1px;
height: 75%;
background: #8c8c8c;
position: absolute;
right: 0;
top: 50%;
opacity: 0.2;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
/* ////////////////////// */
/* END PROCESS SECTION 3 */
/* ////////////////////// */
/* ///////////////// */
/* PROCESS SECTION 4 */
/* ///////////////// */
.process-4 .process-item {
background: #f3f4f6;
border-radius: 10px;
padding: 50px 25px 80px 25px;
text-align: center;
height: 100%;
}
.process-4 .icon-container i {
font-size: 90px;
margin-bottom: 20px;
}
.process-4 h4 {
font-size: 30px;
}
.process-4 p {
font-size: 20px;
}
@media screen and (max-width: 768px) {
.process-4 .icon-container i {
font-size: 50px;
}
.process-4 h4 {
font-size: 20px;
}
.process-4 .process-item {
padding: 30px 20px;
margin-bottom: 20px;
height: 230px;
}
}
@media screen and (max-width: 500px) {
.process-4 p {
font-size: 15px;
}
}
@media screen and (max-width: 300px) {
.process-4 p {
font-size: 12px;
}
}
/* ////////////////////// */
/* PROCESS SECTION 4 END */
/* ////////////////////// */
/* /////////////////// */
/* VIDEO TESTIMONIALS */
/* /////////////////// */
.video-wrapper {
margin-bottom: 20px;
}
.video-wrapper iframe {
height: 420px;
}
.testimonial-videos-container .col-md-4 iframe {
height: 220px
}
.col-md-6 .video-wrapper iframe {
height: 322px;
}
@media screen and (max-width: 1200px) {
.video-wrapper iframe {
height: 159px;
}
}
@media screen and (max-width: 992px) {
.video-wrapper iframe {
height: 115px;
}
}
@media screen and (max-width: 768px) {
.video-wrapper iframe {
max-height: unset !important;
height: 246px;
}
}
@media screen and (max-width: 500px) {
.video-wrapper iframe {
max-height: unset !important;
height: 340px;
}
}
/* /////////////////////// */
/* END VIDEO TESTIMONIALS */
/* /////////////////////// */
/* ////////////////////// */
/* TESTIMONIALS SECTION 3*/
/* ////////////////////// */
.reviews-section {
margin-top: 45px;
border-radius: 0 60px 0 60px;
background-color: #063033;
height: auto;
text-align: center
}
.reviews-section .slider-item {
}
.reviews-section:before {
content: "";
position: absolute;
left: 0;
top: 1px;
height: 53px;
width: 53px;
margin-top: -53px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1M3B4IiBoZWlnaHQ9IjUzcHgiIHZpZXdCb3g9IjAgMCA1MyA1MyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGU+NDA1RkFFMjctREE5NC00RTQ1LUI0NEEtMTI3N0NEOEZCNjgxQDJ4PC90aXRsZT48ZGVmcz48cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjAuMDAwMSAwIDUzIDAgNTMgNTMgMC4wMDAxIDUzIi8+PC9kZWZzPjxnIGlkPSJDb25jZXB0IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iSG9tZXBhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAtMjc3NC4wMDAwMDApIj48ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDI3NzQuMDAwMDAwKSI+PG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSIvPjwvbWFzaz48ZyBpZD0iQ2xpcC0yIi8+PHBhdGggZD0iTTUzLjAwMDEsNTMgTDAuMDAwMSw1MyBMMC4wMDAxLDAgQzAuMDAwMSwyOS4yNyAyMy43MzAxLDUzIDUzLjAwMDEsNTMiIGlkPSJGaWxsLTEiIGZpbGw9IiMwNjMwMzMiIG1hc2s9InVybCgjbWFzay0yKSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==);
background-size: cover;
background-position: 0 100%;
background-repeat: no-repeat
}
.review-stars {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
}
.services-item span {
font-weight: 700;
margin-bottom: 16px;
}
.review-stars span {
display: block;
width: 22px;
height: 22px;
background: url(/assets/img/testimonials/stars/yellow-star.svg) center center / 19px no-repeat;
margin-right: 4px;
margin: 0 auto;
}
#es-grid .es-box {
text-align: center;
}
.es-box {
background-color: #3e3e3e;
padding: 25px;
width: 420px;
min-height: 420px;
margin: 0 auto;
border-radius: 8px;
/* border: 1px solid #D6DAE4; */
overflow: hidden;
position: relative;
}
#es-grid .es-box {
text-align: center;
}
.es-stars {
margin-bottom: 15px;
}
.es-text {
max-height: 170px;
overflow-y: auto;
line-height: 1.5;
word-break: break-word;
word-wrap: break-word;
padding-right: 10px;
margin-bottom: 20px;
color: #ffffff;
scrollbar-width: thin;
}
.es-text::-webkit-scrollbar {
width: 4px!important;
}
.es-text::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px!important;
border-radius: 10px!important;
background: #ccc!important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5)!important;
}
.es-text::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)!important;
-webkit-border-radius: 4px!important;
border-radius: 4px!important;
}
.es-logo {
display: inline;
}
.es-date {
font-size: 12px;
color: #9CA0AC;
display: inline-block;
margin-top: 5px;
margin-left: 8px;
}
.es-username {
color: #ffffff;
font-size: 18px;
line-height: 25px;
word-break: break-word;
word-wrap: break-word;
font-weight: 600;
margin-bottom: 8px;
}
#es-grid .es-avatar {
position: relative;
margin-left: calc(50% - 37.5px);
border: 5px solid #ffffff;
}
.avatar-75 {
width: 55px;
height: 55px;
}
.es-avatar {
border-radius: 50%;
color: #FFFFFF;
text-align: center;
margin-bottom: 15px;
background-position: 50%;
background-size: cover;
margin: 0 auto;
margin-bottom: 9px;
}
.es-meta {
position: absolute;
bottom: 20px;
width: 100%;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 1400px) {
.es-box {
width: 97%;
}
}
@media screen and (max-width: 768px) {
.es-avatar {
margin-bottom:4px
}
.es-username {
margin-bottom: 0
}
.es-box {
max-width: 100%;
width: 103%;
min-height: unset;
height: 400px !important;
padding-left: 10px;
padding-right: 10px;
}
.reviews-section-3 {
padding-bottom: 120px !important;
}
.es-text {
min-height: 170px;
font-size: 15px;
}
}
@media screen and (max-width: 600px) {
.section-title {
font-size: 30px;
max-width: 94%;
margin: 0 auto;
padding-top: 30px;
}
.reviews-section {
margin-top: 10px;
padding-top: 10px !important;
padding-bottom: 40px !important;
}
.section-padding {
padding-top: 50px;
padding-bottom: 50px;
}
.review-logo-img {
max-width: 78px !important;
margin-top: 30px
}
.reviews-section-3 .video-wrapper {
margin-top: 40px;
}
.es-box {
height: 350px !important;
}
.es-text {
max-height: 140px !important;
min-height: unset;
}
}
@media screen and (max-width: 400px) {
.section-title {
font-size: 20px !important;
line-height: 25px;
}
.section-padding {
padding-top: 0 !important;
padding-bottom: 40px;
}
}
/* ///////////////////////// */
/* END TESTIMONIALS SECTION 3*/
/* ///////////////////////// */
/* //////////// */
/* SPLIT FORM 1*/
/* /////////// */
.split-form-section-1 .form-floating>.form-control:focus, .split-form-section-1 .form-floating>.form-control:not(:placeholder-shown) {
padding-top: 0.2rem;
padding-bottom: .2rem
}
.split-form-section-1 {
padding: 40px 20px;
}
.split-form-section-1 h3 {
font-size: 30px;
}
.split-form-section-1 .split-form-section-text-container {
padding: 20px 50px;
border-right: 2px solid #ccc;
position: relative;
}
.split-form-section-1 .split-form-section-text-container .divider-arrow {
position: absolute;
right: -33px;
top: 50%;
font-size: 60px;
color: #92846c;
z-index: 2;
display: block;
}
.split-form-section-1 .split-form-section-form-container {
padding: 20px 90px;
}
.split-form-section-1 .split-form-section-form-container h4 {
margin-bottom: 0;
font-weight: 400;
font-size: 19px;
}
.split-form-section-1 .split-form-section-form-container h3 {
margin-bottom: 0;
font-weight: 700;
font-size: 28px;
}
.split-form-section-1 .split-form-section-form-container input {
margin-bottom: 10px;
height: 40px;
border-radius: 0;
width: 100%;
}
.split-form-section-1 .split-form-section-form-container form {
margin-top: 40px;
}
.split-form-section-1 .split-form-section-form-container label {
color: black;
font-size: 15px !important;
font-weight: 700;
}
.split-form-section-1 .split-form-section-form-container [type=submit] {
margin-bottom: unset;
height: unset;
border-radius: 0 !important;
width: 100%;
margin-top: 20px !important;
}
.swing-slow {
transform-origin: top center;
animation: swing-slow 2s ease infinite;
}
.swing-slow-down {
transform-origin: top center;
animation: swing-slow-down 2s ease infinite;
}
@keyframes swing-slow {
20% {
transform: translateX(0px)
}
40% {
transform: translateX(7px)
}
60% {
transform: translateX(0px)
}
80% {
transform: translateX(-7px)
}
100% {
transform: translateX(0px)
}
}
@keyframes swing-slow-down {
20% {
transform: translateY(0px)
}
40% {
transform: translateY(7px)
}
60% {
transform: translateY(0px)
}
80% {
transform: translateY(-7px)
}
100% {
transform: translateY(0px)
}
}
.split-form-section-1 .split-form-img {
height: 250px !important;
object-fit: cover;
margin-bottom: 30px;
}
.split-form-section-1 .contact-form .col-md-3, .split-form-section-1 .contact-form .col-md-2 {
width: 100% !important;
}
@media screen and (max-width: 1200px) {
.split-form-section-1 .split-form-section-form-container {
padding: 20px
}
.split-form-section-1 h3 {
text-align: center;
font-size: 25px;
}
}
@media screen and (max-width: 768px) {
.split-form-section-1 .split-form-section-text-container .divider-arrow-right {
display: none
}
.split-form-section-1 .split-form-section-text-container {
border-right: 0;
border-bottom: 2px solid #ccc;
}
.split-form-section-1 .split-form-section-text-container .divider-arrow-down {
right: unset;
bottom: -35px;
top: unset;
left: unset;
position: relative;
margin: 0 auto;
display: block;
text-align: center;
}
}
@media screen and (max-width: 600px) {
.split-form-section-1 .split-form-section-text-container {
padding: 10px
}
}
@media screen and (max-width: 400px) {
.split-form-section-1 .split-form-section-form-container h4 {
font-size: 20px;
}
.split-form-section-1 .split-form-section-form-container h3 {
font-size: 24px;
}
}
/* MIN WIDTH */
@media screen and (min-width: 768px) {
.split-form-section-1 .split-form-section-text-container .divider-arrow-down {
display: none
}
}
/* /////////////// */
/* SPLIT FORM 1 END*/
/* /////////////// */
/* //////// */
/* FINANCE 1*/
/* //////// */
.finance-section-1 {
height: 920px;
position: relative;
}
.img-left-bg {
position: absolute;
left: -490px;
top: 0;
}
.img-right-bg {
position: absolute;
right: -190px;
top: 80px;
max-height: 75vh;
}
.section-content-right {
position: absolute;
width: auto;
transform: translate(-50%, -50%);
top: 45%;
left: 70%;
}
.chair-base, .chair {
position: absolute;
z-index: 9;
}
.swing {
animation: swing ease-in-out 1s infinite alternate;
transform-origin: center -20px;
float: left;
/* box-shadow: -1px 3px 0px rgba(0,0,0,0.5); */
}
.swing img {
border: 5px solid #f8f8f8;
display: block;
}
.swing:after {
content: '';
position: absolute;
width: 20px;
height: 20px;
border: 1px solid #999;
top: -10px;
left: 50%;
z-index: 0;
border-bottom: none;
border-right: none;
transform: rotate(45deg);
}
/* nail */
.swing:before {
content: '';
position: absolute;
width: 5px;
height: 5px;
top: -14px;
left: 54%;
z-index: 5;
border-radius: 50% 50%;
background: #000;
}
@keyframes swing {
0% {
transform: rotate(3deg);
}
100% {
transform: rotate(-3deg);
}
}
.chair-container {
position: absolute;
top: 50%;
left: 10%;
}
.finance-img {
width: 110px;
max-width: 150px;
}
@media screen and (max-width: 768px) {
.finance-section-1 {
height: auto;
padding-bottom: 50px;
padding-left: 15px;
padding-right: 20px;
}
.img-left-bg {
position: relative;
height: 560px;
left: -300px;
}
.section-content-right {
position: relative;
top: unset !important;
left: unset;
transform: unset;
}
.chair-container {
top: 250px;
}
.finance-img {
max-width: 100px !important;
display: block;
margin: 0 auto;
}
.swing {
max-width: 180px;
}
.chair-base, .chair {
max-width: 180px
}
.finance-section .section-p {
text-align: left !important;
}
}
/* //////////// */
/* END FINANCE 1*/
/* //////////// */
/* //////// */
/* FINANCE 2*/
/* //////// */
.finance-section-2 {
height: 920px;
position: relative;
}
.finance-section-2 .img-left-bg {
position: absolute;
left: -490px;
top: 0;
width: 70%;
height: 100%;
object-fit: cover;
}
.finance-section-2 .img-right-bg {
position: absolute;
right: -190px;
top: 80px;
max-height: 75vh;
}
.finance-section-2 .section-content-right {
position: absolute;
width: auto;
transform: translate(-50%, -50%);
top: 45%;
left: 70%;
}
.finance-section-2 .chair-base, .finance-section-2 .chair {
position: absolute;
z-index: 9;
}
.finance-section-2 .swing {
animation: swing ease-in-out 1s infinite alternate;
transform-origin: center -20px;
float: left;
/* box-shadow: -1px 3px 0px rgba(0,0,0,0.5); */
}
.finance-section-2 .swing img {
border: 5px solid #f8f8f8;
display: block;
}
.finance-section-2 .swing:after {
content: '';
position: absolute;
width: 20px;
height: 20px;
border: 1px solid #999;
top: -10px;
left: 50%;
z-index: 0;
border-bottom: none;
border-right: none;
transform: rotate(45deg);
}
/* nail */
.finance-section-2 .swing:before {
content: '';
position: absolute;
width: 5px;
height: 5px;
top: -14px;
left: 54%;
z-index: 5;
border-radius: 50% 50%;
background: #000;
}
@keyframes swing {
0% {
transform: rotate(3deg);
}
100% {
transform: rotate(-3deg);
}
}
.finance-section-2 .chair-container {
position: absolute;
top: 50%;
left: 10%;
display: none;
}
.finance-section-2 .finance-img {
width: 150px;
max-width: 150px;
}
@media screen and (max-width: 1500px) {
.finance-section-2 .img-left-bg {
width: 50%;
left: 0
}
}
@media screen and (max-width: 768px) {
.finance-section-2 .finance-section-1 {
height: auto;
padding-bottom: 50px;
}
.finance-section-2 .img-left-bg {
position: relative;
height: 560px;
left: 0;
height: 200px;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.finance-section-2 .section-content-right {
position: relative;
top: unset !important;
left: unset;
transform: unset;
}
.finance-section-2 .chair-container {
top: 250px;
display: none;
}
.finance-section-2 .finance-img {
max-width: 100px !important;
display: block;
margin: 0 auto;
}
.finance-section-2 .swing {
max-width: 180px;
}
.finance-section-2 .chair-base, .finance-section-2 .chair {
max-width: 180px
}
}
/* //////////////////// */
/* END FINANCE SECTION 2*/
/* //////////////////// */
/* ///////////////// */
/* FINANCE SECTION 3 */
/* ///////////////// */
.finance-section-3 .accordion-wrapper .card-header {
height: 50px !important
}
@media screen and (max-width: 600px) {
.finance-section-3 h4 {
margin-top:0 !important;
}
}
/* ///////////////////// */
/* END FINANCE SECTION 3 */
/* ///////////////////// */
@media screen and (max-width: 768px) {
.finance-section-3 p {
text-align: left !important;
}
}
/* //////////////// */
/* GALLERY SLIDER 1 */
/* //////////////// */
.gallery-slider-1 {
max-height: 500px !important;
margin-bottom: 0px;
}
img.gallery-slider-1 {
object-fit: cover;
width: 100% !important;
height: 420px;
padding-right: 3px;
}
.continousSlider {
margin-bottom: 0
}
.continousSlider:before {
content: '';
height: 100%;
width: 250px;
position: absolute;
background: linear-gradient(to right,white, white, white, transparent );
display: block;
left: -30px;
z-index: 99;
}
.continousSlider:after {
content: '';
height: 100%;
width: 250px;
position: absolute;
background: linear-gradient(to left,white, white, white, transparent );
display: block;
right: -90px;
top: 0;
z-index: 99;
}
@media screen and (max-width: 600px) {
.continousSlider:before {
display: none;
width: 150px;
left: -10px;
z-index: 99;
height: 102%
}
.continousSlider:after {
display: none !important;
width: 250px;
right: -90px;
top: 0;
z-index: 99;
}
img.gallery-slider-1 {
max-height: 200px !important;
}
}
/* //////////////////// */
/* END GALLERY SLIDER 1 */
/* //////////////////// */
/* //////////////////// */
/* SECTION MANIPULATION */
/* //////////////////// */
.skew-bottom-high-right:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-style: solid;
border-color: transparent;
border-width: 10vh 120vw;
border-bottom-color: white;
border-right-color: white;
}
.skew-bottom-high-left:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-style: solid;
border-color: transparent;
border-width: 7vh 50vw;
border-bottom-color: white;
border-left-color: white;
}
.cover-section-4b.skew-bottom-high-left:after {
border-width: 7vh 53vw;
bottom: -8px;
}
/* //////////////////// */
/* END SECTION MANIPULATION */
/* //////////////////// */
/* ///////// */
/* BG COLORS */
/* ///////// */
.skew-yellow:after {
border-bottom-color: #fad758 !important;
border-left-color: #fad758 !important;
}
.bg-yellow {
background: #fad758 !important;
}
.bg-orange {
background: #eaae00 !important;
}
.mark-lg {
font-size: 56px;
line-height: 1.2;
display: block;
width: fit-content;
}
.mark-xl {
font-size: 60px;
}
mark {
white-space: nowrap;
}
.font-black {
color: black !important;
}
.font-white {
color: white !important;
}
/* ///////////// */
/* END BG COLORS */
/* ///////////// */
/* //////////////////// */
/* END SECTION MANIPULATION */
/* //////////////////// */
/* //////////////////// */
/* END GALLERY SLIDER 1 */
/* //////////////////// */
/* //////////////// */
/* CTA FULL WIDTH 1 */
/* //////////////// */
.cta-full-width-1 a {
white-space: nowrap;
}
@media screen and (max-width: 768px) {
.cta-full-width-1 {
padding-top: 30px;
}
}
@media screen and (max-width: 600px) {
.cta-full-width-1 {
padding-top: 0px;
}
.cta-full-width-1 .display-5 {
font-size: 20px;
}
.cta-full-width-1 .underline-2 {
white-space: unset;
}
.cta-full-width-1 .underline-2::after {
background: none !important;
}
}
@media screen and (max-width: 350px) {
.cta-full-width-1 a {
font-size: 20px;
}
}
/* //////////////////// */
/* END CTA FULL WIDTH 1 */
/* //////////////////// */
/* //////// */
/* SNIPPETS */
/* //////// */
/* ////////////////// */
/* WARRANTY SECTION 1 */
/* ////////////////// */
.warranty-section h2 {
font-size: 30px;
}
/* ////////////////////// */
/* END WARRANTY SECTION 1 */
/* ////////////////////// */
.warranty-section {
background-color: gainsboro;
}
@media screen and (max-width: 768px) {
.warranty-section .cta-phone-button a {
font-size: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
}
.badge-1.badge-container {
display: inline-block;
position: relative;
background-color: grey;
height: 180px;
width: 150px;
border-radius: 15px 15px 70px 60px;
margin-left: 30px;
margin: 0 auto;
display: block;
margin-bottom: 50px;
margin-top: 50px;
}
.badge-1 .badge-top-half-circle {
height: 27%;
/* as the half of the width */
border-top-left-radius: 100px;
border-top-right-radius: 100px;
border-bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: -30px;
left: -0%;
width: inherit;
background-color: grey;
}
.badge-1 .badge-top-half-circle-border {
height: 22%;
/* as the half of the width */
border-top-left-radius: 100px;
border-top-right-radius: 100px;
border-bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: -23px;
left: 6px;
width: 137px;
background-color: grey;
border: 1px solid white;
border-bottom: none;
}
.badge-1 .triangle, .badge-1 .triangle:before, .badge-1 .triangle:after {
width: 120px;
height: 120px;
}
.badge-1 .triangle,.badge-1 .triangle-border {
overflow: hidden;
position: relative;
margin: 7em auto 0;
border-radius: 14%;
transform: translateY(0%) rotate(30deg) skewY(30deg) scaleX(0.866);
cursor: pointer;
pointer-events: none;
position: absolute;
bottom: -21px;
left: 15px;
transform: rotate(225deg) !important;
}
.badge-1 .triangle-border {
border-top: 1px solid white;
border-left: 1px solid white;
top: 102px;
left: 26px;
width: 97px;
position: absolute;
border-radius: 0 !important;
margin: 0 auto;
height: 97px;
z-index: 10;
border-radius: 12px 0 0 0 !important;
}
.badge-1 .triangle:before, .badge-1 .triangle:after {
position: absolute;
background: grey;
pointer-events: auto;
content: "";
}
.badge-1 .triangle:before {
border-radius: 20% 20% 20% 53%;
transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(30deg) scaleY(0.866) translateX(-24%);
}
.badge-1 .triangle:after {
border-radius: 20% 20% 53% 20%;
transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(-30deg) scaleY(0.866) translateX(24%);
}
.badge-1 .badge-number {
font-size: 42px;
font-family: 'Montserrat';
font-weight: 700;
color: white;
text-align: center;
position: absolute;
top: 21px;
box-sizing: unset;
width: 100%;
}
.badge-1 .badge-subtext {
font-size: 29px;
font-family: 'Montserrat';
color: white;
text-align: center;
position: absolute;
top: 59px;
width: 100%;
letter-spacing: -3px;
box-sizing: unset !important;
}
.badge-1 .badge-number-border {
position: absolute;
content: "";
border-right: 1px solid white;
border-left: 1px solid white;
z-index: 10;
width: 135px;
top: 10px;
left: 1px;
margin-right: 5px;
margin-left: 5px;
height: 140px;
box-sizing: unset !important;
}
.badge-1 .ribbon-wrapper {
position: relative;
z-index: 997;
}
.badge-1 .ribbon-front {
background-color: #79ac24;
height: 30px;
bottom: -90px;
width: 163px;
position: relative;
left: -8px;
z-index: 2;
font: 16px/50px bold Verdana, Geneva, sans-serif;
color: #f8f8f8;
text-align: center;
text-shadow: 0px 1px 2px #79ac24;
line-height: 31px;
font-weight: 600;
}
.badge-1 .ribbon-front, .badge-1 .ribbon-back-left, .badge-1 .ribbon-back-right {
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
-khtml-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
-o-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
}
.badge-1 .ribbon-edge-topleft, .badge-1 .ribbon-edge-topright, .badge-1 .ribbon-edge-bottomleft, .badge-1 .ribbon-edge-bottomright {
position: absolute;
z-index: 1;
border-style: solid;
height: 0px;
width: 0px;
}
.badge-1 .ribbon-edge-topleft, .badge-1 .ribbon-edge-topright {
}
.badge-1 .ribbon-edge-bottomleft, .badge-1 .ribbon-edge-bottomright {
top: 120px;
}
.badge-1 .ribbon-edge-topleft, .badge-1 .ribbon-edge-bottomleft {
left: -8px;
border-color: transparent #5c831a transparent transparent;
}
.badge-1 .ribbon-edge-topleft {
top: 85px;
border-width: 5px 8px 0 0;
}
.badge-1 .ribbon-edge-bottomleft {
border-width: 0 10px 0px 0;
}
.badge-1 .ribbon-edge-topright, .badge-1 .ribbon-edge-bottomright {
left: 148px;
border-color: transparent transparent transparent #5c831a;
}
.badge-1 .ribbon-edge-topright {
top: 0px;
border-width: 0px 0 0 10px;
}
.badge-1 .ribbon-edge-bottomright {
border-width: 0 0 5px 8px;
}
/*******************/
/* Ribbon position */
/*******************/
/* Middle piece */
.badge-1 .ribbon-front {
top: 117px;
font-family: 'Montserrat';
}
.badge-1 .ribbon-edge-bottomright {
top: 147px;
}
.badge-1 .ribbon-edge-topleft {
top: 112px;
}
/***********************/
/* END Ribbon position */
/***********************/
.badge-logo {
position: absolute;
width: 100%;
display: block;
top: -31px !important;
}
.badge-logo-img {
width: 50px;
margin: 0 auto;
display: block;
margin-top: 16px;
}
.badge-1 .bottom-text {
position: absolute;
width: 100%;
text-align: center;
bottom: 6px;
color: white;
font-family: 'Montserrat';
font-size: 16px;
}
@-webkit-keyframes flow {
0% {
left: -20px;
opacity: 0;
}
50% {
left: 100px;
opacity: 0.3;
}
100% {
left: 120px;
opacity: 0;
}
}
@keyframes flow {
0% {
left: -20px;
opacity: 0;
}
50% {
left: 100px;
opacity: 0.3;
}
100% {
left: 140px;
opacity: 0;
}
}
.badge-1 .glow {
top: 117px;
background: rgb(255, 255, 255);
width: 40px;
height: 100%;
z-index: 999;
position: absolute;
-webkit-animation: flow 1.5s linear infinite;
-moz-animation: flow 1.5s linear infinite;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
background: -moz-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100% );
/* FF3.6+ */
background: -webkit-gradient( linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)) );
/* Chrome,Safari4+ */
background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100% );
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100% );
/* Opera 11.10+ */
background: -ms-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100% );
}
/* ///////////////// */
/* COUPON SECTION 1 */
/* ///////////////// */
.coupon-container {
position: relative;
}
.coupon-section-1 .coupon-top-section {
height: 300px;
margin-bottom: -130px;
}
.coupon-section-1 .coupon-corner {
height: 250px;
width: 400px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
margin: 30px auto;
display: block;
}
.coupon-section-1 .coupon-corner:after {
content: "";
position: absolute;
top: -467px;
left: -237px;
height: 600px;
width: 600px;
background: #c9212e;
transform: rotate(54deg);
}
.coupon-section-1 .coupon-corner-title {
position: absolute;
z-index: 1;
color: black;
top: -8px;
left: 12px;
font-size: 65px;
font-weight: 700;
color: white;
}
.coupon-section-1 .dollar-save {
font-size: 83px;
float: left;
}
.coupon-section-1 .coupon-corner-line {
border-bottom: 2px dashed white;
z-index: 4;
position: absolute;
top: -17px;
left: -84px;
width: 221%;
transform: rotate(143.9deg);
}
.coupon-section-1 .coupon-corner-scissors {
position: absolute;
transform: rotate(228deg);
width: 71px;
z-index: 4;
top: 0px;
left: 228px;
}
.coupon-section-1 .coupon-title-container {
position: absolute;
right: 15%;
top: 14%;
}
.coupon-section-1 .coupon-title {
text-align: center;
font-weight: 600;
}
.coupon-section-1 .promo-blurb {
text-align: center;
border-radius: 50%;
width: 75px;
height: 75px;
line-height: 82px;
font-size: 41px;
margin: 0 auto;
display: block;
color: #c9212e;
border: 1px solid #c9212e;
position: relative;
}
.coupon-section-1 .promo-blurb i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.coupon-section-1 .promo-item-container {
padding-left: 15px;
padding-right: 15px;
height: 460px;
position: relative;
width: 100%;
}
.coupon-section-1 .promo-item-container.dashed-border {
border-right: 2px dashed #6c757d;
}
.coupon-section-1 .promo-item-title {
text-align: center;
font-size: 90px;
font-weight: 900;
line-height: 1;
margin-top: 20px;
}
.coupon-section-1 .promo-item-subtitle {
text-align: center;
font-size: 16px;
margin-bottom: 15px;
}
.coupon-section-1 .promo-item-disclaimer {
color: rgb(35 40 47 / 50%);
text-align: center;
position: absolute;
bottom: 0;
padding-left: 15px;
padding-right: 15px;
}
.promo-items-row {
margin-top: 60px;
}
.promo-items-row .col-md-3 {
padding: 0;
}
.coupon-item {
border-radius: 25px;
border: 4px dashed white;
text-align: center;
width: 300px;
height: 192px;
padding: 20px;
z-index: 2;
position: relative;
}
.coupon-title {
color: white;
font-size: 30px;
line-height: 1.1;
margin-bottom: 2px;
padding-bottom: 2px;
}
.coupon-price {
font-weight: 800;
font-size: 50px;
margin-top: -20px
}
.coupon-disclaimer {
font-size: 12px;
color: white;
margin-top: -15px;
font-weight: 300;
}
@media screen and (max-width: 1200px) {
.coupon-section-1 .coupon-title-container {
}
.coupon-section-1 .coupon-title {
padding-top: 80px;
}
.promo-items-row {
margin-top: 130px;
}
.coupon-section-1 .promo-item-title {
font-size: 70px;
}
.coupon-section-1 .promo-item-container {
height: 530px;
}
}
@media screen and (max-width: 992px) {
.coupon-section-1 .coupon-title-container {
width: 100%;
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.coupon-section-1 .promo-item-container {
height: 620px;
}
.coupon-section-1 .promo-item-title {
font-size: 60px;
}
}
@media screen and (max-width: 768px) {
.coupon-corner:after {
width: 530px;
height: 630px;
top: -470px;
}
.coupon-corner-line {
left: -110px;
}
.coupon-corner-scissors {
width: 40px;
left: 200px;
}
.dollar-save {
font-size: 60px;
}
.coupon-corner-title {
font-size: 50px;
}
.coupon-title-container {
position: relative;
width: 290px;
right: -160px;
top: 60px;
}
.promo-items-row {
margin-top: 20px;
}
.promo-item-container {
margin-bottom: 55px;
border: 2px dashed #6c757d !important;
padding: 25px;
max-width: 90%;
margin: 0 auto;
margin-bottom: 25px;
}
.coupon-section-1 .coupon-title-container {
position: relative;
padding-top: 20px;
}
.coupon-section-1 .coupon-corner {
display: none;
}
.coupon-section-1 .coupon-title {
padding-top: 0px;
}
.coupon-section-1 .promo-item-container {
height: 360px;
border-width: 7px !important;
}
.coupon-section-1 .promo-item-disclaimer {
bottom: 20px !important;
}
}
@media screen and (max-width: 500px) {
.coupon-corner:after {
width: 460px;
height: 630px;
top: -470px;
}
.coupon-corner-line {
left: -204px;
}
.coupon-corner-scissors {
width: 36px;
left: 111px;
}
.coupon-section-1 .coupon-title-container {
padding-top: 0;
margin-top: -20px;
}
.promo-items-row {
margin-top: 60px;
}
.coupon-section-1 .promo-item-container {
height: 390px;
}
.dollar-save {
font-size: 40px;
}
.coupon-corner-title {
font-size: 30px;
}
.coupon-title-container {
position: relative;
width: 100%;
right: 0px;
top: 90px;
padding-left: 10px;
padding-right: 10px;
}
}
/* ///////////////////// */
/* COUPON SECTION 1 END */
/* ///////////////////// */
/* ///////////////// */
/* COUPON SECTION 2 */
/* ///////////////// */
.coupon-section-2 .coupon-card {
background: linear-gradient(135deg, #7158fe, #9d4de6);
color: #fff;
text-align: center;
padding: 40px 20px;
border-radius: 15px;
box-shadow: 0 10px 10px 0 rgba(0,0,0,0.15);
position: relative;
height: 400px;
margin-bottom: 25px;
}
.coupon-section-2 .logo {
width: 110px;
border-radius: 8px;
margin-bottom: 20px;
}
.coupon-section-2 .coupon-card h3 {
font-size: 28px;
font-weight: 400;
line-height: 40px;
color: white;
}
.coupon-section-2 .coupon-card p {
font-size: 15px;
position: absolute;
bottom: 0;
left: 50%;
width: 100%;
transform: translate(-50%, 0%);
}
.coupon-section-2 .coupon-row {
display: block;
align-items: center;
margin: 25px auto;
width: fit-content;
position: absolute;
bottom: 70px;
margin: 0 auto;
width: 90%;
}
.coupon-section-2 #cpnCode {
border: 1px dashed #fff;
padding: 10px 15px;
border-right: 0;
font-size: 14px;
max-width: 170px;
}
.coupon-section-2 #cpnBtn {
border: 1px solid #fff;
background: #fff;
padding: 10px 20px;
color: #7158fe;
cursor: pointer;
font-size: 14px;
white-space: nowrap;
margin-left: -8px;
}
.coupon-section-2 .circle1, .coupon-section-2 .circle2 {
background: #f0fff3;
width: 50px;
height: 50px;
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.coupon-section-2 .circle1 {
left: -25px;
}
.coupon-section-2 .circle2 {
right: -25px;
}
@media screen and (max-width: 1400px) {
.coupon-section-2 #cpnCode {
display: block;
border-right: 1px dashed;
margin: 0 auto;
}
.coupon-section-2 .coupon-card h3 {
font-size: 20px;
line-height: 1.7
}
.coupon-section-2 #cpnBtn {
margin-left: 0;
display: block;
max-width: 170px;
margin: 0 auto;
}
}
@media screen and (max-width: 1400px) {
.coupon-section-2 .coupon-card {
min-height: 450px
}
}
@media screen and (max-width: 992px) {
.coupon-section-2 .coupon-card {
height:auto;
min-height: 420px;
padding: 30px 30px;
}
}
@media screen and (max-width: 768px) {
.coupon-section-2 .coupon-card {
margin-bottom: 20px;
min-height: 370px;
padding: 30px 40px;
}
.coupon-section-2 .coupon-row {
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
left: 50%;
transform: translate(-50%, 0);
}
.coupon-section-2 .logo {
max-width: 100%;
min-width: 80px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 600px) {
.coupon-section-2 .coupon-row {
bottom:50px
}
.coupon-section-2 .coupon-card h3 {
font-size: 21px;
line-height: 1.3;
}
.coupon-section-2 .coupon-card {
padding: 30px 10px 10px 10px;
min-height: 340px;
}
}
@media screen and (max-width: 400px) {
.coupon-section-2 .coupon-card p {
font-size: 10px
}
}
@media screen and (max-width: 350px) {
.coupon-section-2 #cpnCode, .coupon-section-2 #cpnBtn {
font-size: 13px
}
}
@media screen and (max-width: 310px) {
.coupon-section-2 #cpnCode, .coupon-section-2 #cpnBtn {
font-size: 10px
}
}
/* ///////////////////// */
/* COUPON SECTION 2 END */
/* ///////////////////// */
/* ///////////////// */
/* COUPON SECTION 3 */
/* ///////////////// */
.coupon-item-container {
margin-bottom: 20px
}
.coupon-section-3 .coupon-item {
border: 4px dashed black;
padding: 15px 5px;
position: relative;
border-radius: 15px;
width: 100%;
height: 100%;
text-align: unset;
}
.coupon-section-3 .coupon-title {
white-space: nowrap;
color: black;
text-align: center;
font-size: 14px;
font-weight: 700;
}
.coupon-section-3 .coupon-inner-row {
height: 100%;
}
.coupon-section-3 .coupon-inner-row .col-5, .coupon-section-3 .coupon-inner-row .col-7 {
position: relative;
height: inherit;
}
.coupon-section-3 .coupon-inner-row .col-5 {
padding-right: 0;
}
.coupon-section-3 .coupon-inner-row .col-7 {
padding-left: 5px;
}
.coupon-section-3 .coupon-img {
max-width: 100%;
object-fit: cover;
height: 100%;
max-height: 84%;
margin-top: -15px;
border-radius: 7px;
}
.coupon-section-3 .coupon-description-1 {
white-space: normal;
color: black;
font-size: 10px;
font-weight: 700;
line-height: 1.1;
text-align: center;
}
.coupon-section-3 .coupon-discount-container {
background: green;
margin-top: 5px;
border-radius: 4px;
}
.coupon-section-3 .coupon-discount-text {
white-space: nowrap;
font-size: 38px;
font-weight: 700;
letter-spacing: -2px;
line-height: 1.4;
text-align: center;
}
.coupon-section-3 .coupon-description-2 {
white-space: nowrap;
font-size: 11px;
font-weight: 700;
position: relative;
text-align: left;
}
.coupon-section-3 .coupon-disclaimer {
white-space: nowrap;
font-size: 7px;
font-weight: 700;
position: relative;
color: black;
margin-top: -1px;
text-align: left;
}
.coupon-section-3 .coupon-sub-title {
white-space: nowrap;
color: black;
font-weight: 700;
font-size: 19px;
text-align: left;
}
.coupon-section-3 .coupon-expiration {
color: #6c6c6c;
font-size: 10px;
margin-top: -7px;
font-weight: 600;
margin-left: 1px;
}
/* ///////////////// */
/* COUPON SECTION 3 - END */
/* ///////////////// */
/* ///////////////// */
/* COUPON SECTION 4 */
/* ///////////////// */
/*PRICE COLOR CODE START*/
#generic_price_table .generic_content {
background-color: #fff;
}
#generic_price_table .generic_content .generic_head_price {
background-color: #f6f6f6;
}
#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg {
border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;
}
#generic_price_table .generic_content .generic_head_price .generic_head_content .head span {
color: #525252;
}
#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign {
color: #414141;
}
#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency {
color: #414141;
}
#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent {
color: #414141;
}
#generic_price_table .generic_content .generic_head_price .generic_price_tag .month {
color: #414141;
}
#generic_price_table .generic_content .generic_feature_list ul li {
color: #a7a7a7;
}
#generic_price_table .generic_content .generic_feature_list ul li span {
color: #414141;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover {
background-color: #E4E4E4;
border-left: 5px solid #2ECC71;
}
#generic_price_table .generic_content .generic_price_btn a {
border: 1px solid #2ECC71;
color: #2ECC71;
}
#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg, #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg {
border-color: #2ECC71 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2ECC71;
color: #fff;
}
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span, #generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span {
color: #fff;
}
#generic_price_table .generic_content:hover .generic_price_btn a, #generic_price_table .generic_content.active .generic_price_btn a {
background-color: #2ECC71;
color: #fff;
}
#generic_price_table {
margin: 50px 0 50px 0;
}
.row .table {
padding: 28px 0;
}
/*PRICE BODY CODE START*/
#generic_price_table .generic_content {
overflow: hidden;
position: relative;
text-align: center;
}
#generic_price_table .generic_content .generic_head_price {
margin: 0 0 20px 0;
}
#generic_price_table .generic_content .generic_head_price .generic_head_content {
margin: 0 0 50px 0;
}
#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg {
border-style: solid;
border-width: 90px 1411px 23px 399px;
position: absolute;
}
#generic_price_table .generic_content .generic_head_price .generic_head_content .head {
padding-top: 40px;
position: relative;
z-index: 1;
}
#generic_price_table .generic_content .generic_head_price .generic_head_content .head span {
font-size: 28px;
font-weight: 400;
letter-spacing: 2px;
margin: 0;
padding: 0;
text-transform: uppercase;
}
#generic_price_table .generic_content .generic_head_price .generic_price_tag {
padding: 0 0 20px;
}
#generic_price_table .generic_content .generic_head_price .generic_price_tag .price {
display: block;
}
#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign {
display: inline-block;
font-size: 28px;
font-weight: 400;
vertical-align: middle;
}
#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency {
font-size: 51px !important;
font-weight: 300;
letter-spacing: -2px;
line-height: 60px;
padding: 0;
vertical-align: middle;
font-weight: 600;
}
#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency-old {
text-decoration: line-through;
color: red;
}
#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent {
display: inline-block;
font-size: 24px;
font-weight: 400;
vertical-align: bottom;
}
#generic_price_table .generic_content .generic_head_price .generic_price_tag .month {
font-size: 18px;
font-weight: 400;
letter-spacing: 3px;
vertical-align: bottom;
}
#generic_price_table .generic_content .generic_feature_list ul {
list-style: none;
padding: 0;
margin: 0;
}
#generic_price_table .generic_content .generic_feature_list ul li {
font-size: 18px;
padding: 15px 0;
transition: all 0.3s ease-in-out 0s;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover {
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
#generic_price_table .generic_content .generic_feature_list ul li .fa {
padding: 0 10px;
}
#generic_price_table .generic_content .generic_price_btn {
margin: 20px 0 32px;
}
#generic_price_table .generic_content .generic_price_btn a {
border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
-webkit-border-radius: 50px;
display: inline-block;
font-family: "Lato",sans-serif;
font-size: 18px;
outline: medium none;
padding: 12px 30px;
text-decoration: none;
text-transform: uppercase;
}
#generic_price_table .generic_content, #generic_price_table .generic_content:hover, #generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg, #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg, #generic_price_table .generic_content .generic_head_price .generic_head_content .head h2, #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2, #generic_price_table .generic_content .price, #generic_price_table .generic_content:hover .price, #generic_price_table .generic_content .generic_price_btn a, #generic_price_table .generic_content:hover .generic_price_btn a {
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
@media (max-width: 320px) {
}
@media (max-width: 767px) {
#generic_price_table .generic_content {
margin-bottom:75px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#generic_price_table .col-md-3 {
float:left;
width: 50%;
}
#generic_price_table .col-md-4 {
float: left;
width: 50%;
}
#generic_price_table .generic_content {
margin-bottom: 75px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
#generic_price_table_home {
}
.text-center h1, .text-center h1 a {
color: #7885CB;
font-size: 30px;
font-weight: 300;
text-decoration: none;
}
.demo-pic {
margin: 0 auto;
}
.demo-pic:hover {
opacity: 0.7;
}
#generic_price_table_home ul {
margin: 0 auto;
padding: 0;
list-style: none;
display: table;
}
#generic_price_table_home li {
float: left;
}
#generic_price_table_home li + li {
margin-left: 10px;
padding-bottom: 10px;
}
#generic_price_table_home li a {
display: block;
width: 50px;
height: 50px;
font-size: 0px;
}
#generic_price_table_home .blue {
background: #3498DB;
transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .emerald {
background: #2ECC71;
transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .grey {
background: #7F8C8D;
transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .midnight {
background: #34495E;
transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .orange {
background: #E67E22;
transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .purple {
background: #9B59B6;
transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .red {
background: #E74C3C;
transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .turquoise {
background: #1ABC9C;
transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .blue:hover, #generic_price_table_home .emerald:hover, #generic_price_table_home .grey:hover, #generic_price_table_home .midnight:hover, #generic_price_table_home .orange:hover, #generic_price_table_home .purple:hover, #generic_price_table_home .red:hover, #generic_price_table_home .turquoise:hover {
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .divider {
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
padding: 20px;
}
#generic_price_table_home .divider span {
width: 100%;
display: table;
height: 2px;
background: #ddd;
margin: 50px auto;
line-height: 2px;
}
#generic_price_table_home .itemname {
text-align: center;
font-size: 50px ;
padding: 50px 0 20px ;
border-bottom: 1px solid #ddd;
margin-bottom: 40px;
text-decoration: none;
font-weight: 300;
}
#generic_price_table_home .itemnametext {
text-align: center;
font-size: 20px;
padding-top: 5px;
text-transform: uppercase;
display: inline-block;
}
#generic_price_table_home .footer {
padding: 40px 0;
}
.price-heading {
text-align: center;
}
.price-heading h1 {
color: #666;
margin: 0;
padding: 0 0 50px 0;
}
.demo-button {
background-color: #333333;
color: #ffffff;
display: table;
font-size: 20px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 50px;
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium ;
padding: 10px;
text-align: center;
text-transform: uppercase;
}
.bottom_btn {
background-color: #333333;
color: #ffffff;
display: table;
font-size: 28px;
margin: 60px auto 20px;
padding: 10px 25px;
text-align: center;
text-transform: uppercase;
}
.demo-button:hover {
background-color: #666;
color: #FFF;
text-decoration: none;
}
.bottom_btn:hover {
background-color: #666;
color: #FFF;
text-decoration: none;
}
/* /////////////////////// */
/* COUPON SECTION 4 - END */
/* /////////////////////// */
/* ////// */
/* SHAPES */
/* ////// */
.starburst-container {
display: inline-flex;
}
.starburst {
font: 4em/1.4 'Lobster', georgia, serif;
background: #e2626b;
background: linear-gradient(30deg,#d50614,#af0a6c)!important;
width: 100px;
height: 100px;
text-align: center;
color: #fff;
transform: rotate(-45deg);
margin-right: 60px;
}
.starburst-border {
position: absolute;
top: -10px;
left: -11px;
background: transparent;
height: 121px;
width: 121px;
border-radius: 100%;
border: 1px solid white;
z-index: 2;
opacity: 0.4;
}
.starburst-stars {
display: inline;
white-space: nowrap;
position: absolute;
top: -48px;
left: 50%;
transform: translateX(-61%);
}
.starburst-stars i {
font-size: 10px;
margin-right: -13px;
}
.starburst-text-container {
margin-top: 40px;
font-family: 'Open Sans';
width: 100%;
height: 100%;
text-align: center;
}
.starburst-text-1 {
white-space: nowrap;
font-size: 30px;
position: absolute;
top: 19px;
width: 100%;
text-align: center;
display: block;
font-weight: 700;
}
.starburst-text-2 {
font-size: 15px;
position: absolute;
top: 57px;
display: block;
width: 100%;
line-height: 1;
font-weight: 600;
}
.starburst, .starburst span {
display: flex;
align-items: center;
justify-content: center;
}
.starburst span {
width: 100%;
height: 100%;
background: inherit;
transform: rotate(45deg);
}
.starburst:before, .starburst:after , .starburst span:before, .starburst span:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: inherit;
z-index: -1;
transform: rotate(30deg);
}
.starburst:after {
transform: rotate(-30deg);
}
.starburst span:after {
transform: rotate(30deg);
}
.starburst span:before {
transform: rotate(-30deg);
}
@media screen and (max-width: 768px) {
.starburst-items-container {
display: flex;
flex-wrap: nowrap;
justify-content: center;
flex-direction: row;
margin: 0 auto;
text-align: center;
align-items: center;
z-index: 9999999999;
display: block;
position: relative;
margin-bottom: 30px;
margin-left: 30px;
}
.starburst-container {
margin-right: 45px;
}
.starburst {
font: 4em/1.4 'Lobster', georgia, serif;
background: #e2626b;
background: linear-gradient(30deg,#d50614,#af0a6c)!important;
width: 80px;
height: 80px;
text-align: center;
color: #fff;
transform: rotate(-45deg);
margin-right: 60px;
margin: 0 auto;
display: block;
margin-left: 0;
}
.starburst-border {
position: absolute;
top: -7px;
left: -7px;
background: transparent;
height: 94px;
width: 94px;
border-radius: 100%;
border: 1px solid white;
z-index: 2;
opacity: 0.4;
}
.starburst-stars i {
font-size: 7px;
margin-right: -13px;
}
.starburst-stars {
display: inline;
white-space: nowrap;
position: absolute;
top: -48px;
left: 50%;
transform: translateX(-66%);
}
.starburst-text-1 {
font-size: 23px;
top: 16px
}
.starburst-text-2 {
font-size: 11px;
top: 45px
}
}
@media screen and (max-width: 600px) {
.starburst-container {
margin-right: unset;
}
}
@media screen and (max-width: 400px) {
.starburst {
width: 70px;
height: 70px;
}
.starburst-border {
height: 81px;
width: 81px;
top: -7px;
left: -6px;
}
.starburst-stars {
transform: translateX(-73%);
top: -52px;
}
.starburst-stars i {
font-size: 6px;
}
.starburst-text-1 {
font-size: 20px;
}
.starburst-text-2 {
font-size: 9px;
top: 42px
}
}
/* ////////// */
/* SHAPES END */
/* ////////// */
/* ////// */
/* MENU 1 */
/* ////// */
#menu-1 .menu {
transition: 0.1s transform linear;
position: fixed;
background: 0;
margin: 2.1rem;
height: 1rem;
width: 2.4rem;
z-index: 999999999999;
outline: 0;
padding: 0;
border: 0;
right: -40px;
top: -13px;
transition: 0.2s all;
}
#menu-1 .cover-section-phone-btn {
font-size: 17px;
margin-left: -10px;
}
#menu-1 .btn-group-lg>.btn, .btn-lg {
padding-left: 10px;
padding-right: 10px;
}
#menu-1 .logo-menu img {
margin-bottom: 20px
}
#menu-1 .bar, #menu-1 .bar::before, #menu-1 .bar::after {
transition: 0.2s background linear 0.1s, 0.2s top linear 0.2s, 0.2s transform linear;
position: absolute;
background: #000;
margin: auto;
width: 80%;
height: 0.3rem;
content: "";
top: 50%;
left: 6px;
}
#menu-1 .bar {
margin-top: -0.2rem;
}
#menu-1 .bar::before {
top: -0.7rem;
}
#menu-1 .bar::after {
top: 0.7rem;
}
#menu-1 .bar::before, #menu-1 .bar::after {
transform: rotate(0deg);
}
#menu-1 .active .bar {
background: 0 !important;
}
#menu-1 .active .bar::before {
transform: rotate(45deg);
}
#menu-1 .active .bar::after {
transform: rotate(-45deg);
}
#menu-1 .active .bar::before, #menu-1 .active .bar::after {
top: 0;
}
#menu-1 .active .bar, #menu-1 .active .bar::before, #menu-1 .active .bar::after {
transition: 0.2s background linear 0.1s, 0.2s top linear, 0.2s transform linear 0.2s;
}
#menu-1 nav {
width: 270px;
height: 100%;
background: linear-gradient(90deg, #2196F3, #03A9F4);
background: white;
position: fixed;
transform: translateX(-550px);
transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
padding-top: 30px;
z-index: 999999999999;
padding-left: 30px;
top: 0;
}
.menu-open #menu-1 nav {
transform: translateX(0);
}
#menu-1 nav ul {
margin: 0;
list-style: none;
padding: 0;
}
#menu-1 nav ul li {
padding: 20px 5px;
padding-bottom: 0;
padding-top: 7px;
font-size: 2rem;
}
#menu-1 nav ul li:hover {
}
.sticky-hamburger-menu {
top: -24px !important;
}
@media screen and (max-width: 768px) {
#menu-1 .bar, #menu-1 .bar::before, #menu-1 .bar::after {
height: 3px;
}
#menu-1 .bar::before {
top: -10px;
}
#menu-1 .bar::after {
top: 10px
}
#menu-1 .menu {
width: 1.9rem;
top: -16px !important;
right: -29px;
opacity: 1;
}
#menu-1 .menu {
top: -14px !important;
opacity: 0;
}
#menu-1 .sticky-hamburger-menu {
top: -22px !important;
opacity: 1;
top: -21px !important;
}
}
/* ////////// */
/* END MENU 1 */
/* ////////// */
/* ////////// */
/* ANIMATIONS */
/* ////////// */
/* ////////// */
/* ANIMATIONS */
/* ////////// */
@keyframes tilt-shaking {
0% {
transform: rotate(0)
}
5% {
transform: rotate(10deg)
}
15% {
transform: rotate(-10deg)
}
25% {
transform: rotate(10deg)
}
35% {
transform: rotate(-10deg)
}
45% {
transform: rotate(10deg)
}
55% {
transform: rotate(-10deg)
}
65% {
transform: rotate(10deg)
}
75% {
transform: rotate(-10deg)
}
80% {
transform: rotate(0)
}
}
/* ////////////// */
/* ANIMATIONS END */
/* ////////////// */
/* ////////// */
/* RESPONSIVE */
/* ////////// */
@media screen and (max-width: 992px) {
.video-highlight-container figure {
display: none;
}
}
/* 768px */
@media screen and (max-width: 768px) {
.services-1 .container {
padding-bottom: 0 !important;
}
.owl-carousel .owl-item img {
margin: 0 auto;
display: block;
width: 100%;
text-align: center;
object-fit: contain;
}
.contact-2 .card {
padding-top: 25px;
padding-bottom: 25px;
}
.display-3, .display-6 {
font-size: 20px;
margin-bottom: 20px !important;
}
.cover-2-img {
margin-top: unset !important;
}
.contact-2 .card-body {
padding: 0 !important;
}
.why-us-2 img {
display: none
}
.cta-3 {
padding-top: 0;
margin-top: 0px;
padding-bottom: 300px;
background: white !important;
background-color: white !important;
z-index: 1000;
position: relative;
}
.cta-3-content {
position: relative !important;
top: unset !important;
left: unset !important;
transform: unset !important;
}
.cta-3 h2 {
padding-top: 30px;
}
.cta-3 .container {
}
.why-us-2 .container {
padding-top: 0px !important
}
.cta-2 {
/* margin-top: 160px !important; */
position: relative;
padding-bottom: 50px;
z-index: 9;
background: transparent;
background-color: transparent !important;
margin-bottom: 30px;
}
.cta-2 h3 {
font-size: 18px !important;
}
.cta-2 .card {
margin-top: 0;
}
.fs-24 {
font-size: 20px !important
}
.cover-section-9#home {
z-index: 1;
min-height: 900px;
}
header {
padding-top: 10px;
z-index: 99999 !important;
}
.gallery-1 .project {
margin-bottom: 100px
}
.gallery-1 .project .item-2 {
margin-top: 30px
}
.pt--100 {
padding-top: 10px !important;
}
.features-section-1 .features-img {
max-width: 200px;
}
.features-section-2 .features-img {
margin-bottom: 10px;
height: 300px;
object-fit: cover;
}
.video-highlight-container iframe {
height: 250px;
margin: 0 auto !important;
display : block !important;
}
.video-highlight-container {
padding-top: 170px;
}
.video-highlight-container figure {
display: block;
width: 100% !important;
top: -13% !important;
}
.video-highlight-container iframe {
height: 250px;
margin: 0 auto !important;
display : block !important;
}
.video-highlight-container {
padding-top: 170px;
}
.video-highlight-container figure {
width: 90% !important;
/* top: -13% !important; */
left: 50%;
transform: translate(-50%, -50%) !important;
}
.cover-section-4 {
min-height: 590px;
max-height: 1800px;
}
.cover-section-4 .center-abs {
position: relative !important;
top: unset;
left: unset;
transform: unset;
padding-top: 100px !important;
height: 100%;
max-width: 90%;
}
.form-rating-img {
max-width: 85px;
}
.cover-section-4 .pr--60 {
padding-right: 0;
padding-top: 0;
}
.cover-section-4 h2 {
text-align: center;
font-size: 28px;
}
.estimate-box .box-title {
font-size: 15px;
}
.estimate-box {
max-width: 300px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-top: 20px;
margin-bottom: -40px;
margin: 0 auto !important;
left: 0;
}
.estimate-box .box-item {
padding-bottom: 2px;
}
footer {
padding-top: 50px;
}
.features-section-2 .container {
padding-left: 40px;
padding-right: 40px;
}
.features-section-2 .feature-item {
margin: 0 auto;
margin-top: 0px;
max-width: 350px;
border-bottom: 1px dotted #f1f1f1;
}
.features-section-2 .feature-item .icon {
margin: 0 auto;
display: block;
line-height: 2.2;
margin-bottom: 10px !important;
}
.features-section-2 .feature-item h4, .features-section-2 .feature-item p {
text-align: center;
font-size: 17px;
}
.video-wrapper iframe {
max-height: 165px;
}
.col-md-6 .video-wrapper iframe {
max-height: 190px !important;
}
.cta-full-width-1 .container {
padding-top: 25px !important;
padding-bottom: 25px !important;
}
}
/* ///////// */
/* END 768px */
/* ///////// */
@media screen and (max-width: 500px) {
.cta-2 {
padding-top: 0 !important;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
}
.cta-2 .card-body {
padding-left: 10px !important;
padding-right: 10px !important;
}
.underline-2:after {
display: none
}
.cta-2 .container {
padding-left: 0;
padding-right: 0;
}
.owl-carousel .owl-item img {
/* height: 200px !important; */
}
}
/* 600px */
@media screen and (max-width: 600px) {
.form-rating-img {
max-width: 70px;
}
.features-section-1 .features-img {
max-width: 130px;
}
.video-highlight-container figure {
width: 100% !important;
top: -13% !important;
height: 280px !important;
}
.video-highlight-container .card-body {
height: inherit;
}
.video-highlight-container iframe {
height: 200px
}
.logo-header {
max-width: 265px !important;
width: 185px !important;
margin-top: -10px !important;
}
.navbar-sticky .logo-header {
margin-top: 0;
width: 87px !important;
}
.logo-footer {
margin-top: 15px;
margin-bottom: 15px !important;
display: block;
margin: 0 auto;
width: 100px;
}
.service-item img {
/* min-height: 100%; */
height: 100%;
}
.banner--stick .logo-header {
max-width: 127px !important;
margin-top: -3px !important;
padding: 0;
}
.header-phone {
margin-right: 0;
margin-top: -11px;
right: 50px;
top: 0px;
position: absolute;
transform: translate(20%, -30%);
}
.banner--stick .header-phone {
margin-top: 17px;
}
.header-phone-text {
/* display: none; */
}
.cover-section-4 {
min-height: 590px;
max-height: 1800px;
}
header.center-on-mobile.header-2 .logo-header {
width: 80px !important;
margin: 5px auto;
left: -15px;
margin-top: -36px !important;
}
}
/* END 600px */
@media screen and (max-width: 500px) {
.header-phone {
margin-top: 1px;
}
.cover-section-4 {
min-height: 700px;
}
}
@media screen and (max-width: 430px) {
.cover-section-9#home {
background-position: left;
}
}
@media screen and (max-width: 400px) {
.header-phone {
transform: translate(35%, -40%)
}
.cover-section-9 {
max-height: 200px !important
}
.cover-section-4 .center-abs {
width: 100% !important;
max-width: 100%;
/* padding-top: 50px !important; */
}
}
@media screen and (max-width: 360px) {
.header-phone {
display: none !important;
}
header.center-on-mobile .header-phone {
display: block !important;
}
.cover-section-4 {
min-height: 810px;
}
}
@media screen and (max-width: 300px) {
header.center-on-mobile.header-2 .logo-header {
/* width: 45% !important; */
}
}
/* ////////////// */
/* END RESPONSIVE */
/* ////////////// */
/* ///////////// */
/* LIGHT GALLERY */
/* ///////////// */
.lg-toolbar {
top: unset !important;
position: fixed !important;
display: block;
z-index: 9999999999999 !important;
width: 100% !important;
bottom: 15.7%;
}
@media screen and (max-width: 768px) {
.lg-toolbar {
}
}
/* ///////////////// */
/* LIGHT GALLERY END */
/* ///////////////// */
html {
overflow: auto;
}
@media screen and (max-width: 1400px) {
.pre-header-logo {
margin-top: 13px;
max-width: 200px;
}
}
.carpet-cleaning-section {
background-image: url('/assets/img/carpet.jpg');
background-size: 562px 547px;
background-repeat: no-repeat;
background-repeat: repeat;
position: relative;
height: fit-content;
overflow: hidden;
padding-top: 100px;
padding-bottom: 100px;
}
.carpet-cleaning-section .feature-item {
text-align: center;
z-index: 2;
position: relative;
max-width: 400px;
margin: 0 auto;
}
.clean-floor {
background-image: url('/assets/img/clean-carpet.png');
background-size: 560px 169px;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
top: 0;
left: 50%;
margin-left: -280px;
width: 560px;
height: 0;
background-repeat: repeat-y!important;
background-position: center top;
transition: height 1s;
}
.machine {
background-image: url('/assets/img/machine.png');
background-size: contain;
background-repeat: no-repeat;
background-size: 100% auto!important;
position: absolute;
z-index: 3;
width: 675px;
height: 1174px;
margin-left: -337px;
top: -100px;
left: 50%;
background-size: inherit;
background-repeat: no-repeat;
transition: transform 1s;
}
@media screen and (max-width: 768px) {
.machine {
}
}
/* /////////// */
/* MA CALENDAR */
/* /////////// */
.ma-cal-container {
display: flex;
flex: 1 1 auto;
max-width: 800px;
min-height: 550px;
transition: all .22s ease-out;
width: 100%;
border: 1px solid var(--text-color-level3, rgba(26, 26, 26, 0.1));
border-radius: 8px;
box-shadow: 0 1px 8px 0 rgb(0 0 0 / 8%);
background-color: var(--color-bg-white-l-1, rgba(255, 255, 255, 1));
margin: 0 auto;
}
.ma-cal-widget {
width: 100%;
display: flex;
flex: 1 1 auto;
max-width: 800px;
min-height: 550px;
transition: all .22s ease-out;
background: white;
}
.ma-cal-widget .ma-side-panel {
width: 50%;
min-width: 350px;
border-right: 1px solid var(--text-color-level3,rgba(26,26,26,0.1));
transition: all .22s ease-out;
}
.ma-side-panel-internal {
display: flex;
flex-direction: column;
gap: 0;
height: 100%;
padding-top: 40px;
padding-left: 20px;
padding-right: 30px;
}
.ma-cal-logo {
max-width: 60%;
width: 190px;
margin-bottom: 20px;
}
.fc .fc-scroller-harness-liquid {
height: 120% !important;
}
.ma-cal-company-name h5 {
color: var(--text-color-level2, rgba(26, 26, 26, 0.61));
font-weight: 700;
font-size: 16px;
line-height: 24px;
margin-bottom: 0;
}
.ma-cal-headline {
margin: 0;
font-weight: 700;
font-size: 28px;
line-height: 32px;
box-sizing: border-box;
margin: 0;
color: var(--text-color, rgb(26, 26, 26));
font-size: 24px;
line-height: 1.5;
word-break: break-word;
overflow-wrap: break-word;
-webkit-font-smoothing: antialiased;
margin-bottom: 15px;
}
.ma-cal-icon-container {
display: block;
}
.ma-calendar-icon-wrapper {
display: block;
margin-bottom: 5px;
}
.kjPV9BSUqWArFIVxfBTq, .YAmKI90l5OyINFgGmq9L {
align-self: flex-start;
width: 20px;
height: 20px;
margin-right: 8px;
align-self: center;
display: inline;
vertical-align: sub;
}
.ly3eodl.srpdbd5 {
width: 20px;
height: 20px;
}
.ly3eodl {
display: inline-block;
vertical-align: top;
flex-shrink: 0
}
.ly3eodl.s1ofs1m3 {
width: 16px;
height: 16px;
stroke-width: .8
}
.ly3eodl.srpdbd5 {
width: 20px;
height: 20px
}
.ly3eodl.s1tc5xel {
width: 24px;
height: 24px
}
.ma-cal-calendar-panel {
flex: 1 1 50%;
width: 50%;
transition: all .22s ease-out;
/* display: none; */
}
.ma-cal-calendar-panel-internal {
display: flex;
flex-direction: column;
height: 100%;
margin: 0 auto;
padding: 25px 0 0;
position: relative;
padding-top: 28px;
/* display: none; */
}
.ma-cal-calendar-title {
margin-top: 0;
margin-bottom: 20px;
font-weight: 700;
font-size: 16px;
text-align: center;
width: 100%;
padding-right: 32px;
padding-left: 32px;
text-align: left;
padding-right: 120px;
color: black;
}
.ma-cal-side-panel-description {
margin-top: 20px;
}
.ma-cal-side-panel-description p {
margin: 0;
padding: 0;
font-size: 15px;
line-height: 1.5;
}
.ma-cal-icon-text {
display: inline-block;
margin-top: 2px;
white-space: nowrap;
font-size: 15px;
}
.fc-theme-standard td, .fc-theme-standard th {
border: 0;
}
.fc .fc-daygrid-day-top {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.fc .fc-daygrid-day-top a {
line-height: 0;
}
.fc .fc-col-header-cell-cushion {
font-weight: 400;
margin-bottom: 0px;
}
.fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
}
.fc .fc-toolbar.fc-header-toolbar {
width: 100%;
text-align: center;
margin: 0 auto;
display: block;
border: none !important;
z-index: 9;
}
fc-toolbar-chunk {
width: 100%;
text-align: center;
margin: 0 auto;
display: block;
}
.fc .fc-toolbar-title {
font-weight: 400;
font-size: 20px;
width: 100%;
text-align: center;
margin: 0 auto;
display: block;
border: none !important;
}
/* Buttons */
.fc-today-button {
display: none !important;
}
.fc .fc-button-group {
position: absolute;
width: 100%;
left: 50%;
transform: translate(-45%, -260%);
}
.fc .fc-button-primary {
background: transparent;
border: none;
color: black;
}
.fc-icon {
position: absolute;
}
.fc-icon-chevron-left {
left: 0;
}
.fc-scroller {
margin-bottom: 20px;
overflow: visible !important;
}
.fc .fc-scrollgrid-liquid {
border: none;
margin-top: 20px;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
display: none !important;
}
.fc .fc-daygrid-day-number {
cursor: pointer;
}
.fc .fc-button-primary:hover {
background-color: transparent;
color: black
}
.fc .fc-daygrid-day.fc-day-today {
background-color: transparent;
position: relative;
}
.fc .fc-daygrid-day.fc-day-today:after {
content: "";
position: absolute;
width: 5px;
height: 5px;
background-color: #5d5d5d;
border-radius: 50%;
text-align: center;
margin: 0 auto;
display: block;
left: 50%;
transform: translate(-50%,-200%);
}
*:focus {
/* outline: none; */
/* border-color: inherit; */
/* -webkit-box-shadow: none; */
/* box-shadow: none; */
}
.class-a {
}
.class-b {
position: relative;
color: #0060d4 !important;
font-weight: 700;
}
.class-b:after {
content: "";
position: absolute;
display: block;
width: 40px;
height: 40px;
margin-right: auto;
left: 50%;
top: 50%;
margin-left: auto;
padding: 1px 0 0;
border: 1px solid transparent;
border-radius: 50%;
color: var(--text-color-level2, rgba(26, 26, 26, 0.61));
font-size: 16px;
text-align: center;
background-color: var(--primary-color-level3, rgba(0, 105, 255, 0.15));
color: #0060d4 !important;
transform: translate(-50%,-50%);
z-index: -1;
}
.class-b:hover::after {
background-color: rgba(0, 105, 255, 0.25) !important;
}
.ma-cal-day-selected span {
color: white !important;
}
.ma-cal-day-selected:hover::after {
background-color: rgb(0 105 255 / 85%) !important;
}
.ma-cal-day-selected :after, .ma-cal-day-selected .class-b:hover::after {
background-color: rgb(0 105 255 / 85%) !important;
}
.ma-cal-day-selected, .ma-cal-day-selected:hover, ma-cal-day-selected:hover::after, .ma-cal-day-selected a {
color: white !important;
}
.ma-cal-day-selected {
}
.fc-day-disabled, .fc .fc-highlight {
background: transparent !important;
}
.fc-day-disabled:after {
display: none !important;
}
.fc .fc-button-primary:focus {
opacity: 0;
}
.ma-cal-hours-panel-addition {
width: 1000px;
max-width: 1000px;
position: relative;
box-shadow: 8px 6px 9px 7px #a3a3a31a;
}
.TiHRjLF_QTwJrPFR65WG {
width: 100%;
height: 52px;
border: 1px solid var(--primary-color-level2,rgba(0,105,255,0.5));
color: var(--primary-color,rgb(0,105,255));
background: white;
font-weight: 600;
border-radius: 5px;
width: 100%;
margin-bottom: 10px;
margin-left: 0;
}
.TiHRjLF_QTwJrPFR65WG:hover,.TiHRjLF_QTwJrPFR65WG:focus {
border-width: 2px;
border-color: var(--primary-color,rgb(0,105,255))
}
.TiHRjLF_QTwJrPFR65WG.XUddz9KCW7Ktk_ARWby2:not(.bgmEBDcxYppXK2t2ETeO) {
width: 48.5%;
border-color: transparent;
background-color: rgb(0 0 0/60%);
color: var(--text-color-secondary-4,rgba(255,255,255,1))
}
.TiHRjLF_QTwJrPFR65WG.XUddz9KCW7Ktk_ARWby2:not(.bgmEBDcxYppXK2t2ETeO):hover,.TiHRjLF_QTwJrPFR65WG.XUddz9KCW7Ktk_ARWby2:not(.bgmEBDcxYppXK2t2ETeO):focus {
color: var(--text-color-secondary-4,rgba(255,255,255,1))
}
.TiHRjLF_QTwJrPFR65WG.XUddz9KCW7Ktk_ARWby2.bgmEBDcxYppXK2t2ETeO {
border-width: 2px;
border-color: var(--primary-color,rgb(0,105,255));
background-color: var(--primary-color-level4,rgba(0,105,255,0.05))
}
.TiHRjLF_QTwJrPFR65WG.dXNIM0KcSyC_9rlRABkb {
border-color: transparent;
background-color: var(--primary-color,rgb(0,105,255));
color: var(--text-color-secondary-4,rgba(255,255,255,1))
}
.TiHRjLF_QTwJrPFR65WG.dXNIM0KcSyC_9rlRABkb:hover,.TiHRjLF_QTwJrPFR65WG.dXNIM0KcSyC_9rlRABkb:focus {
color: var(--text-color-secondary-4,rgba(255,255,255,1))
}
.ma-cal-time-container {
opacity: 0;
position: absolute;
right: 0;
padding: 20px 20px;
text-align: center;
width: 220px;
margin: 0 auto;
display: block;
transition: .2s all;
white-space: nowrap;
margin-left: 0;
}
.ma-cal-time-buttons-container {
margin-top: 75px;
overflow-y: scroll;
overflow-x: hidden;
height: 400px;
padding-right: 10px;
}
.ma-cal-date-selected {
font-size: 14px;
}
.ma-cal-time-btn {
position: relative;
transition: .2s width;
}
.ma-cal-time-short-btn {
width: 80px;
margin-left: 0;
display: inline-block;
color: white;
background: rgb(0 0 0/60%);
border: none;
align-items: center;
vertical-align: top;
}
.ma-cal-next-btn {
width: 70px;
height: 52px;
border: 1px solid var(--primary-color-level2,rgba(0,105,255,0.5));
color: var(--primary-color,rgb(0,105,255));
background: white;
font-weight: 600;
border-radius: 5px;
border-width: 0;
/* border-color: rgb(89 157 255); */
background-color: #0069ff;
display: inline-block;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
vertical-align: middle;
color: white;
line-height: 51px;
cursor: pointer;
}
.ma-cal-next-btn:hover {
background-color: #0163ef;
}
.ma-cal-time-buttons-container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
.ma-cal-time-buttons-container::-webkit-scrollbar {
width: 7px;
background-color: #F5F5F5;
}
.ma-cal-time-buttons-container::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.3);
background-color: #267fff;
}
.ma-cal-form-container {
display: none;
}
.ma-cal-prev-btn {
display: inline-block;
width: 43px;
height: 43px;
border: 2px solid #0069ff26;
border-radius: 50%;
margin-right: 1.5em;
display: block;
position: absolute;
left: -60px;
top: 10px;
transition: .2s all;
cursor: pointer;
}
.ma-cal-prev-btn:after {
content: '';
display: inline-block;
margin-top: 12px;
margin-left: 14px;
width: 16px;
height: 16px;
border-top: 2px solid #0069ff;
border-right: 2px solid #0069ff;
-moz-transform: rotate(-135deg);
-webkit-transform: rotate(255deg);
transform: rotate(224deg);
}
.ma-cal-prev-btn:hover {
border-color: #9f9f9f26;
background: #0069ff26;
}
.ma-cal-prev-btn:hover::after {
border-color: #0069ff;
}
/* form */
.ma-cal-form-container input {
margin-bottom: 15px;
height: 44px !important;
border-radius: 7px;
width: 100%;
padding: 0px 0px 0px 10px !important;
max-width: 400px;
}
.ma-cal-form-container textarea {
height: 80px !important;
max-width: 400px;
padding: 10px 10px !important;
}
.ma-cal-form-container form {
margin-left: 30px;
margin-top: 30px;
margin-bottom: 30px !important;
}
.ma-cal-form-container label {
color: black;
font-size: 14px !important;
font-weight: 700;
}
.ma-cal-form-container [type=submit] {
margin-bottom: unset;
height: unset;
border-radius: 0 !important;
width: 100%;
margin-top: 0;
background: #0069ff !important;
border: none !important;
height: 55px !important;
padding-left: 0 !important;
padding-right: 0 !important;
width: 190px;
border-radius: 40px !important;
margin-left: 0 !important;
display: block;
margin-top: 11px;
margin-left: -5px !important;
}
.ma-calendar-form-img {
width: 100%;
max-width: 70px;
margin: 0 auto;
display: block;
}
.ma-calendar-selected-date-time-wrapper {
display: none;
}
@media screen and (max-width: 1100px) {
.ma-cal-section {
height: fit-content;
}
.ma-cal-calendar-panel-internal {
height: auto;
}
.ma-cal-container {
height: 100%;
transition: none !important;
}
.ma-cal-widget {
flex: unset;
display: block;
position: relative;
min-height: 0px;
max-width: unset;
}
.ma-cal-calendar-panel {
flex: 1 0 30%;
flex: unset;
width: 100%;
}
.ma-cal-widget .ma-side-panel {
width: 100%;
min-width: unset;
}
.ma-side-panel-internal {
display: block;
height: unset;
}
.ma-cal-logo {
margin: 0 auto !important;
display: block;
width: 200px;
margin-bottom: 30px !important;
}
.ma-cal-company-name h5, .ma-cal-headline, .ma-cal-side-panel-description p {
text-align: center;
}
.ma-cal-side-panel-description p {
max-width: 70%;
width: 450px !important;
margin: 0 auto;
}
.ma-calendar-icon-wrapper {
text-align: center;
}
.ma-cal-hours-panel-addition {
max-width: 100%;
}
.ma-cal-calendar-title {
text-align: center;
padding: 0;
}
.fc .fc-scrollgrid table, .fc-scrollgrid-sync-table {
width: 400px !important;
margin: 0 auto;
}
.fc .fc-scrollgrid table {
}
.fc-scrollgrid-sync-table {
height: 300px !important;
}
.fc .fc-scrollgrid-liquid thead {
height: 0px !important;
}
.fc .fc-button-group {
position: relative;
/* left: unset; */
/* transform: unset; */
/* top: unset; */
transform: translate(-40%, -260%);
}
.ma-cal-time-container {
width: 100%;
}
.ma-cal-time-container-mobile {
position: relative;
}
.fc-view-harness {
max-height: 400px !important;
}
.ma-cal-form-container input, .ma-cal-form-container textarea {
max-width: 95%
}
.ma-cal-prev-btn {
position: relative;
left: 25px;
}
.ma-cal-time-short-btn, .ma-cal-next-btn {
width: 100px !important;
}
}
/* END 110px */
@media screen and (max-width: 768px) {
.fc-view-harness {
max-height: 390px !important;
height: 400px !important;
}
}
/* END 600px */
@media screen and (max-width: 600px) {
.ma-cal-headline {
font-size: 20px;
}
.ma-cal-side-panel-description p {
width: 100% !important;
max-width: 100%;
}
.ma-side-panel-internal {
padding-left: 15px !important;
padding-right: 15px !important;
}
.fc-view-harness {
max-height: 390px !important;
height: 550px !important;
}
}
@media screen and (max-width: 550px) {
.ma-cal-container {
min-height: 840px !important;
height: 840px !important;
}
.fc .fc-scrollgrid table, .fc-scrollgrid-sync-table {
/* width: 100% !important; */
/* height: 100% !important; */
}
}
@media screen and (max-width: 450px) {
.fc .fc-scrollgrid table, .fc-scrollgrid-sync-table {
width: 90% !important;
}
.ma-cal-container {
min-height: 880px !important;
height: 100% !important;
}
}
@media screen and (max-width: 400px) {
.ma-cal-container {
min-height: 900px !important;
}
}
@media screen and (max-width: 300px) {
.ma-cal-container {
min-height: 970px !important;
}
}
/* //////////////// */
/* MA CALENDAR END */
/* /////////////// */
@media screen and (max-width: 768px) {
.diamond-section h4, .diamond-section p {
text-align: center;
}
.diamond-section img {
max-width: 150px;
margin-bottom: 15px;
margin-top: 15px;
}
}
/* /////// */
/* POPUP 1 */
/* /////// */
@media screen and (max-width: 600px) {
.mpopup .btn {
font-size: 13px;
}
}
/* /////////// */
/* POPUP 1 END */
/* /////////// */
.highlight-wrap {
position: relative;
display: inline-block;
padding-bottom: 10px;
}
.marker-svg {
position: absolute;
left: -16%;
top: 50%;
width: 130%;
height: 120%;
transform: translate(-0,-60%);
z-index: 0;
}
.marker-svg path {
fill: none;
stroke: red;
stroke-width: 8;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 1500;
stroke-dashoffset: 1500;
animation: drawMarker 6s ease-in-out infinite;
}
.highlight {
position: relative;
z-index: 1;
}
@keyframes drawMarker {
0% {
stroke-dashoffset: 1500;
}
30% {
stroke-dashoffset: 0;
}
85% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 1500;
}
}