html {
-scroll-behavior: smooth;
scroll-behavior: smooth;
}
body {
color: #9c5626;
font-family: "Lato", sans-serif;
font-size: 17px;
font-weight: 400;
margin: 0;
padding: 0px;
background-color: #f6f3f3;
}
@font-face {
font-family: 'canela_triallight';
src: url('../fonts/canela-light-webfont.woff2') format('woff2'),
url('../fonts/canela-light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'canela_regular_trialregular';
src: url('../fonts/canela-regular-webfont.woff2') format('woff2'),
url('../fonts/canela-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'dailyregular';
src: url('../fonts/daily-webfont.woff2') format('woff2'),
url('../fonts/daily-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
p {
line-height: 30px;
color: #9c5626;
font-size: 19px;
}
a {
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
outline: none;
text-decoration: none !important;
transition: all 300ms ease-out;
-webkit-transition: all 300ms ease-out;
}
ul,
ol,
dl,
li {
margin: 0;
padding: 0;
border: 0;
}
ul li {
list-style: none;
}
a:focus {
outline: none!important;
box-shadow: none!important;
}
:focus,
button:focus,
a:focus,
a.active {
outline: none!important;
box-shadow: none!important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'canela_triallight';
color: #9c5626;
}
h2 {
font-size: 60px;
line-height: 65px;
margin-bottom: 10px;
}
h3 {
font-size: 50px;
line-height: 55px;
margin-bottom: 10px;
}
::-moz-placeholder {
color: #fff !important;
font-size: 16px;
opacity: 1;
}
:-ms-input-placeholder {
color: rgb(255, 255, 255) !important;
font-size: 16px;
opacity: 1;
}
::-webkit-input-placeholder {
color: #fff !important;
font-size: 16px;
opacity: 1;
}
.pt-120{
padding-top: 120px;
}
.mt-100{
margin-top: 100px;
}
.mt-150{
margin-top: 150px;
}
.mtb-100{
margin-bottom: 100px;
margin-top: 100px;
}
.ptb-120{
padding-top: 120px;
padding-bottom: 120px;
}
.mt-70{
margin-top: 70px;
}
.btn{
font-weight: 500;
text-transform: uppercase;
}
.btn-primary {
background-color: #9c5626;
border: none;
border-radius: 0;
padding: 15px 40px;
}
.btn-primary:hover {
background-color: #000;
color: #fff;
}
hr {
opacity: 1;
width: 90%;
}
/*Banner*/
.banner{
width:100%;
height:100vh;
position:relative;
background: linear-gradient(rgba(1,1,1,2%), rgba(1,1,1,2%)), url("../images/hero-banner.jpg");
background-attachment:fixed;
background-size:cover;
background-position:right;
overflow: hidden;
}
.container{
max-width: 1440px;
}
header{
position: fixed;
top: 0px;
width: 100%;
z-index: 1;
margin: 0 auto;
left: 0;
right: 0;
z-index: 2;
padding: 20px 100px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}
header.sticky {
background: #42523a;
padding-top: 15px;
padding-bottom: 15px;
}
.logo img{
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
width: 187px;
}
header.sticky .logo img {
width: 123px;
}
.custome-nav {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
}
.navbar-expand-lg .custome-nav .navbar-nav .nav-link {
color: #fff;
text-transform: uppercase;
font-size: 12px;
position: relative;
padding: 0;
letter-spacing: 1px;
}
.navbar-expand-lg .custome-nav .navbar-nav .menu-item{
padding-left: 30px;
padding-right: 30px;
}
.navbar-expand-lg .custome-nav .navbar-nav .nav-link::before,
.navbar-expand-lg .custome-nav .navbar-nav .active .nav-link::before{
position: absolute;
content: '';
left: 0;
width: 50%;
height: 1px;
opacity: 1;
background-color: #fff;
bottom: -3px;
-o-transition: all .6s cubic-bezier(0,0,.23,1);
transition: all .6s cubic-bezier(0,0,.23,1);
-webkit-transition: all .6s cubic-bezier(0,0,.23,1);
}
.navbar-expand-lg .custome-nav .navbar-nav .nav-link::before{
width: 0;
background: #fff;
opacity: 0;
}
.navbar-expand-lg .custome-nav .navbar-nav .nav-link:hover::before,
.navbar-expand-lg .custome-nav .navbar-nav .active .nav-link:hover::before{
width: 100%;
-moz-transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
-webkit-transition: width 1s ease-in-out;
opacity: 1;
}
.custome-nav .navbar-nav .nav-link.show,
.custome-nav .navbar-nav .nav-link.active,
.navbar-expand-lg .custome-nav .navbar-nav .active .nav-link {
color: #fff
}
.right-btn{
padding-left: 30px;
}
.book-now{
color: #fff;
text-transform: uppercase;
font-size: 12px;
border-radius: 0;
padding: 12px 28px;
border: solid 1px #fff;
}
.book-reading:hover,
.book-now:hover{
color: #fff;
background-color: #9c5626;
}
.animated-icon {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.animated-icon span {
display: block;
position: absolute;
height: 2px;
width: 100%;
border-radius: 0;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.animated-icon span {
background: #fff;
}
.animated-icon span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.animated-icon span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.animated-icon span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.animated-icon.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 8px;
}
.animated-icon.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
.animated-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 21px;
left: 8px;
}
.banner-wrap{
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.banner-wrap h1{
font-size: 84px;
line-height: 90px;
color: #fff;
margin: 60px 0;
}
.sb-heading{
font-size: 16px;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
}
.book-reading{
color: #000;
text-transform: uppercase;
font-size: 14px;
border-radius: 0;
padding: 15px 40px;
background-color: #fff;
}
.banner-ftr {
position: absolute;
bottom: 50px;
}
.arrow-right {
border: solid 2px #fff;
border-radius: 100%;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.banner-ftr {
position: absolute;
bottom: 30px;
width: 100%;
display: flex;
justify-content: space-between;
left: 0;
}
.bftr-cont {
width: 80%;
padding-right: 50%;
}
.bftr-cont p{
color: #fff;
font-size: 16px;
}
img.arrow {
width: 20px;
}
.line{
position: relative;
}
.line::before{
position: absolute;
width: 45%;
left: 0;
height: 1px;
background-color: #9c5626;
content: '';
top: 25%;
}
.living{
position: relative;
}
.living::before{
position: absolute;
left: 0;
top: 0;
content: url('');
background-image: url('../images/bio-shape.png');
background-repeat: no-repeat;
background-size: contain;
z-index: -1;
width: 100%;
height: 100%;
}
.elite{
position: relative;
overflow: hidden;
}
.elite::before{
position: absolute;
width: 40%;
right: 0;
height: 100%;
background-color: #9c5626;
content: '';
top: 0;
z-index: -1;
}
.work,
.blueprint,
.get-in-touch,
.follow-your-map{
background-color: #42523a;
position: relative;
padding: 120px 0;
}
.blueprint .container::after{
position: absolute;
top: -20px;
right: 10px;
content: url('../images/blue-print.png');
z-index: -1;
}
.work .container-fluid,
.blueprint .container-fluid,
.astro-city .container-fluid,
.astro-skyline .container-fluid{
max-width: 1920px;
}
.work p,
.work h2,
.work .number,
.blueprint h2,
footer .copyright,
.call-to-action h2,
.call-to-action h3,
.call-to-action p,
.get-in-touch h2,
.get-in-touch p,
.innerpage-banner h1,
.follow-your-map h2,
.follow-your-map p{
color: #fff;
}
.celestial {
height: 100%;
}
/* .celestial img {
object-fit: cover;
height: 100%;
width: 100%;
} */
.blueprint .container-fluid .row {
display: flex;
align-items: end;
flex-wrap: wrap;
}
.blueprint-points {
padding: 0 90px 120px;
}
.blueprint-points .card {
background: transparent;
border: none;
border-bottom: solid 1px #5f7155;
border-radius: 0;
padding-bottom: 45px;
margin-bottom: 45px;
}
.blueprint,
.blueprint-points .card:nth-child(4){
border: none;
padding-bottom: 0;
}
.blueprint-points .card .card-body {
padding: 0;
}
.work .h-work,
.blueprint-points .card .card-body .card-title{
color: #fce2c0;
font-size: 26px;
font-family: 'canela_triallight';
}
.work .number,
.blueprint-points .card .card-body .card-text {
color: #fff;
font-size: 19px;
}
.foryou{
margin: 160px 0;
}
.foryou ul {
display: flex;
align-items: flex-start;
justify-content: center;
}
.foryou ul li {
text-align: -webkit-center;
padding: 0 2%;
}
.foryou ul li p{
margin-bottom: 0;
}
.foryou ul li:not(:last-child){
border-right: solid 1px #c9a48c;
}
section.work ul {
position: relative;
}
.work .first-row {
padding-left: 140px;
}
.work .col-sm-6{
border-right: solid 1px #5f7155;
border-bottom: solid 1px #5f7155;
}
.work .col-sm-6:nth-child(2),
.work .col-sm-6:nth-child(4){
border-right: none;
}
.work .col-sm-6:nth-child(3),
.work .col-sm-6:nth-child(4){
border-bottom: none;
}
.work .col-sm-6{
position: relative;
}
.work .col-sm-6:nth-child(3)::after {
align-items: center;
top: -15px;
color: #dfcbab;
content: "+";
display: flex;
font-size: 35px;
font-weight: 600;
height: 24px;
justify-content: center;
position: absolute;
right: -12px;
width: 22px;
z-index: 1;
}
.work .col-sm-6 .wrap-work{
padding-right: 50px;
padding-bottom: 50px;
}
.work .col-sm-6:nth-child(3) .wrap-work,
.work .col-sm-6:nth-child(4) .wrap-work {
padding-top: 50px;
padding-bottom: 0;
}
.work .col-sm-6:nth-child(2) .wrap-work,
.work .col-sm-6:nth-child(4) .wrap-work {
padding-left: 50px;
padding-right: 0;
}
.woprk-pick {
position: relative;
}
.map-text{
padding: 90px;
}
.client {
background-color: #f6f3f3;
margin: 120px 0;
}
.tetimonilas {
padding: 0 30px;
}
.tetimonilas.slick-slider,
.tetimonilas.slick-slider .slick-track{
display: flex;
height: 100%;
}
.client .card{
background-color: #fcead2;
border: none;
border-radius: 15px;
position: relative;
overflow: hidden;
margin: 0 15px;
}
.client .card-body {
padding: 20px 20px 65px 20px;
position: relative;
z-index: 1;
height: 100%;
}
.client .card .card-text {
line-height: 30px;
color: #9c5626;
font-size: 18px;
}
.client .card::after {
position: absolute;
content: url('../images/client-shape.png');
bottom: -70px;
right: -70px;
z-index: 0;
}
.client .card-title{
color: #9c5626;
font-family: 'canela_regular_trialregular';
font-size: 24px;
margin-top: 15px;
}
.address {
position: absolute;
bottom: 20px;
}
.author {
display: flex;
align-items: center;
}
.author-name {
margin-left: 15px;
color: #9c5626;
font-family: "Lato", sans-serif;
font-weight: 500;
font-size: 19px;
}
.rating,
.location{
font-size: 15px;
color: #9c5626;
}
.rating span,
.location span{
font-size: 16px;
font-weight: 600;
margin-right: 10px;
}
.rating {
display: flex;
align-items: center;
}
.rating img{
width: 16px;
}
.client .slick-prev, .client .slick-next {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
z-index: 1;
transform: translateY(-50%);
background-position: center;
border: none;
padding: 20px;
background: transparent;
font-size: 0;
font-family: 'Open Sans', sans-serif;
}
.client .slick-prev:before {
content: "\f060";
}
.client .slick-next {
right: 0;
}
.client .slick-prev {
left: 0;
}
.client .slick-next:before {
content: "\f061";
}
.client .slick-prev:before,
.client .slick-next:before {
position: absolute;
left: 0;
top: 0;
background: transparent;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 15px;
color: #cdcdcd;
font-family: 'FontAwesome';
border-radius: 100%;
border: solid 1px #cdcdcd;
}
.client .slick-prev:hover::before,
.client .slick-next:hover::before{
border-color: #9c5626;
color: #9c5626;
}
.client .slick-dots {
padding: 0px;
margin: 0;
list-style-type: none;
text-align: center;
height: 5px;
position: absolute;
z-index: 9;
bottom: 0;
left: 0;
right: 0;
}
.client .slick-dots li {
padding: 0px;
margin: 0px;
list-style-type: none;
text-align: center;
display: inline-block;
margin: 0 5px;
}
.client .slick-dots li button {
padding: 0px;
margin: 0px;
border: none;
text-indent: -99999px;
background: #5f6f60;
height: 12px;
width: 12px;
border-radius: 50%;
}
.client .slick-dots li.slick-active button {
padding: 0px;
margin: 0px;
background: #9c5626;
}
.astro-city{
position: relative;
}
.astro-city::after {
position: absolute;
content: '';
right: 0;
top: 0;
width: 40%;
height: 100%;
border-top-width: 0;
border-right-width: 0;
border-left-width: 100px;
border-bottom-width: 180px;
border-color: #f6f3f3;
border-style: solid;
}
.astro-city img {
width: 100%;
}
.skyline-wrap {
display: flex;
justify-content: space-between;
}
.astro-skyline img:nth-child(1) {
width: 60%;
}
.astro-skyline img:nth-child(2) {
width: 35%;
}
.faq{
padding: 120px 0;
}
.faq-wrap {
border-top: solid 1px #9c5626;
}
.faq-wrap:last-child {
border-bottom: solid 1px #9c5626;
}
.faq-list,
.faq-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.f-q {
font-size: 26px;
line-height: 30px;
flex-basis: 30%;
}
.f-a{
font-size: 18px;
line-height: 25px;
flex-basis: 70%;
padding: 40px;
}
.call-to-action{
background-color: #42523a;
padding: 130px 0;
}
.call-to-action .book-now {
padding: 18px 60px;
font-size: 14px;
}
.marquee-wrapper {
overflow: hidden;
white-space: nowrap;
padding: 120px 0;
width: 100%;
background: #F6F3F3;
}
.marquee-inner {
display: flex;
width: max-content;
animation: scroll-left 40s linear infinite;
}
.marquee-item {
margin: 0 40px;
white-space: nowrap;
font-size: 40px;
color: #9C5626;
text-transform: uppercase;
font-family: 'canela_triallight';
line-height: 1;
position: relative;
}
.marquee-item::after {
position: absolute;
content: url('../images/star.png');
right: -50px;
top: 50%;
transform: translateY(-50%);
bottom: -26px;
}
.marquee-track {
display: flex;
position: absolute;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
@keyframes scroll-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
footer{
background-image: url(../images/footer-img.jpg);
padding-top: 120px;
padding-bottom: 700px;
background-size: cover;
position: relative;
z-index: 1;
}
footer::before{
position: absolute;
left: 0;
right: 0;
content: "ASTRO";
font-size: 300px;
font-family: 'canela_triallight';
color: #6f7d85;
z-index: -1;
top: 20%;
text-align: center;
}
.newsletters .wpcf7-form-control-wrap{
display: block;
width: 100%;
}
.newsletters input {
background: transparent;
border: none;
border-bottom: 1px solid #fff;
border-radius: 0;
padding: 8px 60px 0px 0;
font-size: 16px;
z-index: 0;
}
.newsletters .form-control:focus{
background-color: transparent;
border-bottom: 1px solid #9c5626;
border-color: #9c5626;
outline: 0;
box-shadow: none;
color: #fff;
font-size: 15px;
z-index: 0;
}
.newsletters .btn-prime {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 35px;
margin-right: 0;
padding: 10px 0 10px 10px;
}
.newsletters .btn-prime:hover .fa{
color: #9c5626;
}
.newsletters .btn-prime .fa {
color: #fff;
}
.form-control{
color: #fff;
}
.newsletters p {
font-size: 22px;
color: #fff;
}
.newsletters form {
margin-top: 50px;
}
.menu-title{
font-size: 20px;
color: #fff;
padding-bottom: 20px;
font-family: 'canela_triallight';
}
.menu-links li a {
font-size: 12px;
color: #d8d8d8;
line-height: 30px;
text-transform: uppercase;
padding: 0;
}
.email-block p a:hover,
.menu-links li a:hover {
color: #fff;
}
.email-heading span {
font-size: 14px;
color: #fff;
text-transform: uppercase;
}
.copyright,
.email-block p a {
font-size: 15px;
color: #d8d8d8;
word-wrap: break-word;
line-height: normal;
}
.social-med-bx li {
display: inline-block;
vertical-align: middle;
padding: 0 5px;
}
.social-med-bx li a {
background: #d8d8d8;
width: 38px;
border-radius: 100%;
height: 38px;
line-height: 38px;
text-align: center;
color: #253a45;
font-size: 20px;
}
.social-med-bx li a:hover {
background: #fff;
}
.media-block {
display: flex;
justify-content: space-between;
align-items: center;
}
.media-block hr {
opacity: 1;
max-width: 50%;
width: 100%;
color: #fff;
}
.innerpage-banner{
position: relative;
}
.innerpage-wrap{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.contact-form {
padding-top: 150px;
padding-bottom: 120px;
}
.contact-form label{
font-size: 17px;
}
.contact-form small {
font-size: 14px;
margin-bottom: 10px;
display: block;
font-style: italic;
}
.contact-form .description h5{
font-size: 17px;
font-weight: 700;
text-decoration: underline;
font-family: "Lato", sans-serif;
margin-bottom: 20px;
}
.contact-form figure.description {
border-bottom: solid 1px #9c5626;
padding-bottom: 10px;
}
.contact-form .contact-form .description p{
line-height: 22px;
font-size: 17px;
}
.contact-form figure.description ol {
margin: 0 0 0 20px;
font-size: 17px;
}
.contact-form figure.description ol li a {
color: #9c5626;
}
.contact-form .form-check-input[type=checkbox] {
border-radius: 0;
border: solid 2px #9c5626;
}
.contact-form .form-check-input:checked {
background-color: #9c5626;
border-color: #9c5626;
}
.contact-form .form-control{
height: 56px;
border-radius: 0;
border-color: #9c5626;
color: #9c5626;
}
.contact-form textarea.form-control {
min-height: 200px;
}
.get-heading {
color: #fce2c0;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 20px;
}
.get-text{
color: #fffefe;
font-size: 22px;
font-family: 'canela_triallight';
}
.get-text a{
color: #fffefe;
}
.get-text .social-med-bx li a {
background: transparent;
width: auto;
border-radius: 100%;
height: auto;
line-height: 20px;
text-align: center;
color: #ffffff;
font-size: 20px;
}
.get-text .social-med-bx li {
padding: 0 18px;
}
.innerpage-banner img {
margin: 0 auto;
display: block;
}
.innerpage-banner h1{
font-size: 84px;
margin-top: 20px;
}
#counter .couter-bx{
text-align: center;
position: relative;
}
#counter span.percent,
#counter span.plus{
font-size: 60px;
font-family: 'canela_regular_trialregular';
}
#counter span.plus:after {
content: "+";
display: inline-block;
font-family: 'canela_regular_trialregular';
font-weight: 600;
margin-left: 5px;
}
#counter span.percent:after{
content: "%";
}
#counter .couter-bx p{
font-size: 19px;
}
#counter .couter-bx::after {
width: 1px;
height: 50%;
position: absolute;
content: '';
background: #c9a48c;
top: 50%;
right: 0;
transform: translateY(-50%);
}
#counter .col-lg-3:nth-child(4) .couter-bx::after {
border-right: none;
display: none;
}
.text-y{
color: #edcfaf!important;
font-family: 'canela_triallight';
font-size: 22px;
padding: 20px 0;
}
.follow-img{
height: 100%;
position: relative;
overflow: hidden;
}
.follow-img img {
width: 100%;
object-fit: cover;
height: 100%;
}
.follow-txt-bx {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
}
.follow-your-map::after {
position: absolute;
top: -140px;
right: 0;
content: url(../images/blue-print.png);
left: 0;
text-align: center;
}
.guide{
text-transform: uppercase;
color: #42523a;
font-size: 14px;
margin-bottom: 20px;
letter-spacing: 1px;
}
.biography .container,
.contact-form .container{
position: relative;
}
.biography .container::after,
.contact-form .container::after {
position: absolute;
right: 0;
top: -100px;
content: url(../images/bio-shape.png);
z-index: -1;
}
.biography::before{
content: "";
display: block;
background-image: url(../images/Jacqueline.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
bottom: 0px;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.biography .hi{
font-family: 'dailyregular';
font-size: 60px;
color: #42523a;
}
.biography h3{
font-size: 40px;
font-family: 'canela_regular_trialregular';
}
.biography h5{
font-size: 22px;
color: #42523a;
line-height: 32px;
font-weight: 600;
font-family: "Lato", sans-serif;
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 14px;
}
.contact-form .wpcf7-list-item {
margin:0;
}
.contact-form .form-check-input {
background: no-repeat;
border: none;
}
.wpcf7 form.invalid .wpcf7-response-output {
background: #ff0000;
color: #fff;
border-color: #ff0000!important;
font-size: 19px;
text-align: center;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
background: #46b450;
color: #fff;
text-align: center;
font-size: 19px;
}
.site-by{
position: absolute;
bottom: 0;
width: 100%;
left: 0;
right: 0;
padding: 10px 15px;
color: #d8d8d8;
font-size: 14px;
}
.site-by a{
color: #d8d8d8;
}
.site-by a:hover{
text-decoration: underline !important;
}
@media screen and (max-width: 1400px) {
.media-block hr {
max-width: 40%;
}
.social-med-bx li a {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 15px;
}
.foryou ul li{
padding: 0 1%;
}
}
@media screen and (max-width: 1199px) {
.innerpage-banner h1 {
font-size: 70px;
}
h2 {
font-size: 45px;
line-height: 50px;
}
.social-med-bx li {
padding: 0;
}
footer::before {
font-size: 170px;
top: 28%;
}
.banner-wrap h1 {
font-size: 74px;
line-height: 70px;
margin: 60px 0;
}
.blueprint-points .card {
padding-bottom: 15px;
margin-bottom: 15px;
}
.work .h-work, .blueprint-points .card .card-body .card-title {
font-size: 22px;
}
.f-q {
font-size: 22px;
line-height: 25px;
}
.work .first-row {
padding-left: 20px;
}
.foryou {
margin: 50px 0;
}
.blueprint{
padding-top: 70px;
}
.work,
.get-in-touch,
.follow-your-map {
padding: 70px 0;
}
.map-text {
padding: 0 70px;
}
.astro-city::after {
border-left-width: 70px;
border-bottom-width: 70px;
}
.foryou .container {
max-width: 960px;
}
.blueprint .container-fluid .row .col-lg-6 {
flex: 0 0 auto;
width: 100%;
}
.celestial img{
width: 100%;
margin-bottom: 50px;
}
}
@media screen and (max-width: 991px) {
.living::before {
background-position: center;
top: 20px;
}
.foryou .container {
max-width: 720px;
}
.foryou ul {
flex-wrap: wrap;
position: relative;
}
.foryou ul li {
padding: 20px;
width: 50%;
}
.foryou ul::after {
position: absolute;
content: '';
width: 100%;
height: 1px;
background: #c9a48c;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.foryou ul::before {
position: absolute;
content: '';
width: 1px;
height: 100%;
background: #c9a48c;
left: 50%;
transform: translateX(-50%);
}
.foryou ul li:not(:last-child) {
border-right: none;
}
.navbar-expand-lg .custome-nav .navbar-nav .active .nav-link::before,
.navbar-expand-lg .custome-nav .navbar-nav .nav-link:hover::before {
width: 100%;
}
.banner-wrap h1 {
font-size: 60px;
line-height: 70px;
}
.bftr-cont {
width: 100%;
padding-right: 46%;
}
.arrow-right {
width: 49px;
height: 49px;
}
img.arrow {
width: 15px;
}
.work .col-sm-6:nth-child(2) .wrap-work,
.work .col-sm-6:nth-child(4) .wrap-work {
padding-left: 20px;
}
.work .col-sm-6:nth-child(3) .wrap-work,
.work .col-sm-6:nth-child(4) .wrap-work {
padding-top: 20px;
}
.work .col-sm-6 .wrap-work {
padding-bottom: 20px;
padding-right: 20px;
}
.work .first-row {
padding-left: 20px;
padding-right: 20px;
}
.map-text {
padding: 60px 60px 0px 60px;
text-align: center;
}
.astro-city::after {
border-left-width: 80px;
border-bottom-width: 80px;
}
.mt-70 {
margin-top: 20px;
}
.blueprint-points {
padding: 30px 30px 0 30px;
}
.container {
max-width: 90%;
}
.innerpage-banner h1 {
font-size: 50px;
}
header .navbar-toggler {
background: none;
border: 0;
padding: 0px;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.call-to-action,
.work, .blueprint,
.get-in-touch,
.follow-your-map {
padding: 70px 0;
}
.media-block hr {
max-width: 25%;
}
footer::before {
font-size: 200px;
top: 35%;
}
.get-text .social-med-bx li a,
.get-text {
font-size: 16px;
}
.newsletters {
margin-bottom: 50px;
}
.newsletters p {
text-align: center;
}
.marquee-item {
font-size: 30px;
}
.cntimg,
.right-btn,
.woprk-pick,
.work h2 br,
.call-to-action h2 br{
display: none;
}
.blueprint .container::after,
.biography .container::after,
.contact-form .container::after {
position: absolute;
right: 0;
top: -50px;
left: 0;
margin: 0 auto;
text-align: center;
}
.pt-120 {
padding-top: 50px;
}
.elite .row .col-md-12:first-child{
background-color: #f6f3f3;
margin-top: 20px;
padding: 30px;
}
.elite .row,
.cstm-order {
display: flex;
flex-direction: column-reverse;
}
.mt-100 {
margin-top: 50px;
}
.client,
.foryou,
.mtb-100 {
margin-bottom: 50px;
margin-top: 50px;
}
#counter span.percent,
#counter span.plus {
font-size: 40px;
font-family: 'canela_regular_trialregular';
}
#counter .col-lg-3:nth-child(2) .couter-bx::after {
border-right: none;
display: none;
}
.navbar-collapse {
background: #42523a;
padding: 15px;
}
.navbar-expand-lg .custome-nav .navbar-nav .nav-link {
font-size: 14px;
padding: 10px;
}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
header{
padding: 15px;
}
.tetimonilas {
padding: 0;
}
.bftr-cont {
padding-right: 20%;
}
.banner-wrap h1 {
margin: 30px 0;
}
.banner-wrap .container{
width: 100%;
}
.foryou ul li:not(:last-child) {
border-right: none;
border-bottom: solid 1px #c9a48c;
}
.foryou ul li {
width: 100%;
padding: 20px;
}
.foryou ul {
flex-wrap: wrap;
}
#scroll .line::before {
width: 100%;
bottom: -19px;
top: auto;
}
.work h2 {
font-size: 40px;
line-height: 50px;
}
h2 {
font-size: 35px;
line-height: 40px;
}
.foryou ul::after,
.foryou ul::before,
.faq-list ~ div,
footer::before{
display: none;
}
.pt-120,
.astro-skyline img:nth-child(2){
padding-top: 50px;
}
.line::before {
width: 100%;
bottom: 0;
top: auto;
}
.email-block p{
text-align: left;
}
h2,
.ftr-logo,
.astrological,
.astrological p {
text-align: center;
}
.ftr-logo {
margin-bottom: 50px;
}
.faq,
.contact-form {
padding-top: 80px;
padding-bottom: 50px;
}
.get-heading {
margin-bottom: 8px;
margin-top: 20px;
}
footer {
padding-bottom: 200px;
padding-top: 50px;
}
footer::after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
background-color: #000;
z-index: 1;
z-index: -1;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(13,34,39,1) 0%,rgba(125,185,232,0) 100%);
}
.innerpage-banner h1 {
font-size: 30px;
margin-top: 5px;
}
.logo img {
width: 120px;
}
.biography h3 {
font-size: 30px;
margin-top: 10px;
}
.faq-list {
flex-direction: column;
align-items: start;
}
.f-q {
margin-top: 20px;
}
.f-a {
flex-basis: 70%;
padding: 10px 0 20px;
}
.skyline-wrap {
flex-wrap: wrap;
}
.astro-skyline img:nth-child(1),
.astro-skyline img:nth-child(2) {
width: 100%;
}
}
@media screen and (max-width: 575px) {
.foryou ul li {
width: 100%;
padding: 7px;
}
.elite .row .col-md-12:first-child {
padding: 15px;
}
.work .col-sm-6:nth-child(2) .wrap-work,
.work .col-sm-6:nth-child(4) .wrap-work {
padding-left: 0;
padding-top: 20px;
}
.work .col-sm-6 {
border-right: none;
}
.work .col-sm-6:nth-child(3){
border-bottom: solid 1px #5f7155;
}
.banner-ftr {
flex-direction: column;
}
.bftr-cont {
width: 100%;
padding-right: 0;
text-align: center;
}
.arrow-right {
text-align: center;
margin: 0 auto;
}
.banner-wrap h1 {
font-size: 50px;
line-height: 60px;
}
.elite h3 {
font-size: 38px;
line-height: 48px;
margin-bottom: 10px;
}
.innerpage-banner{
overflow: hidden;
}
.innerpage-banner img {
max-width: 650px;
}
.menu-links {
margin-bottom: 20px;
}
.menu-title {
padding-bottom: 0px;
}
.media-block {
flex-direction: column;
}
.media-block hr {
max-width: 100%;
}
.newsletters p {
font-size: 18px;
}
.innerpage-banner h1 {
font-size: 30px;
}
h2 {
font-size: 30px;
line-height: 35px;
}
h2 br,
.bftr-cont,
.work .col-sm-6:nth-child(3)::after,
#counter .col-lg-3 .couter-bx::after{
display: none;
}
.follow-your-map .col-lg-4.col-md-6.col-sm-6.col-12.order-md-3.order-sm-3 {
order: 3;
}
.follow-img {
margin-top: 50px;
}
.couter-bx {
border-bottom: solid 1px #c9a48c;
margin-bottom: 20px;
}
#counter .col-lg-3:last-child .couter-bx::after{
border: none;
}
.biography h3 {
font-size: 25px;
margin-top: 10px;
}
}