html {
scroll-behavior: smooth;
}
body {
font-family: "Montserrat", serif;
font-size: 100%;
font-weight: 400;
color: #2C2C2C;
}
.img-responsive {
max-width: 100%;
}
.tb-equal {
padding: 100px 0px;
}
.bg-contain {
background-size: contain !important;
}
.bg-cover {
background-size: cover !important;
}
.pt-none {
padding-top: 0px;
}
.pb-none {
padding-bottom: 0px;
}
.overflow-hidden {
overflow: hidden;
}
h1 {
font-size: 62px;
}
h2 {
font-size: 52px;
font-weight: 600;
}
h3 {
font-size: 42px;
}
h4 {
font-size: 112.5%;
}
h5 {
font-size: 100%;
}
h6 {
font-size: 87.5%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Roboto", serif;
}
p {
line-height: 160%;
}
.mt-10 {
margin-top: 10px;
}
.mt-20 {
margin-top: 20px;
}
.mt-30 {
margin-top: 30px;
}
.mt-40 {
margin-top: 40px;
}
.mt-50 {
margin-top: 50px;
}
.mt-80 {
margin-top: 80px;
}
.mt-100 {
margin-top: 100px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-80 {
margin-bottom: 80px;
}
.mb-100 {
margin-bottom: 100px;
}
.pb-80 {
padding-bottom: 80px;
}
.pb-50 {
padding-bottom: 50px;
}
.z-index-9 {
z-index: 9;
}
.pb-150 {
padding-bottom: 150px;
}
.height-full {
height: 100%;
}
.space-10 {
height: 10px;
}
.space-20 {
height: 20px;
}
.space-30 {
height: 30px;
}
.border-radius-5 {
border-radius: 5px;
}
.d-grid {
display: grid;
}
.grid-gap-20 {
grid-gap: 20px;
}
.grid-auto-2 {
grid-template-columns: auto auto;
}
.grid-start {
justify-content: start;
}
/** Header 1 **/
.logo-1,
.header-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
align-items: center;
}
.logo-txt {
font-size: 32px;
font-weight: 700;
}
.logo-txt a {
color: #ffffff;
}
.logo-dark {
display: none;
}
.nav-fixed-top .logo-dark,
.no-top-image .logo-dark {
display: block;
}
.nav-fixed-top .logo-white,
.no-top-image .logo-white {
display: none;
}
/*** #2.# HEADER ***/
.bg-light p {
margin: 0px;
line-height: 50px;
font-size: 13px;
}
.bg-light a {
color: #999;
font-size: 13px;
}
.main-header {
width: 100%;
z-index: 11;
padding-top: 25px;
padding-bottom: 25px;
position: relative;
}
.menu-nav {
margin: 0;
padding: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.menu-nav li {
display: inline-block;
position: relative;
margin-bottom: 0;
text-transform: capitalize;
}
.menu-nav li:first-child {
margin-left: 0;
}
.menu-nav li a {
color: #2C2C2C;
padding: 0;
font-size: 15px;
line-height: 35px;
display: block;
text-transform: uppercase;
font-family: "Roboto", serif;
font-weight: 400;
letter-spacing: 0.2px;
}
/* .menu-nav li a:before {
position: absolute;
display: block;
bottom: 28px;
left: 0;
width: 0;
border-top: 1px solid #ffffff;
content: '';
-webkit-backface-visibility: hidden;
-webkit-transition: all .5s cubic-bezier(.25,1,.35,1) 0s;
-moz-transition: all .5s cubic-bezier(.25,1,.35,1) 0s;
-o-transition: all .5s cubic-bezier(.25,1,.35,1) 0s;
-ms-transition: all .5s cubic-bezier(.25,1,.35,1) 0s;
transition: all .5s cubic-bezier(.25,1,.35,1) 0s;
} */
.menu-nav li a:hover,
.menu-nav > li:hover > a,
.menu-nav > li.current-menu-item > a {
background: none;
color: #7c776d;
text-decoration: none;
}
.menu-nav > li:hover > a:before,
.menu-nav li.current-menu-item > a:before {
left: 0;
width: 100%;
border-color: #a4fdcf;
}
.menu-nav ul {
display: none;
margin: 0;
padding: 20px 15px;
width: 265px;
text-align: left;
position: absolute;
background: #f3f3f3;
z-index: 5;
}
.menu-nav ul li {
display: block;
position: relative;
background: none;
margin: 0;
font-size: 12px;
}
.menu-nav ul li > a {
display: block;
padding: 4px 30px;
color: #2C2C2C;
font-size: 13px;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-moz-transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-o-transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-ms-transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
}
.menu-nav ul li > a:focus {
outline: none;
}
.menu-nav ul li a:hover,
.menu-nav li:hover ul li a:hover {
text-decoration: none;
color: #2C2C2C;
/* -webkit-transform: translateX(12px);
-ms-transform: translateX(12px);
transform: translateX(12px); */
}
.menu-nav li:hover > ul {
display: block;
}
.menu-nav li ul ul {
left: 100%;
top: -28px;
margin: 0;
}
.menu-nav .edge > ul {
left: auto;
right: 0;
}
.menu-nav li ul .edge ul {
left: auto;
top: -28px;
margin: 0;
right: 100%;
}
.menu-nav li ul ul:before,
.menu-nav li ul a:before {
display: none;
}
.mega-menu .sub-menu li a img {
display: block;
}
.mega-menu .sub-menu li a {
font-size: 16px;
font-weight: 500;
padding: 0px;
line-height: 40px;
border-bottom: 1px solid #ddd;
font-family: "Montserrat", serif;
text-transform: capitalize;
}
.mega-menu .sub-menu li:last-child a {
border: none;
}
/*** menu mobile ***/
.nav-button-holder {
display: none;
}
.nav-button {
background: none;
border: none;
cursor: pointer;
vertical-align: middle;
}
.icon-bar,
.icon-bar1,
.icon-bar2 {
display: block;
height: 2px;
width: 25px;
background: #ffffff;
margin-left: auto;
margin-right: auto;
position: relative;
}
.icon-bar1,
.icon-bar2 {
width: 18px;
background: #ffffff;
}
.icon-bar:before,
.icon-bar:after {
background: #ffffff;
content: "";
height: 100%;
left: 0px;
position: absolute;
bottom: -6px;
right: 0;
}
.icon-bar:after {
bottom: -12px;
top: auto;
}
.nav-button:hover .icon-bar:before,
.nav-button:hover .icon-bar:after {
left: 0;
}
.icon-bar,
.icon-bar1,
.icon-bar2,
.nav-button .icon-bar:before,
.nav-button .icon-bar:after {
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.menu-mobile {
font-size: 0;
margin: 0 auto;
margin-left: 0;
padding-left: 0px;
}
.menu-mobile li {
font-size: 13px;
font-weight: 600;
padding-top: 15px;
list-style: none;
letter-spacing: 0.05em;
margin-bottom: 0;
text-transform: uppercase;
}
.menu-mobile li a {
color: #444;
display: block;
line-height: 30px;
font-size: 18px;
}
.menu-mobile li a:hover,
.menu-mobile li a:focus {
background: none;
}
.menu-mobile li:hover > a,
.menu-mobile li.current-menu-item > a {
color: #7c776d;
}
.menu-mobile > li.menu-item-has-children > span:after {
content: "";
background: #fff url(../images/golDarroW.png) no-repeat;
background-size: cover !important;
width: 31px;
height: 31px;
margin-top: -3px;
display: inline-block;
position: absolute;
right: 0;
overflow: hidden;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.menu-mobile > li.menu-item-has-children.menu-open > span:after {
content: "";
}
.menu-mobile li.menu-open span:after {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.menu-mobile ul {
margin-left: 0;
padding: 0px;
}
.menu-mobile > li > ul {
display: none;
}
.menu-mobile > li.menu-open > ul {
display: block;
margin-top: 8px;
}
.menu-mobile ul li {
font-size: 12px;
padding-top: 0px;
text-transform: none;
padding-left: 10px;
display: block;
text-transform: capitalize;
font-weight: 500;
}
.menu-contact {
margin-top: 15px;
padding-left: 5px;
font-size: 14px;
color: #fff;
}
.menu-contact ul {
list-style: none;
margin-left: 0;
margin-bottom: 0;
padding: 0px;
}
.menu-contact ul:first-child li i {
font-size: 16px;
margin-right: 10px;
}
.mobile-phone {
margin-top: 8px;
}
.menu-contact .social-media {
margin-top: 24px;
padding-bottom: 48px;
}
.menu-contact .social-media li a {
color: #fff;
}
header .social-media li a:hover {
color: #a4fdcf;
}
/*** end menu mobile ***/
/***** MODAL WINDOW ******/
body.has-active-menu {
overflow: hidden;
}
.menu-mask {
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0;
}
.menu-mask.is-active {
width: 100%;
height: 100%;
opacity: 0.9;
}
.mobile-menu-holder {
position: fixed;
z-index: 0;
top: 0;
overflow-x: hidden;
width: 350px;
height: 100%;
background: #fff;
opacity: 0;
padding: 0 30px;
-webkit-transform: translateX(-400px);
-ms-transform: translateX(-400px);
transform: translateX(-400px);
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-moz-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-o-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-ms-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
}
.mobile-menu-holder.is-active {
opacity: 1;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
body.has-active-menu .mobile-menu-holder.is-active {
z-index: 99;
}
.modal-menu-container {
position: relative;
}
.exit-mobile {
cursor: pointer;
padding: 7px 1px;
display: inline-block;
margin-top: 32px;
}
.exit-mobile span {
text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
color: #7c776d;
}
/* SLIDER */
.home-slider .owl-dots {
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.home-slider .owl-dots button {
display: block !important;
outline: none;
}
.home-slider .owl-dots button span {
border-radius: 0px !important;
}
.slider-container {
position: relative;
overflow: hidden;
}
/* .slider-item-box-bkg {
height: 100vh;
} */
.slider-img,
.slider-img-v2 {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: block;
height: 100%;
position: relative;
width: 100%;
}
.slider-img:before {
content: "";
background: rgba(14, 18, 25, 0.1);
top: 0;
position: absolute;
left: 0;
bottom: 0;
right: 0;
}
.slider-caption {
position: absolute;
left: 0;
bottom: 70px;
right: 0;
color: #fff;
z-index: 2;
}
.slider-text {
position: relative;
margin: 0px;
padding: 30px;
background: #3a3a3a78;
}
.slider-text h1 {
color: #fff;
margin-bottom: 5px;
font-size: 50px;
text-align: center;
line-height: 60px;
text-transform: uppercase;
}
.slider-text h1 span {
color: #83223c;
}
.slider-text p {
padding: 0px;
margin-bottom: 0;
font-size: 18px;
font-weight: 500;
text-shadow: 2px 2px 2px #5a5a5a6b;
}
.center-fixed {
z-index: 9;
bottom: 100px;
margin: auto;
left: 0;
right: 0;
}
.green-box {
background: #00a651;
color: #fff;
font-size: 14px;
font-weight: 600;
letter-spacing: 2px;
margin: 0px auto 15px;
padding: 6px 20px;
text-transform: uppercase;
display: table;
}
.slider-text a {
margin-top: 20px;
}
.home-slider .shape-Sbottom {
position: absolute;
bottom: -50px;
}
.social {
padding: 0px;
}
.social li {
display: inline-block;
margin-right: 16px;
margin-bottom: 0;
}
.social li:last-child {
margin: 0px;
}
.social li a {
color: #2C2C2C;
font-size: 28px;
}
@media (max-width: 1024px) {
.nav-button-holder button {
outline: none;
}
.logo {
flex: 1 1 auto;
}
.header-social-1 {
margin-left: 32px;
flex: 0 0 auto;
}
.main-header {
padding: 16px 0;
}
.slider-text {
width: 100%;
}
}
.view-more {
background: #CC4A17;
margin: 0px;
padding: 0px 24px;
color: #2C2C2C;
text-transform: capitalize;
font-size: 15px;
position: relative;
height: 50px;
line-height: 50px;
text-decoration: none;
display: inline-grid;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.view-more:hover {
background: #C0C0B9;
color: #2C2C2C;
text-decoration: none;
}
.black-btn {
background: #CC4A18;
color:#2C2C2C;
margin: 0px;
padding: 0px 24px;
text-transform: capitalize;
font-size: 15px;
position: relative;
height: 50px;
line-height: 50px;
text-decoration: none;
display: inline-grid;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.black-btn:hover {
background: #d7d2cb;
color: #3a3a3a;
text-decoration: none;
}
.white-btn {
background: #CC4A17;
margin: 0px;
padding: 0px 24px;
color: #2C2C2C;
text-transform: capitalize;
font-size: 15px;
position: relative;
height: 50px;
line-height: 50px;
text-decoration: none;
display: inline-grid;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.white-btn:hover {
background: #C0C0B9;
color: #2C2C2C;
text-decoration: none;
}
.cta-number {
text-align: right;
}
.cta-number small {
color: #fff;
font-size: 11px;
display: block;
text-transform: uppercase;
}
.cta-number a.tel {
color: #f6cc2c;
font-size: 21px;
font-weight: 700;
}
/* About Us */
.about-col {
padding-left: 10%;
}
.abt-name h4 {
color: #;
text-transform: uppercase;
margin: 0px;
}
.abt-name p {
color: #00a651;
}
.title-hp.white {
color: #fff;
}
.list-style {
padding: 0px;
}
.list-style li {
position: relative;
padding: 0px;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-bottom: 12px;
font-size: 16px;
}
.list-style li:before {
content: "\f00c";
font-family: "FontAwesome";
flex: 0 0 20px;
background: #a59c94;
height: 20px;
margin-right: 15px;
text-align: center;
color: #fff;
font-size: 10px;
display: grid;
align-items: center;
}
.list-style li a {
font-weight: 500;
}
.list-style.arrow-right li:hover a {
color: #ac0000;
}
.list-style li:last-child {
margin: 0px;
padding: 0px;
}
.bloder-section {
padding-bottom: 100px;
}
footer {
position: relative;
padding-top: 80px;
}
footer .container,
footer .container-fluid {
position: relative;
z-index: 9;
}
.item-location h4 {
margin-bottom: 10px;
color: #2C2C2C;
font-weight: 400;
}
.item-location p {
color: #2C2C2C;
font-size: 16px;
font-weight: 300;
}
.list-foot {
list-style: none;
padding: 0px;
margin: 0px;
display: grid;
grid-gap: 7px;
}
.list-foot li a {
font-size: 16px;
line-height: 30px;
color: #2C2C2C;
text-decoration: none;
}
.list-foot li a:hover {
color: #2C2C2C;
}
.foot-li h4 {
color: #2C2C2C;
font-size: 30px;
margin-bottom: 30px;
}
.foot-li .info:last-child {
margin: 0px;
}
.info {
margin: 0px 0px 10px;
}
.info i {
color: #2C2C2C;
font-size: 16px;
margin-right: 12px;
}
.info p,
.info a {
margin: 0px;
text-align: left;
}
.info p {
color: #2C2C2C;
font-weight: 400;
font-weight: 600;
}
.info a {
color: #2C2C2C;
}
.info a.tel {
color: #2C2C2C;
}
.info address {
margin: 0px;
}
footer .social-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
footer .social-media a {
color: #797979;
margin-right: 7px;
background: #ffffff;
width: 35px;
height: 35px;
display: block;
border-radius: 50px;
text-align: center;
line-height: 35px;
}
footer .social-media a:last-child {
margin: 0px;
}
.copy-text p {
font-size: 16px;
text-align: center;
color: #2C2C2C;
}
.tearm-condition {
color: #fff;
font-size: 13px;
}
.tearm-condition:hover {
color: #dadada;
}
.copy-write {
padding: 20px 0px;
position: relative;
z-index: 9;
border-top: 1px solid #ffffff17;
margin-top: 60px;
}
/************** Internal pages css **********/
.internal-banner {
height: 450px;
position: relative;
}
.internal-banner:after {
content: "";
background: #2C2C2C;
opacity: 0.2;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
}
.internal-banner .container {
position: relative;
z-index: 1;
}
.internal-banner [class*="col-"] {
margin: auto;
}
.internal-banner .container,
.internal-banner .row {
height: 100%;
}
.internal-banner h1 {
/*color: #fff;*/
text-transform: capitalize;
font-size: 70px;
}
.internal-banner ol.breadcrumb {
background: none;
margin: 0;
text-align: center;
padding: 0;
justify-content: center;
}
.internal-banner ol.breadcrumb li,
.internal-banner ol.breadcrumb li a {
color: #2c2c2c;
font-size: 15px;
}
.internal-banner ol.breadcrumb li.active a {
color: #a4fdcf;
}
.breadcrumb-item + .breadcrumb-item::before {
color: #2c2c2c;
content: \f054;
}
.contact-form input[type="text"],
.contact-form input[type="tel"],
.contact-form input[type="email"] {
border: none;
height: 45px;
margin-bottom: 15px;
border-radius: 2px;
font-size: 14px;
}
.contact-form textarea {
border: none;
height: 80px;
margin-bottom: 15px;
border-radius: 2px;
font-size: 14px;
}
.contact-form input[type="submit"] {
border: none;
padding: 0px 35px;
height: 50px;
}
.list-location li {
font-size: 15px;
margin-bottom: 10px;
text-transform: capitalize;
}
.list-location li strong {
position: relative;
}
/* .list-location li strong:after{
content:"";
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:1px;
background:#ddd;
} */
.list-location li:last-child {
margin-bottom: 0px;
}
.list-items {
margin-bottom: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-items div {
-webkit-flex: 0 0 42px;
-ms-flex: 0 0 42px;
flex: 0 0 42px;
padding: 10px;
background: #d2e6fa;
height: 42px;
margin-right: 15px;
}
.list-items p {
margin: 0px;
}
.form-position .row input[type="text"],
.form-position .row input[type="tel"],
.form-position .row input[type="email"] {
margin-bottom: 15px;
background: #fff;
border: 0px solid #eee;
border-radius: 0px;
font-size: 13px;
height: 42px;
text-transform: capitalize;
}
.form-position .row textarea {
margin-bottom: 15px;
background: #fff;
border: 0px solid #eee;
border-radius: 0px;
font-size: 13px;
height: 80px;
text-transform: capitalize;
}
.form-position .row input[type="submit"] {
background: #00f260;
border: 0px;
border-radius: 0px;
font-weight: 600;
height: 80px;
text-transform: uppercase;
color: #fff;
font-size: 15px;
}
.form-position .row input[type="submit"]:hover {
background: #fff;
color: #00f260;
}
.none-effect {
position: static;
padding: 0;
transform: inherit;
}
.black-after:before {
content: "";
background: #333;
opacity: 0.6;
top: 0px;
left: 0px;
position: absolute;
width: 100%;
height: 100%;
}
.black-after .container {
position: relative;
z-index: 1;
}
.dark-after:after {
content: "";
background: #333;
opacity: 0.9;
top: 0px;
left: 0px;
position: absolute;
width: 100%;
height: 100%;
}
.dark-after .container {
position: relative;
z-index: 1;
}
.scp-position .row input[type="text"],
.scp-position .row input[type="tel"],
.scp-position .row input[type="email"] {
margin-bottom: 15px;
background: #fff;
border: 0px solid #eee;
border-radius: 0px;
font-size: 13px;
height: 42px;
text-transform: capitalize;
}
.scp-position .row textarea {
margin-bottom: 15px;
background: #fff;
border: 0px solid #eee;
border-radius: 0px;
font-size: 13px;
height: 80px;
text-transform: capitalize;
}
.scp-position .row input[type="submit"] {
border: none;
text-transform: uppercase;
padding: 0 35px;
height: 55px;
}
.abt-box {
padding: 0px 30px;
}
.abt-box p {
color: #666;
}
.popular-items:hover div span {
color: #ca2751;
}
.popular-items figure {
position: relative;
}
.popular-items .show-Inhover {
position: absolute;
left: 0px;
top: 20px;
display: none;
}
.popular-items .show-Inhover span {
display: block;
color: #fff !important;
padding: 5px 10px;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 5px;
}
.popular-items:hover .show-Inhover {
display: block;
}
.foot-cener {
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 13px;
}
.foot-cener a {
color: #fff;
}
/* .subscribe input[type=text]{
border:none;
background:none;
width:100%;
height:45px;
outline:none;
font-size:14px;
color:#fff;
letter-spacing:1px;
border-bottom:2px solid #bf9f7359;
}
.subscribe input[type=text]::foucs{
border:none;
outline:none;
}
.subscribe input[type=text]::placeholder{
color:#fff;
}
.subscribe input[type=submit] {
position: absolute;
right: 8px;
background: none;
border: none;
color: #84223b;
font-size: 14px;
top: 17px;
}
.subscribeT h1{
color: #84223b;
margin:0px;
}
.subscribeT p{
color: #84223b;
letter-spacing:3px;
font-size:14px;
text-transform:uppercase;
} */
.breadcrumb {
background: none;
padding: 20px 0px 80px;
}
.breadcrumb li.active {
color: #2c2c2c;
ont-size: 14px;
}
.breadcrumb li a {
color: #2c2c2c;
opacity: 0.5;
font-size: 14px;
}
.inTextB {
background: #fff;
padding-top: 40px;
}
.inTextB h1 {
}
.inTextB h5 {
letter-spacing: 3px;
font-family: "Montserrat", serif;
color: #999;
font-size: 13px;
}
.inTextB p {
margin: auto;
width: 70%;
color: #444;
margin-top: 20px;
}
.product-items .popular-items {
margin-bottom: 60px;
}
.product-internal .container {
padding: 0px 80px;
}
.cta-special {
padding: 40px;
}
.cta-special h1 {
color: #84223b;
margin: 0px;
}
.cta-special p {
color: #fff;
margin: 0px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;
font-weight: 500;
}
.cta-special:after {
content: "";
width: 100%;
height: 100%;
background: #000;
left: 0px;
top: 0px;
position: absolute;
opacity: 0.5;
}
.cta-special #countdown ul {
margin: 0px;
}
.cta-special #countdown li {
color: #fff;
}
.after-bgTP:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 382px;
background: url(../images/internal-bg.jpeg) no-repeat center top;
background-size: cover;
z-index: -1;
}
.after-bgTP:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 382px;
opacity: 0.5;
background: #342c27;
}
.after-bgTP .container {
z-index: 9;
position: relative;
}
.pink-smbtn {
background: #ca2751;
color: #fff;
font-family: "Montserrat", sans-serif;
letter-spacing: 3px;
padding: 5px 10px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
margin-right: 10px;
}
.span-first span:first-child {
margin-right: 15px;
}
.select-extras select {
width: 100%;
height: 45px;
font-size: 14px;
border: 1px solid #84223b;
border-radius: 2px;
margin-bottom: 15px;
padding: 0px 15px;
text-transform: uppercase;
outline: none;
background: #fff url(../images/golDarroW.png) no-repeat right 10px center;
background-size: 18px;
-webkit-appearance: none;
}
.addto-btn {
background: #212529;
border: 0px;
border-radius: 0px;
font-weight: 500;
text-transform: capitalize;
color: #fff;
font-size: 13px;
line-height: 45px;
display: inline-block;
padding: 0px 25px;
}
.addto-btn:hover {
background: #84223b;
color: #fff;
text-decoration: none;
}
.detail-boxTB {
border: 1px solid #ddd;
}
.detail-boxTB li button {
outline: none;
cursor: pointer;
background: none;
border-radius: 0 !important;
line-height: 55px;
padding: 0px 20px;
font-size: 16px;
border-top: 0px !important;
}
.detail-boxTB li button.active {
color: #84223b !important;
}
/* .detail-boxTB li:last-child button {
border:none;
} */
.grey-box {
padding: 30px 30px 20px;
background: #ececec;
}
.grey-box ul {
list-style: none;
margin: 0px;
padding: 0;
}
.grey-box li {
margin-bottom: 15px;
list-style: none;
-webkit-flex: 0 0 16.666%;
-ms-flex: 0 0 16.666%;
flex: 0 0 16.666%;
font-size: 16px;
}
.detail-Fullbx {
border: 1px solid #ddd;
}
.perfecD {
padding: 60px 25px;
}
.points h5 {
font-family: "Montserrat", sans-serif;
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 20px;
}
.points p {
font-size: 13px;
}
.assemblyT h4 {
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
margin-bottom: 20px;
}
.review-box {
background: #f9f9f9;
padding: 20px;
width: 19%;
}
.review-box h4 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 16px;
margin-bottom: 20px;
}
.stars i {
background: green;
color: #fff;
font-size: 9px;
width: 14px;
height: 14px;
line-height: 14px;
text-align: center;
margin-right: 2px;
}
.TP-section {
background: #fff;
padding: 40px 40px 0;
}
.support p,
.support a {
font-size: 14px;
margin: 0px;
color: #444;
text-align: left;
}
.support p strong {
color: #00f260;
font-weight: 400;
}
.support-form input[type="text"],
.support-form input[type="tel"],
.support-form input[type="email"] {
margin-bottom: 15px;
border: none;
border-radius: 0px;
background: #ececec;
height: 45px;
font-size: 14px;
padding: 0px 15px;
}
.support-form textarea {
margin-bottom: 25px;
border: none;
border-radius: 0px;
background: #ececec;
height: 100px;
font-size: 14px;
padding: 20px 15px;
}
.support-form input[type="submit"] {
border: none;
border-radius: 0px;
background: #84223b;
color: #fff;
height: 45px;
font-size: 14px;
cursor: pointer;
padding: 0px 15px;
}
.support-form input[type="submit"]:hover {
background: #222;
}
.sidebar-filter {
background: #212529;
padding: 30px 5px;
border-radius: 0px;
}
.sidebar-filter .card {
background: none;
border: none;
}
.sidebar-filter .card-header {
background: none;
border: none;
padding: 5px 19px;
}
.sidebar-filter .card-header h5 {
font-family: "Montserrat", sans-serif;
}
.sidebar-filter .card-header h5 button {
color: #fff;
text-decoration: none;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
padding: 0;
width: 100%;
text-align: left;
position: relative;
}
.sidebar-filter .collapse {
color: #fff;
}
.sidebar-filter .card-body {
padding-top: 10px;
}
.sidebar-filter .card-header h5 button.collapsed:after {
content: "";
width: 24px;
height: 24px;
background: url(../images/golDarroW.png) no-repeat center;
position: absolute;
right: 0px;
background-size: 24px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sidebar-filter .card-header h5 button:after {
content: "";
width: 24px;
height: 24px;
background: url(../images/golDarroW.png) no-repeat center;
position: absolute;
right: 0px;
background-size: 24px;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.col-fourB {
margin-bottom: 30px;
}
.col-fourB h1 {
margin-bottom: 30px;
}
.col-fourB strong {
margin-bottom: 15px;
}
.gold-circle div {
padding-left: 35px;
position: relative;
}
.gold-circle div:after {
content: "";
width: 20px;
height: 20px;
border-radius: 50px;
border: 2px solid #84223b;
position: absolute;
left: 0;
top: 0;
}
.social-head {
margin-right: 30px;
}
.social-head a {
margin-right: 10px;
}
.social-head a img {
width: 38px;
}
.popup-video {
width: 100px;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
height: 100px;
background: #fff;
display: grid;
align-items: center;
justify-items: center;
color: #7c776d;
border-radius: 50px;
font-size: 36px;
text-indent: 8px;
}
.popup-video:hover {
color: #3a3a3a;
text-decoration: none;
}
.video-box img {
border-radius: 5px 5px 5px 50px;
}
.grid-grey {
background: rgb(209, 208, 206);
background: -moz-linear-gradient(90deg, rgba(209, 208, 206, 1) 0%, rgba(156, 156, 159, 1) 100%);
background: -webkit-linear-gradient(90deg, rgba(209, 208, 206, 1) 0%, rgba(156, 156, 159, 1) 100%);
background: linear-gradient(90deg, rgba(209, 208, 206, 1) 0%, rgba(156, 156, 159, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d1d0ce",endColorstr="#9c9c9f",GradientType=1);
}
.client-scroll a {
text-decoration: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
animation-duration: 10s;
animation-delay: 2s;
position: relative;
}
.client-scroll a figure {
margin-bottom: 15px;
overflow: hidden;
position: relative;
}
.client-scroll a h4 {
font-size: 28px;
font-family: "Montserrat", serif;
margin: 0px;
color: #2C2C2C;
text-align: center;
font-weight: 600;
}
.client-scroll .owl-nav {
outline: none;
display: grid;
grid-template-columns: repeat(2, 1fr);
max-width: 150px;
margin: auto;
margin-top: 30px;
justify-items: center;
}
.client-scroll .owl-nav button {
width: 50px;
height: 50px;
background: #C0C0B9 !important;
border-radius: 0 !important;
margin: 0px;
display: block;
outline: none;
}
.client-scroll .owl-nav button i {
color: #fff;
font-size: 24px;
}
.client-scroll .owl-nav button:hover {
background: #C0C0B9 !important;
}
.fquoteF input[type="text"],
.fquoteF input[type="tel"],
.fquoteF input[type="email"] {
width: 100%;
height: 50px;
margin-bottom: 15px;
padding: 0px 15px;
background: #ffffffd9;
border: none;
outline: none;
border-radius: 0px;
}
.fquoteF select {
width: 100%;
height: 50px;
margin-bottom: 15px;
padding: 0px 15px;
background: #ffffffd9;
border: none;
outline: none;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.fquoteF textarea {
width: 100%;
height: 120px;
margin-bottom: 15px;
padding: 10px 15px;
background: #ffffffd9;
border: none;
outline: none;
border-radius: 0px;
}
.fquoteF input[type="submit"] {
border: none;
outline: none;
cursor: pointer;
margin-top: 10px;
padding: 0px 35px;
height: 55px;
}
.fquoteF select {
background: #ffffffd9 url(../images/arrow-down.svg) no-repeat center right 15px;
background-size: 16px;
}
.fquoteF select:focus {
background: #ffffffd9 url(../images/arrow-up.svg) no-repeat center right 15px;
background-size: 16px;
}
.fquoteF.pro-form select {
background: #f1f1f1 url(../images/arrow-down.svg) no-repeat center right 15px;
background-size: 16px;
}
.fquoteF.pro-form select:focus {
background: #f1f1f1 url(../images/arrow-up.svg) no-repeat center right 15px;
background-size: 16px;
}
.social li {
margin-right: 15px;
}
.social li:last-child {
margin: 0px;
}
.internaL-banner {
height: 450px;
padding-top: 10%;
position: relative;
}
.internaL-banner .container {
position: absolute;
top: 45%;
left: 0px;
right: 0px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.iNpage-banner h1 {
color: #fff;
font-weight: 600;
letter-spacing: 1px;
text-shadow: 0px 1px 1px #84223b;
}
.iNpage-banner .breadcrumb {
padding: 0px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.procesSin {
padding-bottom: 150px;
}
.seCta.inPg {
margin-bottom: 80px;
}
.seCta.inPg .container {
position: absolute;
left: 0;
right: 0;
top: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.blogGer {
display: block;
}
.blogGer h4 {
color: #444;
font-weight: 600;
margin: 0px;
}
.blogGer .date {
color: #84223b;
margin-bottom: 15px;
font-weight: 500;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.blogGer .date img {
width: 16px;
margin-right: 5px;
}
.blogGer p {
color: #444;
}
.blogGer:hover h4,
.blogGer:hover p,
.blogGer:hover .date {
text-decoration: none !important;
}
.experience {
padding: 150px 0px;
}
.experience .watch-video h2 {
color: #fff;
text-transform: uppercase;
}
.experience .watch-video p {
font-weight: 600;
color: #84223b;
margin: 0;
font-size: 12px;
}
.experience .popup-video {
z-index: auto;
background: #84223bd6;
border-radius: 50%;
width: 120px;
height: 120px;
}
.experience .popup-video:hover {
width: 150px;
height: 150px;
}
.text-btn {
font-weight: 600;
letter-spacing: 3px;
color: #84223b;
margin: 0;
font-size: 12px;
text-transform: uppercase;
}
.article-post div figure {
-webkit-flex: 0 0 80px;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
margin: 0;
margin-right: 15px;
}
.article-post div a {
font-weight: 600;
display: block;
color: #282828;
}
.article-post div a img {
border-radius: 10px;
}
.article-post div date {
font-weight: 500;
font-size: 14px;
}
.article-post div date span {
color: #7c776d;
}
.mbthree0 {
margin-bottom: 20px;
}
.article-post figure {
margin-right: 15px;
}
.list-categories {
padding: 0px;
}
.list-categories li {
position: relative;
padding: 0px;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-bottom: 15px;
}
.list-categories li a {
color: #444;
}
.list-categories li:before {
content: "";
background: url(../images/arRowi.svg) no-repeat;
background-size: 16px;
width: 16px;
height: 16px;
margin-right: 8px;
}
.list-categories li a {
font-weight: 500;
text-decoration: none;
font-size: 16px;
text-transform: uppercase;
}
.list-categories li:last-child {
margin: 0px;
padding: 0px;
}
.bSidebar h3 {
font-weight: 500;
font-size: 24px;
margin-bottom: 15px;
margin-top: 30px;
}
.bSidebar h3:first-child {
margin-top: 0px;
}
.bSidebar ul li:before {
opacity: 0.5;
filter: gray; /* IE */
-webkit-filter: grayscale(1); /* Old WebKit */
-webkit-filter: grayscale(100%); /* New WebKit */
filter: url(resources.svg#desaturate); /* older Firefox */
filter: grayscale(100%); /* Current draft standard */
}
.bSidebar ul li:hover:before {
opacity: 1;
filter: none; /* IE */
-webkit-filter: grayscale(0); /* Old WebKit */
-webkit-filter: grayscale(0%); /* New WebKit */
filter: url(resources.svg#desaturate); /* older Firefox */
filter: grayscale(0%); /* Current draft standard */
}
.NP-btn {
border-top: 3px solid #84223b3d;
padding-top: 15px;
}
.NP-btn a {
color: #333;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
}
.contentAfter {
padding-left: 70px;
position: relative;
}
.contentAfter p:first-child strong {
font-weight: 600;
color: #333;
}
.contentAfter:after {
content: "";
width: 40px;
height: 40px;
position: absolute;
top: 0px;
left: 0px;
background: #f1bebe;
}
.aftrH-black:after {
content: "";
opacity: ;
width: 100%;
height: 100%;
left: 0px;
position: absolute;
background: rgb(40, 40, 40);
background: -moz-linear-gradient(90deg, rgba(40, 40, 40, 0) 50%, rgba(0, 0, 0, 1) 100%);
background: -webkit-linear-gradient(90deg, rgba(40, 40, 40, 0) 50%, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(90deg, rgba(40, 40, 40, 0) 50%, rgba(0, 0, 0, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#282828",endColorstr="#000000",GradientType=1);
}
.aftrH-black h3,
.aftrH-black div {
z-index: 1;
}
.theme-black input[type="text"],
.theme-black input[type="tel"],
.theme-black input[type="email"],
.theme-black textarea {
background: #212529e0;
color: #fff;
padding-left: 25px;
font-size: 14px;
}
.theme-black input[type="text"]::placeholder,
.theme-black input[type="tel"]::placeholder,
.theme-black input[type="email"]::placeholder,
.theme-black textarea::placeholder {
color: #fff;
}
.prodtlist h3 {
font-weight: 600;
text-transform: uppercase;
letter-spacing: 4px;
position: relative;
padding: 20px 0px;
z-index: 1;
}
.prodtlist h3:after {
content: "";
width: 40%;
height: 100%;
background: #f1bebe;
position: absolute;
z-index: -1;
left: -15px;
top: 0px;
}
.prodtlist ul {
list-style: none;
padding: 0px;
margin-top: 40px;
}
.prodtlist ul li a {
line-height: 50px;
color: #444;
font-weight: 600;
display: block;
text-decoration: none;
border-bottom: 1px solid #ddd;
}
.prodtlist ul li a:hover {
color: #84223b;
}
.prodtlist ul li:last-child a {
border: none;
}
.ht-purple h3 {
color: #84223b;
font-weight: 600;
}
p:last-child {
margin: 0px;
}
.information {
text-align: center;
background: #fff;
padding: 40px;
height: 100%;
}
.information p {
color: #84223b;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 600;
font-size: 16px;
position: relative;
z-index: 9;
}
.information p:after {
content: "";
width: 50px;
height: 50px;
left: 0px;
right: 0px;
bottom: -9px;
margin: auto;
border: 3px solid #ddd;
position: absolute;
z-index: -1;
}
.information.white p:after {
border: 3px solid #222;
}
.information a {
color: #444;
}
.information.white p,
.information.white a {
color: #fff;
}
.clienT {
padding-bottom: 180px;
}
header .container {
max-width: 1400px;
}
/*.gauto-2{
display: grid;
grid-template-columns: auto auto;
grid-gap: 15px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}*/
.white-btn.icon {
display: flex;
/*grid-template-columns: 16px 1fr;*/
align-items: center;
/*grid-gap: 2px;*/
}
.white-btn.icon i {
font-size: 16px;
color: #2C2C2C;
}
/*.white-btn.icon:hover i {
color: #fff;
}*/
.btn-set {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
}
.fix-backspace {
position: absolute;
right: 0;
z-index: -1;
scale: 0.9;
}
.dots-repeat {
width: 141px;
height: 141px;
top: 0;
position: absolute;
right: -35px;
z-index: -2;
}
.dark-slogo {
background: #C0C0B9;
padding: 20px;
position: absolute;
left: -50px;
top: 78.5%;
min-height: 150px;
display: grid;
align-items: center;
}
.dark-slogo img {
width: auto !important;
height: auto !important;
}
.dark-slogo-small {
background: #c0c0b98a;
padding: 40px;
position: absolute;
right: 50px;
bottom: 50px;
display: grid;
min-height: 140px;
align-items: center;
}
.dark-slogo-small img {
max-width: 60px;
}
.min-height-700 {
min-height: 700px;
}
.alltuchtopdown {
-webkit-animation: alltuchtopdown 2s ease-in-out 0s infinite alternate;
animation: alltuchtopdown 2s ease-in-out 0s infinite alternate;
animation-duration: 3s;
}
@keyframes alltuchtopdown {
0% {
-webkit-transform: rotateX(0deg) translateY(0px);
-moz-transform: rotateX(0deg) translateY(0px);
-ms-transform: rotateX(0deg) translateY(0px);
-o-transform: rotateX(0deg) translateY(0px);
transform: rotateX(0deg) translateY(0px);
}
50% {
-webkit-transform: rotateX(0deg) translateY(-20px);
-moz-transform: rotateX(0deg) translateY(-20px);
-ms-transform: rotateX(0deg) translateY(-20px);
-o-transform: rotateX(0deg) translateY(-20px);
transform: rotateX(0deg) translateY(-20px);
}
100% {
-webkit-transform: rotateX(0deg) translateY(0px);
-moz-transform: rotateX(0deg) translateY(0px);
-ms-transform: rotateX(0deg) translateY(0px);
-o-transform: rotateX(0deg) translateY(0px);
transform: rotateX(0deg) translateY(0px);
}
}
@-webkit-keyframes alltuchtopdown {
0% {
-webkit-transform: rotateX(0deg) translateY(0px);
-moz-transform: rotateX(0deg) translateY(0px);
-ms-transform: rotateX(0deg) translateY(0px);
-o-transform: rotateX(0deg) translateY(0px);
transform: rotateX(0deg) translateY(0px);
}
50% {
-webkit-transform: rotateX(0deg) translateY(-20px);
-moz-transform: rotateX(0deg) translateY(-20px);
-ms-transform: rotateX(0deg) translateY(-20px);
-o-transform: rotateX(0deg) translateY(-20px);
transform: rotateX(0deg) translateY(-20px);
}
100% {
-webkit-transform: rotateX(0deg) translateY(0px);
-moz-transform: rotateX(0deg) translateY(0px);
-ms-transform: rotateX(0deg) translateY(0px);
-o-transform: rotateX(0deg) translateY(0px);
transform: rotateX(0deg) translateY(0px);
}
}
.seCtaitem {
background: #3a3a3a;
padding: 50px;
position: relative;
overflow: hidden;
}
.seCtaitem:after {
content: "";
width: 65%;
height: 100%;
position: absolute;
left: -80px;
top: 0px;
background: #C0C0B9;
transform: translate(0px, 0px) skew(-15deg, 0deg);
}
.seCtaitem h2 {
color: #2C2C2C;
text-transform: capitalize;
}
.seCtaitem p {
color: #2C2C2C;
}
.big {
padding: 0px 34px;
height: 52px;
line-height: 52px;
font-size: 16px;
font-weight: 500;
}
.service-box {
position: relative;
}
.service-box div {
position: absolute;
bottom: 0px;
left: 0px;
padding: 30px 30px;
width: 100%;
background: #c0c0b98a;
}
.service-box div h3 {
font-size: 28px;
color: #2C2C2C;
font-family: "Montserrat", serif;
margin-bottom: 0px;
font-weight: 600;
}
.service-box div a {
height: 40px;
line-height: 40px;
padding: 0px 24px;
}
.go-links:after {
content: "\f090";
font-family: "FontAwesome";
font-size: 20px;
}
.service-box div a:hover {
color: #fff;
}
.for-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.hm_bx {
padding: 50px;
display: grid;
align-content: center;
}
.for-grid figure {
margin: 0px;
}
.hm_bx h2 {
color: #2C2C2C;
}
.hm_bx p {
color: #2C2C2C;
max-width: 550px;
}
.figtwo figure {
-webkit-transform: translateY(-75px);
-moz-transform: translateY(-75px);
-ms-transform: translateY(-75px);
-o-transform: translateY(-75px);
transform: translateY(-75px);
}
.last-lesstop {
-webkit-transform: translateY(-75px);
-moz-transform: translateY(-75px);
-ms-transform: translateY(-75px);
-o-transform: translateY(-75px);
transform: translateY(-75px);
}
.center-loogo {
background: #C0C0B9;
height: 560px;
width: 560px;
display: grid;
align-content: center;
justify-content: center;
border-radius: 50%;
}
.center-loogo img {
max-width: 280px;
}
.stepsbx {
display: flex;
position: absolute;
z-index: 1;
top: 0;
justify-content: space-between;
width: 460px;
}
.stepsbx.one {
top: -45px;
transform: translateX(-28%);
}
.stepsbx.two {
top: 30%;
transform: translateY(-50%);
margin-left: 84%;
width: 350px;
}
.stepsbx.two .titab {
text-align: right;
}
.stepsbx.two .titab p {
margin-left: auto;
}
.stepsbx.three {
top: 70%;
transform: translateY(-50%);
margin-left: 87%;
width: 400px;
}
.stepsbx.three .titab {
text-align: right;
}
.stepsbx.three .titab p {
margin-left: auto;
}
.stepsbx.four {
width: 400px;
flex-direction: column;
justify-content: center;
bottom: -180px;
top: inherit;
text-align: center;
margin: auto;
left: 0;
right: 0;
}
.stepsbx.four figure {
margin: auto;
margin-bottom: 30px;
width: 100px;
}
.stepsbx.four .titab p {
max-width: 100% !important;
}
.stepsbx.five {
top: 70%;
transform: translateY(-50%);
margin-left: -57%;
width: 400px;
}
.stepsbx.six {
top: 30%;
transform: translateY(-50%);
margin-left: -51%;
width: 370px;
}
.stepsbx.two .titab h3:after,
.stepsbx.two .titab h3:before,
.stepsbx.three .titab h3:after,
.stepsbx.three .titab h3:before {
left: -140px;
}
.stepsbx.two .titab h3:after,
.stepsbx.three .titab h3:after {
width: 100px;
}
.stepsbx .titab {
position: relative;
top: 20px;
}
.stepsbx.four .titab h3:after {
width: 2px;
height: 40px;
left: 0;
right: 0;
margin: auto;
transform: translate(-15px, -60px);
}
.stepsbx.four .titab h3:before {
left: -29px;
right: 0;
margin: auto;
top: -50px;
transform: inherit;
}
.stepsbx figure {
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
margin: 0px;
}
.stepsbx figure img {
outline: 10px solid #fff;
border-radius: 50%;
}
.stepsbx .titab span {
font-size: 30px;
color: #2c2c2c;
}
.stepsbx .titab h3 {
text-transform: uppercase;
font-weight: 300;
color: #2c2c2c;
font-size: 22px;
position: relative;
display: inline-grid;
}
.stepsbx .titab h3::first-letter {
color: #d7d2cb;
}
.stepsbx .titab h3:after {
content: "";
width: 70px;
height: 2px;
background: #2c2c2c;
position: absolute;
right: -80px;
top: 50%;
transform: translateY(-50%);
}
.stepsbx .titab h3:before {
content: "";
width: 20px;
height: 20px;
background: #2c2c2c;
position: absolute;
right: -80px;
top: 50%;
transform: translateY(-50%);
}
.white-title h2,
.white-title p {
color: #2C2C2C;
}
.clienttext {
background: #ffffffd4;
padding: 40px;
max-width: 80%;
margin: 60px 0px 30px;
margin-bottom: 50px;
}
.clienttext i {
font-size: 30px;
}
.clienttext h3 {
font-size: 30px;
font-weight: 600;
}
.clienttext .foot {
display: grid;
justify-content: end;
justify-items: end;
padding-right: 30px;
margin-top: 30px;
}
.clienttext p {
font-size: 16px;
max-width: 90%;
}
.clienttext .foot {
position: relative;
}
.clienttext .foot h5 {
font-family: "Montserrat", serif;
text-transform: uppercase;
margin: 0px;
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.clienttext .foot h5:before {
content: "";
width: 20px;
height: 1px;
background: #727272;
margin-right: 10px;
}
.wrap-container figure {
margin: 0px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.wrap-container figure img {
max-width: 320px;
}
.clienttext .foot .face {
position: absolute;
max-width: 100px;
right: -90px;
bottom: -82px;
border-radius: 50%;
outline: 8px solid #e5e5e5;
}
.get-content {
padding: 60px 40px;
}
.get-content h2 {
margin-bottom: 15px;
}
.get-form {
padding: 60px 40px;
}
.get-form h2 {
color: #2C2C2C;
}
.list-dots {
padding-left: 18px;
display: grid;
grid-gap: 15px;
margin: 0;
}
.list-dots li {
position: relative;
padding: 0px;
}
.short-p {
font-size: 16px;
color: #2C2C2C;
max-width: 80%;
}
.item-newsletter input[type="text"] {
border-radius: 0px;
height: 55px;
background: #fff;
border: none;
}
.item-newsletter input[type="submit"] {
border-radius: 0px;
height: 55px;
background: #CC4A17;
border: none;
color: #2C2C2C;
cursor: pointer;
}
.img-object {
width: 400px;
height: 720px;
object-fit: cover;
}
.indesign {
object-fit: cover;
height: 800px;
width: 100%;
}
.after-left-shapde:after {
content: "";
width: 35%;
height: 120%;
background: #C0C0B9;
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.fx-dotsabt {
left: 0;
top: -50px;
z-index: 1;
right: 0;
margin: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(252deg);
width: 101px;
height: 101px;
}
.counter-bx {
background: #ffffff33;
/* this is where the (webkit) magic happens */
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
padding: 30px;
min-height: 250px;
display: grid;
align-content: center;
}
.counter-bx h3 {
text-transform: uppercase;
color: #fff;
font-weight: 400;
}
.counter-bx p {
text-transform: uppercase;
color: #fff;
}
.img-object {
width: 400px;
height: 720px;
object-fit: cover;
}
.fix-backspace-child2 {
position: absolute;
left: -80px;
z-index: 0;
max-width: 350px;
top: 10%;
}
.fix-backspace-child2.right {
right: -80px;
left: initial;
}
.white-content h2,
.white-content p {
color: #fff;
}
.black-content h3{
font-size: 18px;
}
.core-bx {
display: grid;
grid-template-columns: 1fr 74px;
grid-gap: 30px;
/*align-items: center;*/
margin-right: 10px;
}
.core-bx p {
text-align: right;
margin: 0;
font-size: 16px;
}
.core-bx div {
background: #2C2C2C;
height: 74px;
border-radius: 10px;
display: grid;
justify-items: center;
align-items: center;
}
.core-bx div img{
max-width: 36px;
filter: brightness(0) invert(1);
}
.core-bx.nth-2 {
display: grid;
grid-template-columns: 74px 1fr;
grid-gap: 30px;
/*align-items: center;*/
margin-left: 10px;
}
.core-bx.nth-2 p {
text-align: left;
font-size: 16px;
}
.small-cta {
display: grid;
grid-template-columns: 60% 1fr;
grid-gap: 50px;
align-items: center;
}
.small-cta h3 {
}
.small-cta p {
font-size: 16px;
}
.partner h3 {
font-family: "Montserrat", serif;
line-height: 140%;
font-size: 21px;
}
.benefits {
display: grid;
grid-gap: 20px;
}
.benefits h2 {
font-size: 35px;
}
.benefits_i {
display: grid;
grid-template-columns: 75px 1fr;
grid-gap: 15px;
}
.benefits_i figure {
background: #d7d2cb;
display: grid;
align-content: center;
justify-content: center;
height: 75px;
}
.benefits_i div h4 {
font-size: 22px;
font-weight: 400;
color: #3a3a3a;
}
.benefits_i div p {
font-size: 16px;
color: #555;
margin: 0px;
}
.baguetteBox-button {
background-color: transparent !important;
}
@media (max-width: 768px) {
body {
padding: 0;
}
}
.title-gallery h5 {
color: #555;
font-family: "Montserrat", serif;
}
.title-4-7 {
display: grid;
grid-template-columns: 50% 1fr;
grid-gap: 50px;
}
.solition_items {
background: #C0C0B9;
padding: 30px;
padding-top: 0px;
border-radius: 10px;
}
.solition_items img {
height: 52px;
}
.solition_items figure{
display: table;
margin: auto;
/*mix-blend-mode: plus-lighter;*/
position: relative;
}
.icon-effect:hover figure img {
/*filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(360deg) brightness(200%) contrast(100%);*/
}
.icon-svg-light li:hover img {
filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(360deg) brightness(200%) contrast(100%);
}
.solition_items span {
background: #2c2c2c;
width: 50px;
height: 50px;
display: grid;
margin: auto;
border-radius: 50%;
color: #fff;
align-items: center;
top: -25px;
position: relative;
}
.solition_items h4 {
margin-top: 20px;
font-size: 26px;
}
.solition_items h3 {
margin-top: 20px !important;
font-size: 26px !important;
/*color: #fff;*/
}
.solition_items p {
font-size: 15px;
color: #2c2c2c;
}
.solition_items a {
display: grid;
color: #3a3a3a;
font-weight: 500;
grid-gap: 5px;
grid-template-columns: auto auto;
justify-content: center;
align-items: center;
}
.solition_items a:after {
font-family: "FontAwesome";
content: "\f061";
font-size: 12px;
}
/*.solition_items:hover{
background: #3a3a3a;
}
.solition_items:hover h4,
.solition_items:hover p,
.solition_items:hover a{
color: #fff;
}
.solition_items:hover span{
background: #d7d2cb;
color: #3a3a3a;
}*/
.title-form h3 {
color: #2c2c2c;
text-transform: capitalize;
font-weight: 600;
}
.title-form p {
color: #2c2c2c;
}
.fquoteF.transperent input[type="text"],
.fquoteF.transperent input[type="tel"],
.fquoteF.transperent input[type="email"],
.fquoteF.transperent select,
.fquoteF.transperent textarea {
background: #fff;
border: 0px solid #ddd;
color: #444;
}
.fquoteF.transperent input[type="tel"]::placeholder,
.fquoteF.transperent input[type="text"]::placeholder,
.fquoteF.transperent input[type="email"]::placeholder,
.fquoteF.transperent textarea::placeholder {
color: #444;
}
.fquoteF.transperent select {
background: #fff url(../images/arrow-down.svg) no-repeat center right 15px;
background-size: 16px;
border: 0px solid #ddd;
}
.fquoteF.transperent select:focus {
background: transparent url(../images/arrow-up.svg) no-repeat center right 15px;
background-size: 16px;
}
.grey-form input[type="text"],
.grey-form input[type="tel"],
.grey-form input[type="email"],
.grey-form select,
.grey-form textarea {
background: #f1f1f1;
color: #3a3a3a;
}
.grey-form input[type="tel"]::placeholder,
.grey-form input[type="text"]::placeholder,
.grey-form input[type="email"]::placeholder,
.grey-form textarea::placeholder {
color: #3a3a3a;
}
.grey-form select {
background: #f1f1f1 url(../images/arrow-down.svg) no-repeat center right 15px;
background-size: 16px;
}
.grey-form select:focus {
background: #f1f1f1 url(../images/arrow-up.svg) no-repeat center right 15px;
background-size: 16px;
}
.sidebarcp {
grid-template-columns: 32px 1fr;
align-items: start;
}
.sidebarcp figure {
background: none;
height: auto;
justify-content: start;
align-items: start;
}
.sidebarcp div h3 {
text-transform: uppercase;
font-size:100%;
}
.bSidebar h3 {
font-weight: 500;
font-size: 24px;
margin-bottom: 25px;
margin-top: 30px;
position: relative;
padding-bottom: 10px;
}
.bSidebar h3:first-child {
margin-top: 0px;
}
.bSidebar h3:after {
content: "";
width: 20%;
height: 2px;
background: #3a3a3a;
position: absolute;
bottom: 0;
left: 0;
}
.bSidebar ul li:before {
opacity: 0.5;
filter: gray; /* IE */
-webkit-filter: grayscale(1); /* Old WebKit */
-webkit-filter: grayscale(100%); /* New WebKit */
filter: url(resources.svg#desaturate); /* older Firefox */
filter: grayscale(100%); /* Current draft standard */
}
.bSidebar ul li:hover:before {
opacity: 1;
filter: none; /* IE */
-webkit-filter: grayscale(0); /* Old WebKit */
-webkit-filter: grayscale(0%); /* New WebKit */
filter: url(resources.svg#desaturate); /* older Firefox */
filter: grayscale(0%); /* Current draft standard */
}
.blog-items:hover {
text-transform: none;
}
.blog-items figure img {
border-radius: 15px;
}
.blog-items .blog-content .pbDte {
font-size: 15px;
font-weight: 500;
}
.blog-content .mx-200 {
min-width: 200px;
}
.blog-items .blog-content {
display: grid;
grid-gap: 15px;
}
.blog-items .blog-content .date p {
font-size: 16px;
font-weight: 500;
margin: 0px;
}
.blog-items .blog-content p {
font-size: 16px;
margin: 0px;
}
.blog-content h4 {
font-size: 24px;
margin-top: 25px;
margin-bottom: 0px;
font-family: "Montserrat", serif;
}
.mx-300 {
min-width: 200px;
}
.accordion-tbs {
display: grid;
}
.accordion-tbs .card {
border: none;
border-color: #3a3a3a;
margin-bottom: 25px;
border-radius: 10px;
background: #fff;
box-shadow: 2px 2px 10px #ddd;
}
.accordion-tbs .card-header {
padding: 0px;
background: none;
border: none;
}
.accordion-tbs .card-header button {
font-size: 24px;
font-weight: 600;
border-radius: 10px;
text-decoration: none;
width: 100%;
background: #fff;
padding: 25px 30px;
border: none;
text-align: left;
white-space: normal;
color: #3a3a3a;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.accordion-tbs .card-header button[aria-expanded="true"] {
border: none;
position: relative;
background: #fff;
}
.accordion-tbs .card-header button[aria-expanded="true"]:after {
content: "\f068";
font-family: "FontAwesome";
font-size: 16px;
font-weight: 400;
margin-left: auto;
}
.accordion-tbs .card-header button[aria-expanded="false"]:after {
content: "\f067";
font-family: "FontAwesome";
font-size: 16px;
font-weight: 400;
margin-left: auto;
}
.accordion-tbs .card-body {
font-size: 16px;
padding-top: 0px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
}
.accordion-tbs .card-body p:last-child {
margin: 0px;
}
.row-culture{
margin-left: 0;
margin-right: 0;
}
.row-culture div[class^='col'] {
margin-bottom: 0px;
padding: 0px;
}
.culture-bx {
display: grid;
grid-gap: 10px;
align-items: center;
padding: 30px;
background: red;
}
.culture-bx h3 {
margin-top: 20px;
margin-bottom: 0px;
font-size: 24px;
}
.culture-bx p {
font-size: 16px;
margin: 0px;
}
.row-culture div[class^='col']:nth-child(odd) h3{
color: #2c2c2c;
}
.row-culture div[class^='col']:nth-child(odd) p{
color: #2c2c2c;
}
.row-culture div[class^='col']:nth-child(odd) img{
filter: invert(90%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(90%);
}
.row-offers div[class^='col']:nth-child(2n) .offer-bx{
background: #C0C0B9;
}
.offer-bx {
display: grid;
grid-gap: 10px;
align-items: center;
padding: 30px;
padding-top: 0px;
background: red;
background: #e5e5e5;
border-radius: 15px;
}
.offer-bx span {
background: #fff;
margin: auto;
position: relative;
top: -50px;
padding: 15px;
width: 84px;
height: 84px;
border-radius: 50px;
box-shadow: rgba(17, 12, 46, 0.15) 0px 0px 40px 5px;
display: grid;
align-items: center;
justify-content: center;
}
.offer-bx img {
max-width: 52px;
}
.offer-bx h3 {
margin-bottom: 10px;
font-size: 32px;
color: #2c2c2c;
max-width: 80%;
margin-right: auto;
margin-left: auto;
font-weight: 500;
}
.offer-bx p {
font-size: 16px;
margin: 0px;
color: #2c2c2c;
}
.row-offers div[class^='col']:nth-child(2n) .offer-bx h3,
.row-offers div[class^='col']:nth-child(2n) .offer-bx p{
color: #2c2c2c;
}
.positions {
display: grid;
grid-template-columns: 1fr 200px;
grid-gap: 30px;
align-items: center;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
margin-bottom: 30px;
}
.positions:last-child{
margin-bottom: 0px;
padding-bottom: 0px;
border: none;
}
.dark-slogo-ani {
background: #C0C0B9;
padding: 60px;
position: absolute;
left: 15px;
z-index: 1;
bottom: 0;
top: inherit;
}
.categories-services{
background: #fff;
border-radius: 20px;
box-shadow: 0px 0px 10px #ddd;
padding: 30px;
}
.list-services {
list-style: none;
padding: 0;
display: grid;
grid-gap: 10px;
margin: 0;
margin-top: 15px;
}
.list-services li a {
background: #C0C0B9;
display: block;
padding: 13px 25px;
color: #3a3a3a;
font-size: 18px;
font-weight: 500;
display: grid;
grid-template-columns: 40px 1fr;
grid-gap: 10px;
align-items: center;
}
.list-services li a:hover{
text-decoration: none;
color: #fff;
background: #CC4A18;
}
.list-services li a:hover img{
mix-blend-mode: color-dodge;
fill: #fce57e;
}
.small-ctabar {
background: #C0C0B9;
padding: 50px 35px;
margin-top: 40px;
border-radius: 20px;
text-align: center;
}
.small-ctabar h3{
font-size: 32px;
}
.small-ctabar h4{
font-size: 20px;
margin-top: 20px;
font-weight: 400;
}
.tel-fuction {
display: grid;
grid-template-columns: 42px 1fr;
grid-gap: 20px;
align-items: center;
width: 80%;
margin: auto;
margin-top: 25px;
}
.tel-fuction i{
/*color: #fff;*/
font-size: 42px;
}
.tel-fuction p {
margin: 0px;
/*color: #fff;*/
text-transform: uppercase;
font-size: 16px;
}
.tel-fuction a {
color: #2C2C2C;
font-size: 26px;
font-family: "Roboto", serif;
}
.form-outer{
border-radius: 20px;
padding: 60px 40px;
}
.form-outer h2{
text-align: center;
/*color: #fff;*/
font-weight: 500;
}
.form-contact-me input[type="text"],
.form-contact-me input[type="tel"],
.form-contact-me input[type="email"]{
background: #fff;
border-radius: 0px;
height: 50px;
border: none;
padding: 0px 20px;
font-size: 16px;
}
.form-contact-me input[type="submit"]{
background: #CC4A18;
color:#2c2c2c;
border-radius: 0px;
height: 50px;
border: none;
width: 100%;
}
.form-contact-me input[type="submit"]:hover{
background: #C0C0B9;
cursor: pointer;
}
.gallery-outer{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
.gallery-outer a{
position: relative;
}
.gallery-outer a h3 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: #C0C0B9;
display: table;
text-align: center;
padding: 20px 30px;
color: #2C2C2C;
font-size: 24px;
}
.gallery-outer a:hover h3{
background: #2C2C2C;
color: #ffff;
box-shadow: 0px 0px 10px #ddd;
}
.gallery-detail-outer{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
}
.gallery-detail-outer a{
position: relative;
text-decoration: none;
}
.gallery-detail-outer a h5 {
text-align: center;
color: #3a3a3a;
font-family: "Montserrat", serif;
font-size: 18px;
}
.gallery-detail-outer a:hover h5{
color: #7c776d;
}
.gallery-detail-outer a:hover figure:after {
font-family:'FontAwesome';
content: "\f00e";
/* width: 100%; */
/* height: 100%; */
position: absolute;
display: grid;
justify-content: center;
align-items: center;
top: 50%;
margin: auto;
left: 0;
right: 0;
transform: translateY(-50%);
color: #fff;
font-size: 30px;
}
.gallery-detail-outer a:hover figure{
position: relative;
background: #252525;
}
.gallery-detail-outer a:hover figure img{
opacity: 0.2;
}
.masonry {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.masonry div a:last-child {
margin-top: 15px;
display: block;
}
.masonry figure{
margin: 0px;
}
.masonry a.resources-items{
position: relative;
display:grid;
}
.masonry .txt-bx {
position: absolute;
bottom: 0px;
left: 0;
margin: 0;
/*background: #00000044;*/
width: 100%;
padding: 30px 30px;
}
.masonry .txt-bx h3 {
color: #2c2c2c;
font-weight: 500;
font-size: 28px;
}
.masonry .txt-bx.video {
bottom: 0px;
left: 50%;
margin: 0;
top: 50%;
bottom: inherit;
transform: translate(-50%, -50%);
text-align: center;
background: none;
}
.masonry .txt-bx.video p{
font-size: 16px;
color: #2c2c2c;
}
.masonry .txt-bx.video p i{
font-size: 10px;
}
.resources-items figure{
position: relative;
}
.resources-items figure:before{
content: "";
/*background: #3a3a3a55;*/
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
.resource-post{
padding-bottom: 15px;
}
.resource-post figure{
margin: 0px;
}
.resource-post .blg-content{
padding: 30px;
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.resource-post .blg-content p{
margin-bottom: 25px;
}
.navbar-spin{
position: relative;
list-style: none;
padding: 0px;
display: grid;
grid-template-columns: repeat(3, 1fr);
margin: 0px;
}
.navbar-spin li{
border-right: 1px solid #4c4c4c;
}
.navbar-spin li a {
background: #CC4A18;
font-size: 28px;
color: #2c2c2c;
display: block;
padding: 30px 0px;
text-align: center;
text-decoration: none;
}
.navbar-spin li a:hover{
background: #C0C0B9;
}
.pro-form input[type="text"],
.pro-form input[type="tel"],
.pro-form input[type="email"],
.pro-form select{
background: #f1f1f1;
}
.pro-form .col-md-12:first-child h3{
margin-top: 0px;
}
.pro-form h3 {
color: #A59C94;
font-size: 24px;
font-weight: 500;
margin-bottom: 20px;
margin-top: 30px;
}
.form-group{
position: relative;
}
.form-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.form-group span.wpcf7-list-item-label {
position: relative;
cursor: pointer;
margin: 0px;
font-size: 16px;
}
.form-group label {
position: relative;
cursor: pointer;
}
.form-group span.wpcf7-list-item-label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 2px solid #c7bfb2;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 10px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 10px;
}
.form-group input:checked + span.wpcf7-list-item-label:after {
content: '';
display: block;
position: absolute;
top: 2px;
left: 9px;
width: 6px;
height: 14px;
border: solid #3a3a3a;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.checkbx-items, .checkbx-items label {
margin: 0px;
font-size: 16px;
}
a.home-blog p{
text-transform: none !important;
}
.home-blog p {
color: #2C2C2C;
font-size: 18px;
}
.inspiration-gallery {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.inspiration-gallery a{
display: block;
}
.inspiration-gallery a:first-child {
grid-column: 1 / span 2;
grid-row: -2 / span 2;
}
.inspiration-gallery a:nth-child(2n) {
}
.inspiration-gallery a:nth-child(3n) {
}
.inspiration-gallery a:nth-child(4n) {
grid-column: 3 / span 2;
grid-row: 1 / span 1;
}
.nav-pagination{
display: flex;
list-style: none;
padding: 0px;
}
.nav-pagination li{
margin-right: 10px;
}
.nav-pagination li a {
background: #D8D8D8;
color: #3a3a3a;
padding: 10px 0px;
display: grid;
width: 40px;
height: 40px;
justify-items: center;
font-weight: 500;
text-decoration: none;
}
.nav-pagination li a.active, .nav-pagination li a:hover {
background: #3a3a3a;
color: #D8D8D8;
}
.team-style{
text-align: center;
}
.team-style img{
border-radius: 200px;
}
.team-style h3{
font-size: 20px;
font-weight: 600;
text-transform: capitalize;
margin-top: 25px;
}
.backend-light-logo:after {
content: "";
background: url(../images/secandary-logo.png) no-repeat center;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0px;
width: 215px;
height: 234px;
z-index: -1;
opacity: 0.1;
}
.shape-bottom-grey:after{
content: "";
background: #D8D8D8;
width: 100%;
height: 45%;
position: absolute;
bottom: 0px;
left: 0px;
z-index: -1;
}
.grey-effect{
background: #C0C0B9;
}
.grey-effect figure img{
/*filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(360deg) brightness(200%) contrast(100%);*/
}
.grey-effect h4,
.grey-effect p,
.grey-effect a{
/*color: #fff;*/
}
.grey-effect span {
background: #fff;
color: #3a3a3a;
box-shadow: rgba(17, 12, 46, 0.15) 0px 15px 30px 10px;
}
.circle-lines {
left: inherit;
z-index: -1;
width: 140px;
height: 140px;
right: -50px;
}
.serve-items figure {
margin: 0px 0px 15px;
border-radius: 10px;
overflow: hidden;
position: relative;
}
.serve-items h4 {
font-family: "Montserrat", serif;
font-weight: 600;
}
.row-serve div[class^="col-lg-4"]{
margin-bottom: 30px;
}
.serve-items a {
display: grid;
background: #D7D2CB;
position: absolute;
right: 0;
bottom: 0;
width: 64px;
height: 64px;
border-radius: 10px;
align-items: center;
color: #fff;
font-size: 24px;
z-index: 1;
}
.serve-items figure:after {
content: "";
position: absolute;
background: url(../images/bottom-shape.svg)no-repeat right bottom;
width: 82px;
height: 82px;
bottom: 0;
right: 0;
background-size: cover;
}
.serve-items a:hover {
text-decoration: none;
background: #A59C94;
}
.new-cta {
display: grid;
grid-template-columns: 55% 1fr;
grid-gap: 40px;
}
.new-cta{
text-align: center;
}
.new-cta div{
display: grid;
justify-items: center;
}
.new-cta h3 {
font-family: "Montserrat", serif;
font-weight: 700;
font-size: 40px;
line-height: 150%;
}
.new-cta h3 span {
color: #2c2c2c;
text-decoration: underline;
}
.new-cta figure{
margin: 0px;
}
.row-serve div[class^="col-lg-4"]:nth-child(-3n + 1){
}
.fix-br {
position: absolute;
bottom: 60px;
right: -70px;
z-index: 9;
}
.subtitle h5{
font-weight: 500;
font-family: "Montserrat", serif;
font-size: 18px;
line-height: 160%;
}
.city-listing{
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.city-listing ul {
background: #C0C0B9;
display: grid;
grid-gap: 10px;
padding: 50px 0px;
list-style: none;
color: #2c2c2c;
margin: 0;
}
.city-listing ul:nth-child(2n + 1){
background: #e5e5e5;
}
.city-listing ul li a{
color: #2c2c2c;
}
.city-listing li {
position: relative;
padding: 0px;
overflow: hidden;
text-align: center;
}
.city-listing li:before {
content: "\f00c";
font-family: "FontAwesome";
color: #a59c94;
font-size: 12px;
margin-right: 8px;
}
.mapping{
text-align: center;
display: table;
margin: auto;
margin-bottom: -10px;
z-index: 1;
position: relative;
}
.curve-fix{
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.process-grid-5 {
display: grid;
grid-template-columns: repeat(6, 1fr);
position: relative;
grid-gap: 25px;
position: relative;
}
.process-grid-5:after {
content: "";
background: url(../images/line-dootes.svg)no-repeat center top 56px;
width: 76%;
position: absolute;
height: 310px;
background-size: contain;
margin: auto;
left: 200px;
top: 3px;
}
.process_li{
position: relative;
}
.process-grid-5 .process_li:nth-child(2n + 2) {
margin-top: 100%;
}
.process_li div{
position: relative;
}
.process_li h1 {
font-size: 100px;
letter-spacing: -5px;
font-weight: 700;
color: #d7d2cc50;
margin: 0;
}
.process_li h4 {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 50%;
background: #A59C94;
color: #fff;
text-transform: uppercase;
padding: 5px 0px 4px;
font-weight: 400;
transform: translateY(-50%);
font-size: 16px;
}
.frequently-tabs{
display: grid;
grid-row-gap: 15px;
}
.frequently-tabs .card{
border-radius: 0px !important;
border: none !important;
}
.frequently-tabs .card-header {
background: #C0C0B9;
border-radius: 0px !important;
}
.frequently-tabs .card-header button {
width: 100%;
text-align: left;
color: #2c2c2c;
font-family: "Montserrat", serif;
font-size: 16px;
font-weight: 500;
padding: 0;
text-decoration: none;
display: grid;
grid-template-columns: 1fr 16px;
-ms-flex-align: center;
align-items: center;
}
.frequently-tabs .card-header button:after{
content: "-";
font-size: 20px;
text-align: right;
}
.frequently-tabs .card-header button.collapsed:after{
content: "+";
}
.frequently-tabs .card-body p{
line-height: 160%;
}
.text-white{
color:#2c2c2c !important;
}
.title-white h2{
color:#2c2c2c;
}
.title-white p, .text-white p{
color:#2c2c2c;
}
.service-box.landing h3{
text-transform: uppercase;
font-size: 22px;
z-index: 1;
position: relative;
}
.service-box.landing p {
color: #fff;
font-size: 13px;
z-index: 1;
position: relative;
}
.service-box.landing div{
padding: 25px 20px;
/*background: none;*/
}
.service-box.landing div:after {
content: "";
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhM2EzYSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: linear-gradient(to bottom, rgba(58,58,58,0) 0%,rgba(0,0,0,1) 100%);
position: absolute;
bottom: 0;
left: 0px;
width: 100%;
height: 100%;
z-index: 0;
}
.right_box{
color: #2c2c2c;
grid-gap: 40px;
max-width: 720px;
padding: 70px;
padding-right: 0;
}
.land-core {
display: grid;
grid-template-columns: 74px 1fr;
grid-gap: 30px;
margin-bottom: 30px;
}
.land-core h4 {
font-family: "Montserrat", serif;
line-height: 1.5;
font-weight: 600;
}
.land-core p {
color: #444;
margin: 0;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.1px;
}
.land-core div:first-child {
background: #D7D2CB;
height: 74px;
border-radius: 10px;
display: grid;
justify-items: center;
align-items: center;
}
.land-core div img{
max-width: 36px;
}
.landing-banner {
height: 450px;
position: relative;
background: #3a3a3a;
}
.landing-banner:after {
content: "";
background: #0e0e0e;
opacity: 0.2;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
}
.landing-banner .container, .landing-banner .row{
height: 100%;
position: relative;
z-index: 9;
}
.landing-banner h1{
color: #2c2c2c;
}
.landing-banner ol.breadcrumb {
padding: 0px;
margin-bottom: 0px;
}
.landing-form {
background: #C0C0B9;
padding: 30px;
position: absolute;
bottom: -60px;
border-radius: 20px 20px 80px 25px;
z-index: 6;
}
.landing-form h3 {
margin: 0px 0px 15px;
color: #2c2c2c;
font-size: 30px;
}
.landing-form input[type=text],
.landing-form input[type=tel],
.landing-form input[type=email],
.landing-form select {
width: 100%;
height: 42px;
border: none;
margin-bottom: 15px;
border-radius: 6px;
font-size: 14px;
padding: 0px 15px;
}
.landing-form textarea{
width: 100%;
height: 80px;
border: none;
margin-bottom: 15px;
border-radius: 10px;
font-size: 14px;
padding: 15px 15px;
}
.landing-form input[type=submit] {
background: #CC4A17;
height: 48px;
border-radius: 6px;
color: #2c2c2c;
text-transform: capitalize;
border: none;
font-weight: 500;
cursor: pointer;
}
.landing-form input[type=submit]:hover{
background: #C0C0B9;
}
/*---------01-08-2025--------*/
.h2_7C776D h3, .white-content h3 {
font-size: 112.5%;
}
.blog-content h2 {
font-size: 42px;
}
.solition_items.interior-page:hover h3 {
color: #2c2c2c;
}
.solition_items.interior-page h3 {
color: #2c2c2c;
}
.card .card-header h5 button.btn.btn-link {
text-wrap: auto;
}
section.tb-equal.position-relative .row.justify-content-center.mt-30 .col-xl-9.text-center p a {
color: #CC4A17 !important;
text-decoration: underline;
}
.main-header .site-logo img {
width: 100%;
max-width: 44%;
}
.footer-logo img {
width: 100%;
max-width: 50%;
}