/*
* Girly by FreeHTML5.co
* Twitter: https://twitter.com/fh5co
* Facebook: https://fb.com/fh5co
* URL: https://freehtml5.co
*/
* {
margin: 0;
}
html {
scroll-behavior: smooth;
}
@font-face {
font-family: "stonehen";
src: url(../stonehenge/stonehen.ttf);
}
@font-face {
font-family: "feelfree";
src: url(../feelfree-font/FeelfreePersonalUseRegular-lg2Bw.ttf);
}
@font-face {
font-family: "carolingia";
src: url(../carolingia/carolingia.ttf);
}
@font-face {
font-family: "celtic_garamond";
src: url(../celtic_garamond_2nd/CELTG___.TTF);
}
@font-face {
font-family: "Rossanova";
src: url(../rossanova/Rossanova-Light.otf);
}
.price-grid{
display: grid;
grid-template-columns: 50% 50%;
}
p{
font-family:Rossanova;
font-size: 18px;
}
.insta-feed{
height: 260px;
}
.vm{
font-family:Rossanova;
}
.nav-item{
line-height: 15px;
}
.navbar {
transition: background-color 2s ease;
}
.contact-sub-sec{
display: grid;
grid-template-columns: 70% 30%;
}
.contact-sub-sec-2{
padding-left: 50px;
padding-top: 40px;
}
.navbar.navbar-expand-md {
background-color: transparent; /* Initial state is transparent */
}
.navbar.navbar-expand-md.scrolled {
background-color: black; /* Background color when scrolled */
}
.card-style .h2-top{
color: white;
}
.rel-top{position:relative;top:0;right:0;left:0;z-index:1030}
body {
font-size: 16px;
font-family: "PT-Sans-Regular"; }
h1, h2, h3, h4, h5, h6 {
font-family: "PT-Sans-Bold"; }
p{
text-align: justify;
}
tr{
line-height: 5vh;
}
.about-sub{
padding-top: 70px;
/* padding-bottom: 70px; */
}
.top-logo{
width: 210px;
}
.p-grid{
display: grid;
}
.h3-top-div{
font-family: system-ui;
}
.brand_logo{
display: grid;
grid-template-columns: 30% 30% 30%;
align-items: center;
justify-content: center;
margin-left: 5%;
margin-bottom: 50px;
}
.brand_logo div{
width: 200px;
}
.contact-s1{
display: grid;
grid-template-columns: 50% 50% ;
}
.contact-sub-2{
display: grid;
grid-template-columns: 60% 40% ;
}
.contact-sub-2 div{
margin-top: 10px;
}
.contact-sub-3{
display: grid;
grid-template-columns: 50% 50%;
padding-left: 20%;
}
.contact-s1 div{
margin: 10px;
}
.about2{
height: 300px;
flex-wrap: wrap;
}
.about2 div:nth-child(odd){
height: 100%;
background-color: #000000;
color: goldenrod;
}
.ab-2-1:hover{
background-image: url("../img/gallery3.png");
background-size: cover;
color: rgb(255, 255, 255);
}
.ab-2-1{
color: goldenrod;
}
.ab-2-2{
background-image: url(../img/gallery1.png);
}
.ab-2-2:hover{
/* filter: brightness(0.6); */
background-image: url(../img/gallery4.png);
background-size: cover;
}
.ab-2-3:hover{
background-image: url(../img/gallery2.png);
background-size: cover;
}
.ab-2-4{
background-image: url(../img/gallery7.png);
}
.ab-2-4:hover{
background-image: url("../img/gallery6.png");
color: white;
}
.about-2{
height: 300px;
}
@media screen and (max-width:768px){
.about-2{
height: 600px;
}
.about-2 div{
height: 300px;
}
.contact-s1{
display: grid;
grid-template-columns: 100%;
}
.contact-sub-sec-2{
padding-top: 5px;
}
.footer-sub2{
height: 1400px;
}
.ab-2-2:hover{
background-image: url("../img/gallery7.png");
color: white;
}
.ab-2-3{
background-image: url(../img/gallery2.png);
background-size: cover;
color: white;
}
.ab-2-3:hover{
background-image: url("../img/bridal4.png");
color: white;
}
.ab-2-4:hover{
background-image: url("../img/gallery6.png");
color: white;
}
.ab-2-4{
background-image: none;
background-color: #000000;
}
.about2 div:nth-child(odd){
height: 100%;
background-color: #000000;
}
.about2 div:nth-child(odd){
color: white;
}
}
.about2 div{
display: flex;
align-items: center;
justify-content: center;
font-size: 27px;
text-align: center;
font-weight: bold;
color: white;
}
.about2 div:nth-child(even){
height: 100%;
/* background-color: white;
color: goldenrod; */
background-size: cover;
}
.top-div-s {
background-color: #000;
color: white;
width: 200px;
text-align: center;
position: absolute;
top: 150px;
padding: 10px;
box-shadow: 2px 2px 12px rgb(52, 52, 52);
left: 40%;
}
.top-div-s h3{
color: white;
font-size: 15px;
}
@media screen and (min-width:380px) and (max-width:450px) {
.top-div-s {
width: 220px;
text-align: center;
position: absolute;
top: 170px;
padding: 10px;
left: 40%;
}
.top-div-s h3{
font-size: 16.5px;
}
}
@media screen and (min-width:450px) and (max-width:530px) {
.top-div-s {
width: 230px;
text-align: center;
position: absolute;
top: 220px;
left: 47%;
padding: 10px;
}
.top-div-s h3{
font-size: 18px;
}
}
@media screen and (min-width:530px) and (max-width:600px) {
.top-div-s {
width: 250px;
text-align: center;
position: absolute;
top: 250px;
left: 51%;
font-size: 30px;
padding: 20px;
}
.top-div-s h3{
font-size: 18px;
}
}
@media screen and (min-width:600px) and (max-width:700px) {
.top-div-s {
width: 270px;
text-align: center;
position: absolute;
top: 280px;
left: 52%;
padding: 27px;
}
.top-logo{
/* margin-left: -20px; */
width: 150px;
}
.top-div-s h3{
font-size: 18px;
}
}
@media screen and (min-width:700px) and (max-width:800px) {
.top-div-s {
width: 290px;
text-align: center;
position: absolute;
top: 330px;
left: 56%;
padding: 30px;
}
.top-div-s h3{
font-size: 20px;
}
}@media screen and (min-width:800px) and (max-width:900px) {
.top-div-s {
width: 330px;
text-align: center;
position: absolute;
top: 390px;
left: 56%;
padding: 30px;
}
.top-div-s h3{
font-size: 23px;
}
}
@media screen and (min-width:576px) and (max-width:992px){
.insta-feed{
height: 310px;
}
.contact-s1{
display: grid;
grid-template-columns: 40% 50% ;
}
}
@media screen and (min-width:991px) and (max-width:1030px){
.insta-feed{
height: 210px;
}
}
@media screen and (min-width:900px) and (max-width:1030px) {
.top-div-s {
width: 350px;
top: 420px;
left: 59%;
padding: 30px;
}
.top-div-s h3{
font-size: 25px;
}
}
@media screen and (min-width:1030px) and (max-width:1120px) {
.top-div-s {
width: 350px;
text-align: center;
position: absolute;
top: 455px;
left: 63%;
padding: 30px;
}
.insta-feed{
height: 210px;
}
.top-div-s h3{
font-size: 25px;
}
}
@media screen and (min-width:1120px) and (max-width:1200px) {
.top-div-s {
width: 350px;
text-align: center;
position: absolute;
top: 505px;
left: 65%;
padding: 30px;
}
.insta-feed{
height: 210px;
}
.top-div-s h3{
font-size: 25px;
}
}
@media screen and (min-width:1200px) and (max-width:1300px) {
.top-div-s {
width: 370px;
text-align: center;
position: absolute;
top: 535px;
left: 64%;
padding: 36px;
}
.top-div-s h3{
font-size: 25px;
}
}
@media screen and (min-width:1300px) and (max-width:1400px) {
.top-div-s {
width: 380px;
text-align: center;
position: absolute;
top: 590px;
left: 67%;
padding: 36px;
}
.top-div-s h3{
font-size: 26px;
}
}
@media screen and (min-width:1400px) and (max-width:1500px) {
.top-div-s {
width: 400px;
text-align: center;
position: absolute;
top: 640px;
left: 69%;
padding: 36px;
}
.top-div-s h3{
font-size: 27px;
}
}
@media screen and (min-width:1500px) and (max-width:1600px) {
.top-div-s {
width: 420px;
text-align: center;
position: absolute;
top: 700px;
left: 69%;
padding: 30px;
}
.top-div-s h3{
font-size: 27px;
}
}
@media screen and (min-width:1600px) and (max-width:1700px) {
.top-div-s {
width: 450px;
text-align: center;
position: absolute;
top: 735px;
left: 70%;
padding: 35px;
}
.top-div-s h3{
font-size: 27px;
}
}
@media screen and (min-width:1700px) and (max-width:1800px) {
.top-div-s {
width: 450px;
text-align: center;
position: absolute;
top: 800px;
left: 69%;
padding: 38px;
}
.top-div-s h3{
font-size: 27px;
}
}
@media screen and (min-width:1800px) and (max-width:1900px) {
.top-div-s {
width: 450px;
text-align: center;
position: absolute;
top: 860px;
left: 72%;
padding: 38px;
}
.top-div-s h3{
font-size: 27px;
}
}
@media screen and (min-width:1900px){
.top-div-s {
width: 450px;
text-align: center;
position: absolute;
top: 900px;
left: 74%;
padding: 40px;
}
.top-div-s h3{
font-size: 29px;
}
}
.top-h-content{
text-align: center;
color: rgb(227, 227, 227);
position: absolute;
top: 52%;
text-shadow: 1px 1px 3px black;
left: 25.5%;
transition: 5s;
}
.book{
width:150px;
padding: 10px;
background-color: black;
}
.fixed-footer{
background-image: url('../img/visiting\ card1.png');
background-position: center;
background-attachment: fixed;
background-size: cover;
height: 350px;
z-index: -1;
}
.footer-space{
height: 300px;
}
.contact-us{
color: white;
border-radius: 3px;
min-width: 350px;
}
.footer-sub2{
background-color: black;
color: white;
padding-top: 7%;
/* height: 1050px; */
}
.footer-space p{
letter-spacing: 2vh;
font-weight:700;
text-align: center;
color: white;
font-family: sans-serif;
padding-top: 13%;
}
.r-arrow{
display:inline-block;
}
.open1{
padding: 20px;
padding-top: 100px;
text-align: center;
border-right: 2px solid black;
}
.open2{
border-right: none;
border-left: 2px solid black;
}
.OPENING-sub{
margin-top: 100px;
margin-bottom: 100px;
}
.ul-price li{
font-size: 30px;
line-height: 9vh;
font-family:'Times New Roman', Times, serif;
}
.ul-price li::after{
border-bottom: 1px solid goldenrod;
}
.fixed-rel{
background-image: url("../img/front2.jpg");
background-position: center;
background-attachment: fixed;
width: 100%;
height: 600px;
background-size: cover;
}
.rev-img{
width: 100%;
height: 100%;
}
h2 {
font-size: 25px;
text-transform: uppercase; }
@media (max-width: 600px) {
h2 {
font-size: 18px; } }
.maine-menu {
position: absolute;
top: 20px; }
.maine-menu .navbar-nav li .nav-link {
font-family: "PT-Sans-Bold";
font-size: 20px;
text-transform: uppercase;
padding: 10px 12px;
color: #fff; }
.maine-menu .navbar-nav li.active a, .maine-menu .navbar-nav li:hover a, .maine-menu .navbar-nav li:visited a {
color: rgb(222, 184, 89); }
.maine-menu .bar1, .maine-menu .bar2, .maine-menu .bar3 {
width: 25px;
height: 2.5px;
background-color: #fff;
margin: 5px 0;
transition: 0.4s;
display: block;
position: relative; }
.maine-menu .change .bar1 {
-webkit-transform: rotate(-42deg) translate(-2px, 6px);
transform: rotate(-42deg) translate(-2px, 6px); }
.maine-menu .change .bar2 {
opacity: 0; }
.maine-menu .change .bar3 {
-webkit-transform: rotate(46deg) translate(-4px, -8px);
transform: rotate(46deg) translate(-4px, -8px); }
@media (max-width: 991px) {
.maine-menu .navbar-nav {
text-align: center;
}
.maine-menu .navbar-nav li .nav-link {
font-family: "PT-Sans-Bold";
font-size: 16px;
text-transform: uppercase;
padding: 7px 10px;
color: #fff; }
/* .maine-menu .collapse.show {
background: rgba(0, 0, 0, 0.65);
} */
}
.card {
border: none;
background: none;
border-radius: 0; }
.card img {
border-radius: 0; }
.card-style{
margin-left:53% ;
margin-top: 50%;
margin-bottom: 0%;
vertical-align: bottom;
background-color: rgb(0, 0, 0);
padding: 20px;
width: 40%;
height: 300px;
color: white;
}
.fh5co-home-banner {
padding: 0; }
.fh5co-home-banner .card {
border: none; }
.fh5co-home-banner h2 {
font-size: 52px;
color: #fff;
text-transform: uppercase;
max-width: 730px;
margin: 0 auto; }
.fh5co-home-banner a {
text-transform: uppercase;
color: #fff;
width: 198px;
border-radius: 40px;
margin-top: 50px;
padding: 13px 0; }
.fh5co-home-banner a svg {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
margin-top: -13px; }
.fh5co-home-banner .center-text {
text-align: center;
position: relative;
top: 35%; }
.fh5co-home-banner .card-img-overlay {
background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black);
background: -moz-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black);
background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black);
background: -linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black); }
@media (max-width: 992px){
.card-style .h2-top{
font-size: 23px;
}
.price-grid{
display: grid;
grid-template-columns: 100%;
}
.fixed-rel{
background-image: url("../img/front2.jpg");
background-position: center;
background-attachment: fixed;
width: 100%;
background-size: cover;
}
}
@media (max-width: 992px){
.card-style .h2-top{
font-size: 20px;
}
.contact-sub-sec{
display: grid;
grid-template-columns: 60% 40%;
}
}
@media screen and (min-width:1300px) {
.top-logo{
margin-left: -120px;
}
.top-h-content{
text-align: center;
color: rgb(227, 227, 227);
position: absolute;
top: 390px;
font-size: 30px;
text-shadow: 1px 1px 3px black;
left: 42%;
transition: 5s;
}
}
@media screen and (max-width:1300px){
.top-h-content{
text-align: center;
color: rgb(227, 227, 227);
position: absolute;
top: 300px;
font-size: 30px;
text-shadow: 1px 1px 3px black;
left: 40%;
transition: 5s;
}
}
@media (max-width: 991px) {
.fh5co-home-banner h2 {
font-size: 30px;
max-width: 460px; }
.h22{
font-size: 26px;
}
.top-h-content{
text-align: center;
color: rgb(227, 227, 227);
position: absolute;
top: 230px;
font-size: 28px;
text-shadow: 1px 1px 3px black;
left: 40%;
transition: 5s;
}
.fh5co-home-banner .center-text {
top: 30%; } }
@media screen and (max-width:768px){
#my-nav{
margin-left: 70%;
float: right;
}
.contact-sub-sec{
display: grid;
grid-template-columns: 100%;
}
.contact-sub-sec-2{
padding-left: 0px;
margin-top: -30px;
}
.top-logo{
margin: -60px;
}
.maine-menu .collapse.show {
background: rgba(0, 0, 0, 0.65);
}
.contact-s1{
display: grid;
grid-template-columns: 100%;
}
.contact-s1 div{
margin: 0px;
/* margin-top: 5px; */
}
}
@media (max-width: 700px) {
.fh5co-home-banner a {
width: 140px;
padding: 4px 0; }
.fh5co-home-banner a svg {
height: 35px;
margin-top: -5px;
width: 140px; } }
@media (max-width: 600px) {
.fh5co-home-banner a {
margin-top: 20px;
}
.contact-s1 div{
margin-left: 10px;
}
.contact-sub-2 {
display: grid;
grid-template-columns: 50% 50%;
}
.fh5co-home-banner h2 {
font-size: 18px;
max-width: 260px; }
.fh5co-home-banner .center-text {
top: 30%; }
.card-style{
margin-left:45% ;
margin-top: 40%;
margin-bottom: 0%;
vertical-align: bottom;
background-color: rgb(0, 0, 0);
padding: 20px;
width: 50%;
height: 300px;
font-size: 10px;
color: white;
}
.card-style .h2-top{
font-size: 23px;
}
}
@media screen and (max-width:576px) {
.r-arrow{
display:none;
}
.open2, .open1{
border: none;
}
.contact-s1 div{
margin: 0px;
}
.h22{
font-size: 18px;
}
.fh5co-about-me .carousel-indicators li {
height: 0px;
width: 49px;
z-index: 55;
text-indent: 5px;
border: 1px solid #fafafa;
border-style: solid;
border-radius: 50%;
padding: 3px;
background: none;
margin: 0 20px;
position: relative;
top: 43px;
opacity: 0.5;
}
.fixed-rel{
height: 350px;
}
.OPENING-sub{
margin-top: 0px;
margin-bottom: 40px;
}
.contact-s1 {
display: grid;
grid-template-columns: 100%;
margin-left:6%;
}
.card-style .h2-top{
font-size: 19px;
}
}
@media screen and (max-width:520px) and (min-width:400px) {
.contact-s1 {
/* display: grid;
grid-template-columns: 100%; */
margin-left:2%;
}
}
@media screen and (min-width:430px) and (max-width:576px){
#my-nav{
margin-left: 62%;
float: right;
}
.review{
height: 690px;
}
.fh5co-about-me .carousel-indicators li {
height: 29px;
width: 69px;
}
}
@media screen and (min-width:350px) and (max-width:430px){
#my-nav{
margin-left: 55%;
float: right;
}
.review{
height: 730px;
}
}
@media screen and (min-width:250px) and (max-width:350px){
#my-nav{
margin-left: 40%;
float: right;
}
}
@media screen and (min-width:400px){
.about-sub2 p{
font-size: 18px;
}
}
.fh5co-two-img .card-img-overlay {
background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black);
background: -moz-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black);
background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black);
background: -linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black); }
.contact-pop {
margin-top: -300px; }
.contact-pop .card-img-overlay {
background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
background: -moz-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
background: -linear-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
border-radius: 15px 0 0 15px; }
.contact-pop .row {
max-width: 918px;
margin: 0 auto; }
.contact-pop img {
border-radius: 15px 0 0 15px; }
.contact-pop .content {
padding: 45px 20px 20px 40px;
height: 100%;
background: #fff;
border-radius: 0 15px 15px 0; }
.contact-pop .content h3 {
color: #3d383a;
font-size: 30px;
text-transform: uppercase;
margin-bottom: 10px; }
.contact-pop .content h4 {
color: #978b91;
font-size: 18px;
font-family: "PT-Sans-Regular"; }
.contact-pop .content p {
color: #584f53; }
.contact-pop .content hr {
background-color: rgb(222, 184, 89);
width: 50px;
height: 5px;
border: none;
margin-left: 0; }
.contact-pop .content a {
background-color: rgb(222, 184, 89);
width: 158px;
border-radius: 40px;
color: #fefefe;
padding: 10px 0;
margin-top: 20px; }
@media (max-width: 991px) {
.contact-pop .content {
padding: 20px 20px 20px 25px; }
.contact-pop .content h3 {
font-size: 24px; }
.contact-pop .content h4 {
font-size: 16px; }
.contact-pop .content p {
font-size: 14px; }
.contact-pop .content a {
width: 120px;
padding: 5px 0; }
.contact-pop .content hr {
margin: 10px 0; } }
@media (max-width: 991px) {
.contact-pop {
margin-top: -250px; } }
@media (max-width: 800px){
.top-h-content{
text-align: center;
color: rgb(227, 227, 227);
position: absolute;
top: 200px;
font-size: 22px;
text-shadow: 1px 1px 3px black;
/* left: 33%; */
transition: 5s;
}
}
@media (max-width: 767px) {
.top-h-content{
text-align: center;
color: rgb(227, 227, 227);
position: absolute;
top: 180px;
font-size: 22px;
text-shadow: 1px 1px 3px black;
left: 39%;
transition: 5s;
}
.contact-pop {
margin-top: 0; }
.contact-pop .col-md-6 {
padding: 0; }
.contact-pop img {
border-radius: 15px 15px 0 0; }
.contact-pop .card-img-overlay {
border-radius: 15px 15px 0 0; }
.contact-pop .content {
border-radius: 0 0 15px 15px; } }
.owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative; }
.owl-carousel {
display: none;
width: 100%;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none; }
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block; }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.owl-height {
transition: height .5s ease-in-out; }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease; }
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
.fh5co-recent-work {
background: rgb(222, 184, 89);
/* background-color: gold; */
/* background-color: #000; */
/* background-color: white; */
padding: 100px 0; }
@media (max-width: 767px) {
.fh5co-recent-work {
padding-bottom: 0; } }
.recent {
margin-top: 200px; }
.recent h2 {
color: #fff; }
.recent .owl-carousel .owl-stage-outer {
padding-top: 30px;
padding-bottom: 50px; }
/* .recent .owl-carousel .owl-nav {
display: block;
position: absolute;
top: -30px;
right: 0;
color: #fff;
} */
.recent .owl-carousel .owl-nav .owl-prev, .recent .owl-carousel .owl-nav .owl-next {
height: 23px;
width: 23px;
text-align: center;
padding: 0;
border: 1px solid #fff;
border-radius: 50%;
margin: 0 2px; }
.recent .owl-carousel .owl-nav .owl-prev:hover, .recent .owl-carousel .owl-nav .owl-next:hover {
background: #fff;
color: rgb(222, 184, 89); }
.recent .owl-carousel .owl-nav .owl-prev span, .recent .owl-carousel .owl-nav .owl-next span {
position: relative;
display: block;
top: -2px; }
.recent .owl-carousel .owl-nav button {
outline: none; }
.recent .card {
border-radius: 15px;
margin-bottom: 30px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s; }
.recent .card .card-img {
border-radius: 15px; }
.recent .card h5 {
font-size: 20px;
color: #fff;
margin-bottom: 5px; }
.recent .card p {
font-size: 14px;
color: rgb(222, 184, 89); }
.recent .card.active, .recent .card:hover {
transform: scale(1.05, 1.1);
-webkit-transform: scale(1.05, 1.1);
-ms-transform: scale(1.05, 1.1);
-moz-transform: scale(1.05, 1.1);
box-shadow: 0px 20px 32px 0px rgba(0, 0, 0, 0.25); }
.recent .card.active .card-img-overlay, .recent .card:hover .card-img-overlay {
background: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(74, 74, 74, 0.95));
background: -moz-linear-gradient(rgba(0, 0, 0, 0.3), rgba(12, 12, 12, 0.95));
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.95));
background: -ms-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.95)); }
.recent .card.active p, .recent .card:hover p {
color: rgb(161, 154, 111); }
.recent .card-img-overlay {
border-radius: 15px;
background: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.85));
background: -moz-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.85));
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.85));
background: -ms-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.85));
background: -o-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.85)); }
.recent .heart {
width: auto !important; }
.recent .bottom-text {
position: absolute;
bottom: 30px; }
@media (max-width: 767px) {
.recent {
margin-top: 100px; } }
.fh5co-portfolio {
background-color: #ffffff;
background-image: url(../img/camera-bg.jpg);
background-position: right bottom;
background-repeat: no-repeat;
padding: 100px 0;
margin-top: 0; }
.fh5co-portfolio h2 {
color: #584f53;
margin-bottom: 20px; }
.fh5co-portfolio .card {
margin-bottom: 0; }
.fh5co-portfolio .card.active, .fh5co-portfolio .card:hover {
transform: none;
box-shadow: none; }
.fh5co-portfolio .bottom-text {
bottom: 15px; }
.fh5co-portfolio .bx {
float: left;
padding: 7px; }
@media (max-width: 1199px) {
.fh5co-portfolio .bx-1, .fh5co-portfolio .bx-4 {
width: 32.5%; }
.fh5co-portfolio .bx-2 {
width: 41%; }
.fh5co-portfolio .bx-3 {
width: 26.5%; }
.fh5co-portfolio .bx-middle {
width: 67.5%; }
.fh5co-portfolio .bx-5, .fh5co-portfolio .bx-8 {
width: 39%; }
.fh5co-portfolio .bx-6, .fh5co-portfolio .bx-7 {
width: 61%; } }
@media (max-width: 991px) {
.fh5co-portfolio h5 {
font-size: 16px !important; } }
@media screen and (max-width:992px) {
.top-logo{
width: 140px;
margin-left: -40px;
}
}
@media (max-width: 630px) {
.top-logo{
width: 130px;
margin-left: -10px;
}
.top-h-content{
text-align: center;
color: rgb(227, 227, 227);
position: absolute;
top: 140px;
font-size: 19px;
text-shadow: 1px 1px 3px black;
left: 37%;
transition: 5s;
}
}
@media (max-width: 400px){
.footer-space p{
font-size: 12px;
padding-top: 50%;
letter-spacing: 1vh;
}
.small-text{
font-size: 13px;
}
.brand_logo{
grid-template-columns: 100%;
margin-left: 30%;
margin-bottom: 30px;
margin-top: 40px;
}
.brand_logo div{
width: 120px;
height: 110px;
}
.revlon{
margin-bottom: 20px;
}
.top-h-content{
text-align: center;
color: rgb(227, 227, 227);
position: absolute;
top: 100px;
font-size: 14px;
text-shadow: 1px 1px 3px black;
left: 35%;
transition: 5s;
}
}
@media screen and (min-width:400px) and (max-width: 500px) {
.footer-space p{
font-size: 12px;
padding-top: 37%;
letter-spacing: 1vh;
}
.brand_logo{
grid-template-columns: 50% 50%;
margin-left: 10%;
margin-bottom: 50px;
}
.brand_logo div{
width: 120px;
}
.top-h-content{
color: rgb(227, 227, 227);
position: absolute;
top: 130px;
font-size: 17px;
text-shadow: 1px 1px 3px black;
left: 37%;
transition: 5s;
text-align: center;
}
}
@media screen and (min-width:500px) and (max-width: 576px) {
.footer-space p{
font-size: 13px;
padding-top: 27%;
}
.brand_logo{
grid-template-columns: 50% 50%;
margin-left: 12%;
margin-bottom: 50px;
}
.insta-feed{
height: 350px;
width: 350px;
}
.brand_logo div{
width: 120px;
}
}
@media screen and (min-width:576px) and (max-width: 768px){
td{
font-size: 17px;
}
th{
font-size: 18px;
}
.insta-feed{
height: 260px;
}
.footer-space p{
font-size: 13px;
padding-top: 27%;
}
.brand_logo{
grid-template-columns: 50% 50%;
margin-left: 10%;
margin-bottom: 50px;
}
.brand_logo div{
width: 130px;
}
}
@media screen and (min-width:768px) and (max-width: 992px){
td{
font-size: 22px;
}
.top-logo{
margin-left: -200px;
/* margin-right: 100px; */
width: 160px;
}
.contact-sub-sec-2 {
padding-left: 50px;
padding-top: 50px;
}
.brand_logo{
grid-template-columns: 50% 50%;
margin-left: 13%;
margin-bottom: 50px;
}
.brand_logo div{
width: 150px;
}
.navbar .container{
margin-right: 30px;
}
.maine-menu .navbar-nav li .nav-link{
font-size: 15px;
margin: 0px;
}
th{
font-size: 24px;
}
.footer-space p{
font-size: 12px;
padding-top: 20%;
}
}
@media screen and (min-width:768px) and (max-width: 945px){
.top-logo{
margin-left: -10px;
width: 160px;
}
}
@media screen and (min-width:992px) and (max-width: 1200px){
td{
font-size: 24px;
}
.maine-menu .navbar-nav li .nav-link{
font-size: 16px;
}
.top-logo{
margin-left: -70px;
width: 190px;
}
th{
font-size: 26px;
}
.brand_logo{
grid-template-columns: 30% 30% 30%;
margin-left: 5%;
margin-bottom: 50px;
}
.brand_logo div{
width: 150px;
}
}
@media screen and (min-width:992px) and (max-width: 1040px){
.top-logo{
margin-left: -30px;
width: 150px;
}
}
.activity {
background: #ffffff;
padding-bottom: 50px; }
.activity .recent {
margin-top: 0; }
.activity h2 {
color: #584f53; }
.activity .owl-carousel .owl-nav .owl-prev, .activity .owl-carousel .owl-nav .owl-next {
color: #212020;
border-color: #212020; }
.activity .owl-carousel .owl-nav .owl-prev:hover, .activity .owl-carousel .owl-nav .owl-next:hover {
background: #212020;
color: #fff; }
.activity .card {
margin-bottom: 0;
box-shadow: 0px 10px 21px 0px rgba(0, 0, 0, 0.2); }
.activity .card .card-img-overlay {
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.activity .card.active, .activity .card:hover {
transform: none;
box-shadow: none; }
.activity .card.active .card-img-overlay, .activity .card:hover .card-img-overlay {
background: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(16, 16, 16, 0.95));
background: -moz-linear-gradient(rgba(0, 0, 0, 0.3), rgba(43, 43, 43, 0.95));
background: linear-gradient(rgba(190, 190, 190, 0.3), rgba(17, 17, 17, 0.95));
background: -ms-linear-gradient(rgba(204, 204, 204, 0.3), rgba(25, 25, 25, 0.95)); }
.activity .card.active p, .activity .card:hover p {
color: rgb(222, 184, 89); }
.activity .card h5 {
font-size: 22px; }
.activity .card:hover a {
display: inline-block; }
.activity .card-img-overlay {
padding: 0 2.2rem; }
.activity .card-img-overlay a {
display: none;
font-size: 20px;
color: #fff;
text-decoration: none;
margin-top: 10px; }
.activity .card-img-overlay a img {
width: 20px;
display: inline-block;
color: #fff; }
.fh5co-about-me {
padding: 0; }
.fh5co-about-me .card-img-overlay {
background-color: rgb(0, 0, 0); }
.fh5co-about-me h2 {
text-align: center;
color: #fff;
margin: 70px auto; }
.fh5co-about-me .card-img {
min-height: 730px; }
.fh5co-about-me .carousel-indicators {
bottom: 100px; }
.fh5co-about-me .carousel-indicators li {
height: 89px;
width: 89px;
z-index: 55;
text-indent: 5px;
border: 1px solid #fafafa;
border-style: solid;
border-radius: 50%;
padding: 3px;
background: none;
margin: 0 20px;
position: relative;
top: 43px;
opacity: 0.5; }
.fh5co-about-me .carousel-indicators li span {
font-family: "PT-Sans-Bold";
font-size: 18px;
text-align: center;
margin-top: 20px;
display: none;
color: #fff; }
.fh5co-about-me .carousel-indicators li img {
width: 100%;
position: relative;
left: -5px; }
.fh5co-about-me .carousel-indicators li.active {
height: 106px;
width: 106px;
opacity: 1;
top: 0px;
padding: 7px; }
.fh5co-about-me .carousel-indicators li.active span {
display: block; }
.fh5co-about-me .carousel-caption {
bottom: 275px;
}
.fh5co-about-me .carousel-caption p {
max-width: 540px;
margin: 0 auto;
margin-top: 50px; }
@media (max-width: 991px) {
.fh5co-about-me .card-img {
position: relative;
width: 150% !important;
margin-left: -25%;
margin-right: -25%; } }
@media (max-width: 720px) {
.fh5co-about-me h2 {
margin: 20px auto; }
.fh5co-about-me .card-img {
min-height: 575px; }
.fh5co-about-me .carousel-caption {
left: 5%;
right: 5%;
bottom: 270px; }
.fh5co-about-me .carousel-caption p {
margin-top: 20px; }
.fh5co-about-me .carousel-caption img {
max-width: 50px; }
.fh5co-about-me .carousel-indicators {
bottom: 100px;
margin-left: 5%;
margin-right: 5%; }
.fh5co-about-me .carousel-indicators li {
height: 40px;
width: 60px;
margin: 0 10px;
top: 20px; }
.fh5co-about-me .carousel-indicators li span {
font-size: 14px; }
.fh5co-about-me .carousel-indicators li.active {
height: 70px;
width: 100px; } }
.fh5co-insta-feed {
padding: 0px;
background: #ffffff; }
.fh5co-insta-feed .card {
box-shadow: none; }
.fh5co-insta-feed .card .card-img-overlay {
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); }
.twit-box {
margin: 0 auto;
border-radius: 15px;
background-color: #fff;
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
width: 100%;
max-width: 350px;
padding: 60px 30px 30px 30px;
margin-top: 80px;
}
.twit-box .media-body h5 {
font-size: 22px;
color: rgb(222, 184, 89);}
.twit-box .media-body p {
color: #a1a0a1; }
.twit-box p {
color: #666666; }
.twit-box a {
background-color: rgb(222, 184, 89);
border-color: rgb(222, 184, 89);
width: 120px;
padding: 5px 0;
border-radius: 40px; }
.twit-box a:hover, .twit-box a:visited {
background-color: rgb(222, 184, 89);
}
.twit-box::before {
content: "";
position: absolute;
width: 80px;
height: 57px;
background: url(../img/insta_logo.png);
background-size: cover;
margin-left: -65px;
top: 50px; }
.feed-caro {
padding-top: 0px; }
@media (max-width: 1199px) {
/* .feed-caro {
padding-top: 95px; } */
.twit-box {
margin-top: 60px;
}
}
.social-links {
margin-top: 20px; }
.social-links ul li {
text-align: center;
margin: 0 10px;
}
.social-links ul li a {
border: 1px solid #bababa;
border-radius: 50%;
width: 48px;
height: 48px;
padding: 0;
/* padding-top: 13px; */
}
.social-links ul li:hover a, .social-links ul li:visited a {
background: #fff; }
footer {
background:transparent;
}
footer iframe {
height: 100%;
width: 100%; }
footer .contact-form {
border-radius: 25px;
padding: 35px;
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
width: 100%;
max-width: 380px;
margin: 117px auto; }
footer .contact-form h3 {
color: rgb(222, 184, 89);
font-size: 20px;
text-align: center;
margin-bottom: 20px; }
footer .contact-form .form-control {
margin-bottom: 20px;
border: none;
background-color: #d1eec5;
border-radius: 25px;
font-size: 15px;
padding: 25px 30px; }
footer .contact-form ::-webkit-input-placeholder {
color: #928f8f; }
footer .contact-form textarea {
height: 203px;
resize: none;
padding-top: 20px !important; }
footer .contact-form button {
background: rgb(222, 184, 89);;
width: 140px;
padding: 13px 0;
font-size: 15px;
color: #fff;
border: none;
border-radius: 40px;
margin: 0 auto;
display: block;
cursor: pointer; }
footer .contact-form button:hover, footer .contact-form button:visited {
background: rgb(222, 184, 89); }
footer .copy {
background: #282526;
text-align: center; }
footer .copy p {
color: #fff; }
footer .copy a {
color: #fff;
transition: 0.3s ease;
text-decoration: none; }
footer .copy a:hover {
color: rgb(222, 184, 89); }
@media (max-width: 1199px) {
footer .contact-form {
margin: 50px auto; } }
@media (max-width: 950px) {
.top-logo{
margin-left: -150px;
/* margin-right: 50px; */
width: 160px;
}
}
@media (max-width: 890px) {
.top-logo{
margin-left: -100px;
/* margin-right: 50px; */
width: 145px;
}
.maine-menu .navbar-nav li .nav-link{
font-size: 15px;
padding: 6px;
}
}
@media (max-width: 840px) {
.top-logo{
margin-left: -44px;
/* margin-right: 50px; */
width: 145px;
}
.maine-menu .navbar-nav li .nav-link{
font-size: 14.3px;
}
}
@media (max-width: 798px) {
.top-logo{
margin-left: -20px;
/* margin-right: 50px; */
width: 150px;
}
.maine-menu .navbar-nav li .nav-link{
font-size: 13px;
}
}
@media (max-width: 767px) {
footer .map {
min-height: 300px; }
.row {
margin-left: 0;
margin-right: 0; }
.container-fluid {
padding-left: 0;
padding-right: 0; } }
@media screen and (min-width:1200px) {
td{
font-size: 26px;
}
th{
font-size: 28px;
}
}
@media screen and (max-width:992px) and (min-width:500px){
.fh5co-about-me .carousel-indicators li {
height: 57px;
width: 60px;
margin: 0 10px;
top: 20px; }
.fh5co-about-me .carousel-indicators li span {
font-size: 14px; }
.fh5co-about-me .carousel-indicators li.active {
height: 95px;
width: 100px; }
}
@media (max-width: 767px) {
.fh5co-portfolio h5 {
font-size: 14px !important; }
.footer-sub2{
/* height: 1200px; */
}
.fh5co-insta-feed {
padding:0;
}
}
@media (max-width: 576px) {
.fh5co-portfolio h5 {
font-size: 16px !important;
}
.top-logo{
margin-left: 0px;
/* margin-right: 50px; */
width: 150px;
}
.fh5co-portfolio .bx {
width: auto !important;
display: inline-block;
float: none;
margin: 3px auto; }
.fh5co-portfolio .bx-middle {
text-align: center !important; }
.fh5co-portfolio .bx-middle .heart {
float: left !important; } }
@media screen and (max-width:450px) and (min-width:400px){
.contact-sub-2{
display: grid;
grid-template-columns: 100% ;
}
.footer-sub2 {
height: 1800px;
}
.contact-s1 div {
margin-bottom: 15px;
}
}
@media screen and (max-width:400px){
.about-sub2 p{
font-size: 15px;
}
.contact-sub-2{
display: grid;
grid-template-columns: 100% ;
}
.fh5co-about-me .carousel-indicators li {
height: 32px;
width: 60px;
margin: 0 10px;
top: 20px; }
.fh5co-about-me .carousel-indicators li span {
font-size: 14px; }
.fh5co-about-me .carousel-indicators li.active {
height: 50px;
width: 100px; }
.contact-s1 div {
margin-bottom: 15px;
}
.menu-content{
font-size: 14px;
}
.footer-sub2 {
height: 1850px;
}
p{
font-size: 15px;
} .card-style .h2-top{
font-size: 12px;
}
}
/* Blog page style */
.fh5co-blog-content {
background-image: url(../img/girl2.jpg);
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover; }
.blog-content-bckg {
margin: 0 auto;
padding: 70px 0;
width: 80%;
color: #fff; }
@media (max-width: 992px) {
.blog-content-bckg {
padding: 40px 0; }
.feed-caro {
padding-top: 75px;
padding-bottom: 10px;
}
}
.blog-content-inner {
background-color: #dcf2d5;
background-color: rgb(222, 184, 89);;
padding: 70px;
border-radius: 15px; }
.blog-content-inner .card-title {
margin-bottom: 70px;
font-size: 45px;
text-align: center; }
@media (max-width: 992px) {
.blog-content-inner .card-title {
margin-bottom: 40px;
font-size: 30px; } }
@media (max-width: 600px) {
.blog-content-inner .card-title {
font-size: 18px; } }
@media (max-width: 767px) {
.blog-content-inner {
padding: 40px; } }
@media (max-width: 600px) {
.blog-content-inner {
padding: 20px 0; } }
.single-blog {
display: flex;
align-items: center;
margin-bottom: 50px; }
.single-blog:last-child {
margin-bottom: 0; }
@media (max-width: 1199px) {
.single-blog .single-blog__img {
margin-bottom: 30px; } }
@media (max-width: 600px) {
.single-blog .single-blog__text {
font-size: 14px;
text-align: justify; } }
@media (max-width: 1199px) {
.single-blog {
padding-bottom: 20px;
border-bottom: 1px solid #fff; }
.single-blog:last-child {
padding-bottom: 0;
border-bottom: none; } }