*{
text-decoration: none !important;
outline: none !important;
}  :root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #fcb814;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--main-bg-color: #ffffff; 
--main-text-color:#222830; 
--main-font-size: 16px; 
--main-font-weight: 400; 
--main-line-height: 25px; 
--font-titel:'Cormorant', serif;
--font-paragraph:'Catamaran', sans-serif;
--themecolor:#F5D0C7 !important;
--preloder-color:#0f3485;
--preloder-animeshan-color:#fff;
--humbarger-color:#d2202d;
--dark-color:#272b6a;
--light-color:#ffffff;
--heading-color:#111111;
--color-green:#1fbf54;
}
.color-white-global{
background-color: var(--light-color) !important;
color: var(--heading-color) !important;
}
.cormorant{
font-family: 'Cormorant', serif;
}
.catamaran{
font-family: 'Catamaran', sans-serif;
}
.vibes{
font-family: 'Great Vibes', cursive;
}  body {
font-family: var(--font-paragraph);
font-weight:var(--main-font-weight);
font-size:var(--main-font-size);
color:var(--main-text-color);
line-height:var(--main-line-heigh);
background: var(--main-bg-color);
letter-spacing: 0.4px;
margin:0px;
padding: 0px;
font-weight: normal;
font-style: normal;
font-family: 'Catamaran', sans-serif;
}
p:empty{
display: none !important;
}
img {
width: auto;
max-width: 100%;
height: auto;
border: 0;
}
ul,
ol {
margin: 0px;
padding: 0px;
list-style: none;
list-style-type: none;
}
ol, ul {
margin-top: 0;
margin-bottom: 0;
}
a, a:hover, a:focus{
text-decoration: none;
}
ol {
list-style: decimal inside;
}
.h1, .h2, .h3, h1, h2, h3,h4 {
margin-top: 0px;
margin-bottom: 0px;
font-family: var( --font-titel) !important;
}
p {
margin: 0;
padding: 0;
color: #2e2e2e;
font-size: 15px;
line-height: 26px;
font-family: var(--font-paragraph);
}
b,
strong {
font-weight: 600;
}
blockquote {
margin: 0;
padding: 0;
border: none;
}
a,
a:hover,
a:visited {
color: #E03A76;
}
::selection {
background: #000;
color: #fff;
}
::-moz-selection {
background: #000;
color: #fff;
}
a:focus,p:focus,div:focus,input:focus,textarea:focus,submit:focus,button:focus{
outline:none;
} ::-webkit-scrollbar {
width: 10px;
} ::-webkit-scrollbar-track {
background: #f1f1f1; 
} ::-webkit-scrollbar-thumb {
background: #000; 
} ::-webkit-scrollbar-thumb:hover {
background: #E03A76; 
} .swich0{
display: none !important;
}
.swich1{
display: block;
} .h1 {
margin: 0px !important;
padding: 0px !important;
font-weight: 800 !important;
font-size: 30px !important;
color: #0d141e !important;
text-transform: uppercase;
line-height: 35px;
font-family: var(--font-titel) !important;
}
.h2 {
margin: 0px !important;
padding: 0px !important;
font-weight: 700 !important;
font-size: 30px !important;
color: #0d141e !important;
text-transform: uppercase;
line-height: 35px;
font-family: var(--font-titel) !important;
letter-spacing: -0.5px;
}
.h3 {
margin: 0px !important;
padding: 0px !important;
font-weight: 700 !important;
font-size: 30px !important;
color: #0d141e !important;
text-transform: uppercase;
line-height: 35px;
font-family: var(--font-family) !important;
letter-spacing: -0.5px;
}
.h4 {
margin: 0px !important;
padding: 0px !important;
font-weight: 600 !important;
font-size: 18px !important;
color: #0d141e !important;
text-transform: capitalize;
line-height:27px;
font-family: var(--font-titel) !important;
}
.h5 {
margin: 0px !important;
padding: 0px !important;
font-weight: 600 !important;
font-size: 18px !important;
color: #0d141e !important;
text-transform: capitalize;
line-height:27px;
font-family: var(--font-titel) !important;
}
.font-size p,.font-size a {
font-size: 13px !important;
font-weight: 500;
}
.font-size2 p {
font-size: 18px;
font-weight: 300;
color: #6a6a6a;
font-family: var(--font-paragraph);
}
.font-bold {
font-weight: 800;
}
.font-semibold {
font-weight: 700;
}
.font-mediumbold {
font-weight: 600;
}
.font-medium {
font-weight: 500;
}
.font-normal {
font-weight: 400;
}
.font-italic {
font-style: italic;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-justify {
text-align: justify;
}
.text-left {
text-align: left !important;
}
.text-center {
text-align: center !important;
}
.text-right {
text-align: right !important;
}
.color-white{
color: #fff !important;
}
.color-white p{
color: #fff !important;
}
p {
font-size: 16px;
color: #3a3a3a;
line-height: 26px;
}
.letter-spacin-0{
letter-spacing: 0px;
}
.letter-spacin-1{
letter-spacing: 1px;
}
.letter-spacin--1{
letter-spacing: -1px;
}
.image-shadow img{
box-shadow: 0px 0px 30px #ccc;
}
.relativ-class{
position: relative;
}  .overflow-visible{
overflow: visible !important;
}
.overflow-hidden{
overflow: hidden !important;
}
.box-shadow { box-shadow:0px 0px 40px rgba(2, 2, 2, 0.18);
}
.no-shadow{
box-shadow: none !important;
}  .scrollup {
right: -45px;
position: fixed;
border-radius: 0px;
bottom: 0px;
width: 45px;
height: 45px;
z-index: 9999;
text-align: center;
line-height: 45px;
color: #fff;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
background-color: rgba(12, 1, 1, 0.7);
}
.scrollup.active {
bottom: 0px;
right: 0px;
}
.scrollup:hover {
background-color: #e03b77;
} .section {
width: 100%;
overflow: hidden;
} #pull span{
width: 25px;
height: 3px;
background: #0c5f96;
display: block;
margin-bottom: 5px;
}
#pull{display:none; cursor: pointer;}
.nav{
}
#pull{display:none;}
.nav > ul{
font-family: var(--font-titel);
}
.nav > ul > li:last-child:after{
content: "";
display: none;
}
.nav > ul > li{position:relative;display:inline-block;vertical-align:top;width:auto;height:auto;
margin:0px 8px 0px 0px;}
.nav > ul > li:last-child,
.nav > ul > li:only-child{margin:0px 0px 0px 0px}
.nav > ul > li::before {
position: absolute;
bottom: -7px;
left: 27%;
z-index: 0;
content: " ";
width: 40%;
height: 3px;
background:#F5D0C7;
border-radius:0px; 
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.nav > ul > li:hover:before,
.nav > ul > li.current-menu-item:before,
.nav > ul > li.current-menu-parent:before,
.nav > ul > li.current-menu-ancestor:before{transform:scaleX(1);-webkit-transform:scaleX(1);}
.nav > ul > li > a {
font-family: 'Catamaran', sans-serif;
position: relative;
z-index: 1;
display: block;
width: auto;
height: auto;
padding: 5px 10px 5px 10px;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
color:#363636; 
line-height: 23px;
cursor: pointer;
letter-spacing: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.nav > ul > li:hover > a,
.nav > ul > li.current-menu-item > a,
.nav > ul > li.current-menu-parent > a,
.nav > ul > li.current-menu-ancestor > a{ color:#000; }
.nav > ul > li > ul{position:absolute;top:100%;
left:0;z-index:9999;width:240px;height:auto;padding:3px 0px 0px 0px;
background:none;text-align:left;opacity:0;visibility:hidden;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.nav > ul > li:last-child > ul,
.nav > ul > li:nth-last-child(2) > ul{left:auto;right:0;}
.nav > ul > li:hover > ul{top:100%;opacity:1;visibility:visible;}
.nav > ul > li > ul > li,
.nav > ul > li > ul > li > ul > li{position:relative;width:100%;height:auto;float:left;}
.nav > ul > li > ul > li > a,
.nav > ul > li > ul > li > ul > li > a{display:block;width:auto;height:auto;padding:2px 15px 1px 15px;
background:#e5b6ab;
font-family: var(--font-paragraph);
border-top:1px #c99e94 solid;
text-transform:capitalize;
font-weight:500;font-size:14px;
color:#fff;line-height:18px;cursor:pointer;
transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.nav > ul > li:hover > ul > li > a,
.nav > ul > li:hover > ul > li > ul > li > a{padding:9px 15px 10px 15px;}
.nav > ul > li > ul > li:hover > a,
.nav > ul > li > ul > li.current-menu-item > a,
.nav > ul > li > ul > li.current-menu-parent > a,
.nav > ul > li > ul > li > ul > li:hover > a,
.nav > ul > li > ul > li > ul > li.current-menu-item > a,
.nav > ul > li > ul > li > ul > li.current-menu-parent > a{background:#F5D0C7;}
.nav > ul > li > ul > li > ul{position:absolute;top:10%;left:100%;z-index:9999;width:240px;height:auto;background:none;text-align:left;opacity:0;visibility:hidden;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.nav > ul > li:last-child > ul > li > ul,
.nav > ul > li:nth-last-child(2) > ul > li > ul{left:auto;right:100%;}
.nav > ul > li > ul > li:hover > ul{top:0;opacity:1;visibility:visible;}  .sticky{
padding:0px 0px;
position: fixed !important;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
width: 100%;
top: 0px;
left: 0px;
z-index: 999 !important;
background:#FFFBFA;
}
.sticky .menubars2{
padding:0px 0px 0px 0px;
}
.header{
width: 100%;
position: absolute;
z-index: 10;
left: 0px;
top:0px;
transition: all 0.3s;
}
.head-top-part{
width: 100%;
padding: 15px 0px;
}
.menubars{
background: #e1eaf4;
width: 100%;
display: inline-block;
vertical-align: top;
padding: 25px 0px;
}
.menubars2{
width: 100%;
display: inline-block;
vertical-align: top;
padding:0px 0px 0px 0px;
}
.menubars2 .container-fluid{
max-width: 1300px;
}
.logo {
position: relative;
max-width: auto;
}
.sticky .logo{
max-width: 110px;
transition:all 0.3s;
}
.menu-right{
align-items: center;
flex-wrap: wrap;
display: flex;
padding:7px 0px; 
}
ul.top-social {
display: flex;
}
ul.top-social li{
margin-right: 20px;
}
ul.top-social a{
color: #ceb8d9;
font-size: 15px;
}  .sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
background-color: #000000;
overflow-x: hidden;
transition: 0.5s;
padding-top: 35px;
display: none;
}
.sidenav a {
text-decoration: none;
font-size: 14px;
color: #fff;
display: block;
transition: 0.3s;
}
.sidenav ul li a{
padding: 15px;
border-bottom: 1px solid #121212; 
}
.mobile-menu li.current-menu-item a{
color:#fff;
background:var(--themecolor); 
}
.sidenav a:hover {
color: #f1f1f1;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
.pus-icon{
display: none;
} .pic{
position: relative;
width: 100%;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
.pic > img{
width: 100%;
}
.pic > .holder{
position: absolute;
left: 0px;
top:0px;
width: 100%;
height: 100%;
background-size: cover !important;
background-position: center !important;
object-fit: cover;
-o-object-position: center;
object-position: center;
transition: -webkit-transform 20s ease-out;
transition: transform 20s ease-out;
transition: transform 20s ease-out,-webkit-transform 20s ease-out;
-webkit-transition: -webkit-transform 20s ease-out;
}
.pic:hover > .holder {
transform: scale(1.3);
-webkit-transform: scale(1.3);
}  .top-head {
display: inline-block;
vertical-align: top;
width: 100%;
}
.top-header{
display: inline-block;
vertical-align: top;
width: 100%;
background-color:#256ab5; 
padding: 10px 0px;
}
ul.header-info {
display: flex;
flex-wrap: wrap;
width: auto;
}
ul.header-info > li{
font-size: 14px;
color: #fff;
padding-right: 15px;
letter-spacing: 0px;
}
ul.header-info > li > a{
color: #fff;
}
.header-social{
display: flex;
flex-wrap: wrap;
width: auto;
}
.header-social li{
font-size: 14px;
color: #fff;
padding: 4px 8px;
}
.header-social li a{
}
a.btn-banner{
background-color: #0f987d;
color: #fff;
text-transform: uppercase;
border-radius: 100px;
padding: 10px 20px;
}
.home-banner .slide{
padding: 85px 0px 100px 0px;
}
.home-banner .slide h1{
font-size: 56px;
color: #fff;
font-weight: 700;
line-height: 60px;
letter-spacing: 0;
display: inline-block;
margin-bottom: 20px;
}
.home-banner .slide p.banner-texts{
padding-right: 15px;
border-right:4px solid #0f987d ;
color: #fff;
}
.home-banner .slide p.banner-texts strong{
display: inline-block;
font-weight: 500;
margin-top: 7px;
}
.home-banner .slide .banner-btn{
display: inline-block;
border: 1px solid #fff;
color: #fff;
font-size: 14px;
text-transform: uppercase;
border-radius: 100px;
padding: 10px 20px;
margin-top: 18px;
transition: all 0.3s;
}
.home-banner .slide .banner-btn:hover{
border: 1px solid #0f987d;
background-color: #0f987d;
} footer{
display: inline-block;
width: 100%;
padding-top: 60px;
}
.footer-holder{
width: 100%;
display: inline-block;
vertical-align: top;
}
.footerlogo{
max-width: 120px;
display: inline-block;
vertical-align: top;
margin-bottom: 18px;
}
.footer-holder h4{
font-size: 29px;
color: #F1BBAC;
font-weight: 600;
margin-bottom:30px;
}
.footer-holder p{
font-size: 15px;
line-height: 24px;
margin-bottom: 15px;
}
.addres-footer li{
margin-bottom: 20px;
font-size: 17px;
color: #4F4B48;
}
.addres-footer li a{
font-weight:700;
color: #585858;
text-transform: uppercase;
font-size: 14px;
}
.opening-time ul li{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 18px;
color: #4F4B48;
}
.footer-content{
display: inline-block;
width: 100%;
}
.footer-logo{
position: relative;
width: 100%;
display: inline-block;
text-align: center;
}
.footer-logo .font-footer{
color: #212224;
font-size:20vw;
font-weight: 800;
text-align: center;
display: inline-block;
width: 100%;
text-shadow: 0px 0px 0px #494B4F;
}
.footerlogo{
}
.foot-menu-copy{
display: flex;
flex-wrap:wrap ;
width: 100%;
justify-content: space-between;
align-items: center;
border-top: 1px solid #f3f3f3;
margin-top: 25px;
}
.footer-social{
text-align: center;
display: flex;
justify-content: center;
margin-top: 15px;
}
.footer-social > li{
padding: 2px 5px;
}
.footer-social > li a{
font-size: 17px;
}
a.facebook,
a.facebook:hover{
color: #4267B2;
}
a.twitter,
a.twitter:hover{
color: #00ACEE;
}
a.youtube,
a.youtube:hover{
color: #FF0000;
}
a.instagram,
a.instagram:hover{
background: -webkit-linear-gradient(#8f31cb, #f52639, #fd9f47 );
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
a.linkedin,
a.linkedin:hover{
color: #2981b9;
}
.foter-nav{
background-color: #282727;
width: 100%;
display: inline-block;
padding: 18px 0px;
margin-top: 20px;
}
ul.footer-menu {
display: flex;
flex-wrap: wrap;
width: 100%;
}
ul.footer-menu li{
padding:0px 0px 24px 0px;
max-width: 50%;
flex: 0 0 50%;
}
ul.footer-menu li a{
text-transform: capitalize;
font-size: 16px;
color: #4F4B48;
}
.small-link{
display: flex;
flex-wrap:wrap ;
width: 100%;
justify-content: center;
margin-top: 40px;
}
.small-link li a{
color: #C8CBCF;
font-size: 14px;
}
.small-link li{
padding: 2px 20px;
position: relative;
}
.small-link li:last-child:after{
content: "";
position: absolute;
left: 0px;
top: 3px;
width: 1px;
height: 17px;
background-color: #5B5D61;
}
.text-copy{
text-align: center;
font-size: 14px;
padding: 20px 0px;
}
.text-copy p{
color: #837D7D;   
}
.text-copy p a:last-child{
color: #eda897; 
}  .home-banner{
width: 100%;
display: inline-block;
vertical-align: top;
}
.home-banner .slide-banner{
width: 100%;
display: inline-block;
vertical-align: top;
padding: 100px 0px 100px 0px;
background-size: cover !important;
background-position: top center !important;
position: relative;
height: 100vh;
}
.slide-content-headings h1{
color: #fff;
font-size: 120px;
line-height: 120px;
font-weight: 600;
}
.slide-content-headings h1 em{
color: #E03A76;
}
.slide-content-headings p{
font-size: 22px;
line-height: 28px;
color: #fff;
padding: 0px 151px;
display: inline-block;
margin-top: 18px;
width: 100%;
font-weight: 400;
}
.slide-content-headings .banner-btn {
border: 1px solid #fff;
color: #fff;
font-size: 14px;
display: inline-block;
text-transform: uppercase;
padding: 10px 35px;
letter-spacing: 3px;
transition: all 0.3s;
}
.slide-content-headings .banner-btn:hover{
background: #F5D0C7;
color: #000000;
border: 1px solid #F5D0C7;
}
.phone a{
color: #363636;
font-weight: 600;
}
.phone a i{
color:#f5d0c7;
font-size:23px;
}
a.btn-book{
line-height: 19px;
background: #F5D0C7;
color: #000;
font-size: 14px;
display: inline-block;
text-transform: uppercase;
padding: 10px 25px;
letter-spacing: 1px;
transition: all 0.3s;
}
.section-abut{
margin: 100px 0px;
}
.texts-left{
font-family: var(--font-titel);
color: #292D35;
font-size: 274px;
font-weight: 700;
letter-spacing: -2px;
transform: rotate(269deg);
position: absolute;
left: -461px;
top: 214px;
}
.lgo-right{
position: absolute;
right: -100px;
top: 120px;
}
.wel-text-home{
margin-top: 20px;
}
.wel-text-home h2{
width: 100%;
display: inline-block;
margin-bottom: 60px;
}
.wel-text-home h2 p{
font-family: var( --font-titel) !important;
font-size: 40px;
color: #fff;
line-height: 45px;
}
.wel-text-home h2 p > strong{
color: #E03A76;
font-size: 60px;
line-height: 68px;
}
.wel-text-home p{
color: #fff;
font-size: 18px;
line-height: 28px;
margin-bottom: 25px;
}
.wel-text-home h4{
font-family: var( --font-paragraph) !important;
color: #fff;
font-size: 20px;
margin-bottom: 25px;
} .inner-banner{
width: 100%;
display: inline-block;
vertical-align: top;
}
.inner-banner > .container-fluid{
padding-left: 0px;
padding-right: 0px;
overflow: hidden;
}
.inner-ban-image img{
width: 100%;
object-fit: cover;
}
.pagae-heading{
display: flex;
align-items: center;
}
.pagae-heading h1 p,
.pagae-heading h1{
font-family: Playfair Display;
font-style: normal;
font-weight: bold;
font-size: 100px;
line-height: 100px;
color: #fff;
}
.pagae-heading h1 p strong{
color: #E03A76; 
}
.page-titel-bigg{
font-family: Playfair Display;
color: #212224;
font-size:30vh;
line-height: 20vh;
font-weight: 800;
text-shadow: 0px 0px 0px #494b4f;
text-align: right;
width: 100%;
display: inline-block;
vertical-align: top;
position: relative;
z-index: -1;
top: -107px;
}
.inner-banner-full{
width: 100%;
display: inline-block;
vertical-align: top;
padding: 100px 0px;
}
.inner-banner-full h1{
color: #fff;
font-size: 40px;
}
.blog-list-page2{
background: #24252a;
padding: 80px 0px;
}
.post-holder{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 50px;
}
.athor-left{
flex: 0 0 100px;
max-width: 100px;
}
.athor-left .aut-img{
border-radius: 200px;
}
.athor-left .link-athotr{
text-align: center;
margin-top: 18px;
}
.athor-left .link-athotr > div {
font-size: 13px;
text-transform: uppercase;
color: #535353;
font-weight: 600;
letter-spacing: 2px;
}
.athor-left .link-athotr > span {
font-size: 13px;
color: #949494;
text-transform: uppercase;
}
.artical-rigth{
width: 100%;
display: inline-block;
vertical-align: top;
}
.data-post{
}
.artical-rigth p{
color: #fff;
font-size: 17px;
line-height: 28px;
margin-bottom:18px;
}
.data-post h4{
font-size:36px;
font-weight: 700;
line-height: 40px;
padding-bottom: 24px;
border-bottom:1px solid #17181a; 
}
.data-post h4 a{
color: #E03A76;
}
.articl-bar{
padding: 25px 0px;
width: 100%;
}
.articl-bar ul{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.articl-bar ul > li {
margin-bottom: 4px;
font-size: 14px;
text-transform: uppercase;
color: #fff;
font-weight: 500;
letter-spacing: 1px;
margin-right: 20px;
}
.articl-bar ul > li i{
margin-right: 5px;
color: #E03A76;
}
.articl-bar ul li a{
}
.cat-lis{
display: flex;
}
.cat-lis ul li{
margin-right: 4px;
}
.cat-lis ul li a{
color: #6e6e6e;
}
.blogpic-holder{
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 24px;
}
.pagination {
justify-content: center;
align-items: center;
}
.pagination .current{
background: #eeeeee;
padding: 6px 10px;
font-size: 13px;
margin: 2px 5px;
border-radius: 4px;
}
.pagination .inactive{
background: #513367;
padding: 6px 10px;
font-size: 13px;
color: #fff;
margin: 2px 5px;
border-radius: 4px;
}
.sharethis{
display: flex;
margin: 20px 0px;
width: 100%;
align-items: center;
}
.blog-list-page2 div .artical-data p{
margin-bottom: 25px;
}
.blog-list-page2 div .artical-data h2,
.blog-list-page2 div .artical-data h3,
.blog-list-page2 div .artical-data h4{
font-size: 36px;
font-weight: 700;
color: #513367;
margin-bottom: 20px;
} .bar-serachs,
.recent-posts,
.tag-area,
.catagori-list{
background: #1f2022;
border-radius: 8px;
padding: 25px;
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
}
.bar-serachs h4,
.recent-posts h4,
.tag-area h4,
.catagori-list h4{
font-size: 24px;
color: #fff;
margin-bottom: 30px;
font-weight: 500;
}
.form-row-custom {
background: #24252a;
display: flex;
border: 1px solid #36373e;
padding: 10px 5px;
border-radius: 0px;
}
.form-row-custom input[type=search]{
flex: 0 0 auto;
background:none;
color: #fff;
width: 91%;
border: none;
font-size: 14px;
}
.form-row-custom button{
flex: 0 0 35px;
max-width: 35px;
border: none;
background: url(//mariasnailsandbeauty.com/wp-content/themes/marias-nails-beauty-theme/images/search-con.png);
background-repeat: no-repeat;
cursor: pointer;
}
.re-list{
display: flex;
margin-bottom: 16px;
align-items:flex-start; 
}
.re-list .recent-post-thumbnail{
flex: 0 0 80px;
max-width: 80px;
}
.recent-post-data{
flex: 0 0 auto;
max-width:68%;
padding: 5px 10px;
font-size: 12px;
color: #fff;
}
.recent-post-data a{
width: 100%;
display: block;
font-size: 15px;
line-height: 18px;
color: #fff;
margin-bottom: 10px;
font-weight: 500;
}
.re-list .recent-post-thumbnail a{
height:80px;
width: 100%;
display: inline-block;
border-radius:3px;
overflow: hidden; 
}
.re-list .recent-post-thumbnail a img{
width: 100%;
height: 100%;
object-fit: cover;
}
.tag-area a{
background: #f9f9f9;
border:1px solid #e0e0e0;
border-radius: 4px;
padding: 5px 8px;
color: #9c9c9c;
font-size: 13px;
color: #9c9c9c;
display: inline-block;
vertical-align: top;
margin-bottom: 5px;
transition: all 0.3s;   
}
.tag-area a:hover{
background: var(--themecolor);
color: #fff;
border:1px solid var(--themecolor);
}
.catagori-list li{
font-weight: 500;
margin-bottom: 18px;
color: #422159;
}
.catagori-list li a{
color: #fdfdfd;
transition: all 0.3s;
}
.catagori-list li a:hover{
color: #E03A76;
padding-left: 8px;
}
.post-categories li{
margin-right: 15px !important;
} .comment-form > h3,
.comment-form  h4{
color: #fff;
font-size: 24px;
margin-bottom: 18px;
}
.not-show{
display: none;
}
.comment-flex{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.coomen-fild{
width: 49%;
margin-bottom: 15px;
}
.coomen-fild input[type=text]{
width: 100%;
background: #24252a;
border: 1px solid #36373e;
padding: 15px;
font-size: 14px;
transition: all 0.3s;
}
.coomen-fild-full{
width: 100%;
margin-bottom: 15px;
}
.coomen-fild input[type=text]:focus,
.coomen-fild-full textarea:focus{
border: 1px solid #ab4671;
}
.coomen-fild-full textarea{
width: 100%;
background: #24252a;
border: 1px solid #36373e;
padding: 15px;
font-size: 14px;
transition: all 0.3s;
}
#respond{
width: 100%;
display: inline-block;
vertical-align: top;
}
#respond h3{
margin-bottom: 30px;
color: #fff;
}
.review-form h3{
display: none;
}
.review-form .commentlist-custom h4{
display: none;
}
.coment-submit{
font-size: 17px;
color: #fff !important;
background-color:var(--themecolor);
padding: 15px 30px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.5px;
display: inline-block;
border: none;
}
.commentlist-custom{
width: 100%;
display: inline-block;
vertical-align: top;
}
.commentlist-custom li .comment-body{
background: #1f2022;
padding: 30px;
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 18px; 
position: relative;
}
.reply {
position: absolute;
right: 15px;
top: 30px;
background:var(--themecolor);
border-radius: 5px;
padding: 6px 10px;
font-size: 14px;
color: #fff !important;
}
.reply a {
color: #ffffff !important;
padding: 6px 6px;
}
.comment-author{
margin-bottom: 15px;
color: #ffffff !important;
}
.comment-author img{
width: 70px;
height: 70px;
border-radius: 4px;
margin-right: 15px;
}
.comment-author .fn{
display: inline-block;
}
.comment-meta{
margin-top: 15px;
}
.comment-meta a{
margin-top: 10px;
color: #b7b7b7;
font-size: 14px;
}
.commentlist-custom h4{
margin-bottom: 25px;
}
#commentform > p{
margin-bottom: 15px;
}
#commentform > p a{
color:var(--themecolor);
} .wel-text-contact{
width: 100%;
display: inline-block;
vertical-align: top;
}
.wel-text-contact h1 {
font-size: 48px;
color: #fff;
width: 100%;
display: inline-block;
vertical-align: top;
text-align: center;
margin-bottom: 60px;
}
.section-contact{
padding: 80px 0px;
}
.wel-text-contact p{
color: #fff;
margin-bottom: 20px;
}
.contact-info{
margin-bottom: 30px;
}
.contact-info li{
color: #fff;
margin-bottom: 15px;
display: flex;
}
.contact-info li strong{
font-weight: 600;
color: #d6216e;
}
.contact-info li a{
color: #fff;
padding-right: 4px;
}
.info-data {
display: flex;
flex-wrap: wrap;
}
.info-data strong{
flex: 0 0 100%;
margin-bottom: 9px;
}
.info-icon {
width: 35px;
height: 35px;
background: #ef3679;
color: #fff;
text-align: center;
line-height: 35px;
border-radius: 5px;
margin-right: 14px;
}
.search_main_body_noresult h1{
color: #fff;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #f5d0c7;
}
a.tretment-servc {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 400px;
background-size: cover !important;
background-position: center !important;
padding: 15px;
}
a.tretment-servc > div h4{
color: #fff;
font-size: 35px;
font-weight: 600;
line-height: 30px;
}
a.tretment-servc > div span{
color: #fff;
font-size: 50px;
margin-top: 5px;
display: inline-block;
opacity: 0.8;
}
.services-holder{
width: 100%;
height: 100%;
background-size: cover !important;
background-position: center !important;
}
.services-box-data {
margin-top: 60px;
display: inline-block;
vertical-align: top;
margin-left: 40px;
}
.services-box-data h3{
color: #fff;
font-size: 50px;
font-weight: 600;
line-height: 55px;
margin-bottom: 20px;
}
.services-box-data span{
color: #fff;
text-transform: uppercase;
font-size: 15px;
letter-spacing: 1px;
margin-bottom: 15px;
}
a.border-btn{
border: 1px solid #fff;
color: #fff;
font-size: 14px;
display: inline-block;
text-transform: uppercase;
padding: 10px 30px;
line-height: 30px;
letter-spacing: 3px;
transition: all 0.3s;
}
a.border-btn:hover{
border: 1px solid #F5D0C7;
background: #F5D0C7;
color: #000;
}
.heading-group h2{
font-size:35px;
font-weight: 600;
text-transform: uppercase;
}
.section-tretment{
padding: 80px 0px;
}
.section-tretment > .container-fluid{
max-width: 1300px;
}
.section-about > .container{
position: relative;
z-index: 10;
}
.section-about{
background-color: #F8F8F8;
position: relative;
padding: 60px 0px;
}
.section-about:after{
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 25%;
height: 100%;
z-index: 0;
background-color: #fff;
}
.wel-text > h5{
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1px;
}
.wel-text > h3{
font-size: 60px;
line-height: 70px;
font-weight: 600;
color:#363636;
margin-bottom: 20px;
}
.wel-text p{
font-size: 18px;
letter-spacing: 0px;
line-height: 28px;
margin-bottom: 20px;
}
.wel-text h4{
font-weight: 600;
margin-bottom: 10px;
}
a.btn-border-drak {
border: 1px solid #363636;
color: #363636;
font-size: 14px;
display: inline-block;
text-transform: uppercase;
padding: 10px 30px;
letter-spacing: 3px;
transition: all 0.3s;
}
a.btn-border-drak:hover{
border: 1px solid #F1BBAC;
color: #000;
background: #F1BBAC;
}
.section-callus{
background-size: cover !important;
padding: 140px 0px;
}
.text-light p{
color: var(--white);
font-size: 24px;
}
.text-light h3{
color: var(--white);
}
.section-brand{
background-color: #F8F8F8;
padding: 40px 0px;
}
.brand-holder{
padding: 10px 0px;
}
.section-insta{
position: relative;
}
.section-insta .container-fluid{
height: 100%;
width: 100%;
max-width: 100%;}
.section-insta img{
width: 100%;
}
.section-insta .container-fluid .row{
height: 100%;
align-items: center;
justify-content: center;
display: flex;
}
.insta-hoder{
background-color: #fff;
width: 100%;
display: inline-block;
padding: 60px 18px;
position: relative;
}
.insta-hoder strong{
color: #F1ECEC;
font-size: 100px;
font-weight: 400;
}
.links-insta {
position: absolute;
top:80px;
width: 100%;
text-align: center;
display: inline-block;
left: 0px;
}
.links-insta span{
display: block;
text-transform: uppercase;
font-weight: 500;
}
.links-insta a{
color: #EDBEB3;
font-size: 45px;
}
.content1,
.content2,
.content3,
.content4,
.content5,
.content6,
.content7,
.content8 {
display: none;
}
.services-banner{
width: 100%;
display: inline-block;
vertical-align: top;
padding:60px 30px;
margin-bottom: 40px;
background-size:cover;
}
.services-banner .row{
margin: 0px;
}
.left-serv-heding span{
color: #fff;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
}
.left-serv-heding h3{
color: #fff;
font-size: 45px;
font-weight: 600;
}
.section-courses-lst{
padding: 90px 0px 30px 0px;
}
.last-pading{
padding-bottom: 90px;
}
.page-titel{
font-size: 70px;
font-family: var( --font-titel) !important;
color:#fff;
}
.courses-holder{
background-color: #F8F8F8;
display: inline-block;
vertical-align: top;
width: 100%;
position: relative;
overflow: hidden;
margin-bottom: 25px;
}
.courses-holder .overlay{
transition: all 0.4s;
transform: translate(0px, 100%);
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
background-color:var(--themecolor);
height: 100%;
display: flex;
align-items: center;
justify-content: center;
align-items: center;
padding: 20px;
visibility: visible;
z-index: 99;
}
.courses-holder:hover .overlay{
transform: translate(0px, 0px);
visibility: visible;
}
.overlay{
text-align: center;
}
.overlay button{
color: #000;
border: 1px solid #fff;
background: #fff;
padding: 5px 10px;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 20px;
cursor: pointer;
}
.product-data{
padding: 18px;
display: inline-block;
vertical-align: top;
width: 100%;
text-align: center;
}
.product-data > h4,
.overlay div h4{
font-size: 26px;
font-weight: 600;
color: #363636;
display: inline-block;
vertical-align: top;
margin-bottom: 15px;
text-align: center;
width: 100%;
}
.product-data > p,
.overlay div p{
margin-bottom: 15px;
font-size: 16px;
text-align: center;
line-height: 23px;
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff8f8;
background-clip: padding-box;
border: none;
border-radius: 0px;
outline: 0;
}
.modal-body {
padding: 2rem;
}
.modal-body h4{
font-size: 26px;
font-weight: 600;
color: #363636;
display: inline-block;
vertical-align: top;
margin-bottom: 15px;
width: 100%;
}
.modal-body p{
margin-bottom: 15px;
}
.modal-body ul li{
margin-bottom: 10px;
line-height: 20px;
position: relative;
padding-left: 20px;
}
.modal-body ul li:after{
content: "";
position: absolute;
left: 0px;
top: 3px;
width: 10px;
height: 10px;
background-color: #F5D0C7;
border-radius: 100px;
border: 1px solid #d7a396;
}
.modal-body .close {
position: absolute;
right: 0px;
top: 0;
background: #F5D0C7;
width: 30px;
height: 30px;
color: #000;
font-size: 14px;
text-shadow: none;
opacity: 0.9;
} .section.portfolio .filters {
text-align: center;
margin-top: 20px;
margin-bottom: 30px;
}
.section.portfolio .filters ul {
padding: 0;
}
.section.portfolio .filters ul li {
list-style: none;
display: inline-block;
padding: 10px 13px;
cursor: pointer;
position: relative;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1px;
font-weight: 600;
}
.section.portfolio .filters ul li span{
font-size: 14px;
color: #ffffff;
}
.section.portfolio .filters ul li:hover {
color: var(--themecolor);
transition: all 0.3s;
}
.section.portfolio .filters ul li.activefilter {
color:var(--themecolor);
transition: all 0.3s;
}
.section.portfolio .filters-content {
margin-top: 25px;
}
.section.portfolio .filters-content .show {
opacity: 1;
visibility: visible;
transition: all 350ms;
}
.section.portfolio .filters-content .hide {
opacity: 0;
visibility: hidden;
transition: all 350ms;
}
.section.portfolio .filters-content .item {
text-align: center;
cursor: pointer;
margin-bottom: 30px;
}
.section.portfolio .filters-content .item .p-inner {
padding: 20px 30px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.section.portfolio .filters-content .item .p-inner h5 {
font-size: 15px;
}
.section.portfolio .filters-content .item .p-inner .cat {
font-size: 13px;
}
.section.portfolio .filters-content .item img {
width: 100%;
}
.galley-page{
padding: 70px 0px;
} .section-faq{
padding: 90px 0px; 
}
.faq-sidebar{
position: sticky;
top: 0;
}
.faq-sidebar h4{
background: #f5d0c7;
padding: 8px 15px;
color: #363636;
font-size: 24px;
font-weight: 600;
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
}
.faq-list li a{
width: 100%;
display: inline-block;
vertical-align: top;
font-size: 19px;
margin-bottom: 26px;
color: #505050;
}
.faq-holder{
margin-bottom: 25px;
width: 100%;display: inline-block;
}
.faq-holder h3{
font-size: 28px;
font-weight: 600;
margin-bottom: 15px;
}
.faq-holder p{
}
.faq-list li a:hover{
color: var(--themecolor);
}
.testimo-holder img{
max-width: 100%;
margin-bottom: 15px;
display: block;
width: 78px !important;
margin: 0 auto 15px auto;
transform: scale(1);
transition: transform .64s cubic-bezier(.57,.01,.29,.99);
will-change: transform;
}
.testimo-holder {
padding: 35px 20px;
width: 100%;
text-align: center;
display: inline-block;
vertical-align: top;
}
.center .testimo-holder img{
transform: scale(1.46);
}
.testimo-holder h4{
font-size: 20px;
font-weight: 600;
display: inline-block;
vertical-align: top;
margin-top: 20px;
margin-bottom: 15px;
}
.testimo-holder p{
}
.slider-team{
margin-top: 60px;
}
.heading-group span{
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1px;
}
.heading-group h3{
font-size: 50px;
line-height: 60px;
font-weight: 600;
color: #363636;
margin-bottom: 0px;
}
.section-client{
padding: 80px 0px;
}
.tab {
max-width: 28%;
flex: 0 0 28%;
} .tab button {
display: block;
background-color: inherit;
color: black;
padding: 10px 16px;
width: 100%;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 17px;
margin-bottom: 10px;
border-radius: 50px;
} .tab button:hover {
background-color: #f5d0c7;
padding: 10px 20px;
}
.tab button.active {
background-color: #f5d0c7;
padding: 10px 20px;
} .tabcontent {
padding: 0px 15px;
flex: 0 0 72%;
max-width: 72%;
border-left: none;
display: none;
}
.tabcontent {
animation: fadeEffect 1s; 
}
@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
.list-parices {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
padding: 15px 0px;
border-bottom: 1px solid #ededed;
}
.list-parices strong span{
color: #dda496;
font-size: 19px;
}
.list-parices h4{
font-size:22px;
flex: 0 0 82%;
}
.ind-hedaing {
background: #fff4f1; border-radius: 100px;
padding: 6px 20px;
text-align: center;
}
.section-price{
padding: 90px 0px;
}
.section-contact-form{
padding-bottom: 80px;
}
.contact-holder{
text-align: center;
margin-bottom: 15px;
}
.contact-holder h4{
font-weight: 600;
display: inline-block;
vertical-align: top;
margin-bottom: 18px;
width: 100%;
margin-top: 15px;
}
.contact-holder a{
font-size: 17px;
color: #3a3a3a;
}
.bg-colors{
background-color: #F8F8F8;
}
.form-holder{
padding: 40px;
width: 100%;
display: inline-block;
}
.form-holder h3{
font-size: 40px;
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
}
.fild{
width:100%;
display: inline-block;
vertical-align: top;
margin-bottom: 10px;
background: none;
width: 100%;
}
.fild input[type=text],
.fild input[type=email],
.fild input[type=tel]{
width: 100%;
background: none;
border: none;
border-bottom: 1px solid #565656;
padding: 13px 0px;
}
.fild select{
width: 100%;
background: none;
border: none;
border-bottom: 1px solid #565656;
padding: 13px 0px;
}
.fild textarea{
width: 100%;
background: none;
border: none;
border-bottom: 1px solid #565656;
padding: 13px 0px;
height: 100px;
}
.fild input[type=submit]{
line-height: 19px;
background: #F5D0C7;
color: #000;
font-size: 14px;
display: inline-block;
text-transform: uppercase;
padding: 10px 40px;
letter-spacing: 1px;
transition: all 0.3s;
border: none;
cursor: pointer;
}
.position-absolute-custom{
position: absolute;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
background: #6ac973;
color: #fff;
padding: 25px;
text-align: center;
}
.phone a {
color: #363636;
font-weight: 600;
display: flex;
align-items: center;
}
.phone a i{
margin-right:8px;
}
.section-price .container{
max-width: 1240px;
} @media (min-width: 1900px){
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width:1900px;
}
}
@media only screen and (max-width:1199px) {
.nav > ul > li > a {
padding: 5px 5px 5px 5px;
}
.logo {
position: relative;
max-width: 220px;
}
}
@media only screen and (max-width:1000px) {
.menu-right{
display: none;
}
.pus-icon {
display: block;
color: #000;
font-size: 16px;
background: #F1BBAC;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
}
.sidenav {
display: block;
}
.menubars2 {
padding:0px 15px;
}
.logo {
position: relative;
max-width: 100%;
width: 115px;
}
.sticky {
padding: 0px 15px;
}
.slide-content-headings h1 {
color: #fff;
font-size: 73px;
line-height: 88px;
font-weight: 600;
}
}
@media only screen and (max-width:991px) {
.tab {
max-width: 100%;
flex: 0 0 100%;
text-align: center;
}
.tab button {
display: inline-block;
background-color: inherit;
color: black;
padding: 7px 12px;
width: auto;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 16px;
margin-bottom: 10px;
border-radius: 0;
}
.tab button.active{
padding: 7px 12px;
}
.tabcontent {
padding: 0px 15px;
flex: 0 0 100%;
max-width: 100%;
border-left: none;
display: none;
}
.list-parices h4{
font-size: 20px;
}
.section-price {
padding: 60px 0px;
}
.inner-banner-full {
width: 100%;
display: inline-block;
vertical-align: top;
padding: 60px 0px;
}
.section-faq {
padding: 60px 0px;
}
.galley-page {
padding: 60px 0px;
}
.project-iteam{
margin-bottom: 15px;
}
}
@media only screen and (max-width:767px) {
.page-titel {
font-size: 39px;
line-height: 40px;
}
.image-holder{
margin-bottom: 20px;
} 
.heading-group h3 {
font-size: 28px;
line-height: 33px;
font-weight: 600;
color: #363636;
margin-bottom: 0px;
}
.slider-team {
margin-top: 5px;
}
.section-client {
padding: 40px 0px;
}
.left-serv-heding h3 {
color: #fff;
font-size: 32px;
font-weight: 600;
margin-bottom: 15px;
}
.slide-content-headings p {
padding: 0px 20px;
}
.services-holder {
width: 100%;
height: 400px;
background-size: cover !important;
background-position: center !important;
}
.section-callus {
background-size: cover !important;
padding: 100px 0px;
background-position: right !important;
}
.insta-hoder {
background-color: #fff;
width: auto;
display: inline-block;
padding: 39px 40px;
position: relative;
}
.insta-hoder strong {
color: #F1ECEC;
font-size: 76px;
font-weight: 400;
}
.links-insta {
position: absolute;
top: 56px;
width: 100%;
text-align: center;
display: inline-block;
left: 0px;
}
.footer-holder{
margin-bottom: 15px;
}
}
@media only screen and (max-width:599px) {
.form-holder {
padding: 20px 30px;
width: 100%;
display: inline-block;
}
.logo {
position: relative;
width: 79px;
}
ul.footer-menu li {
padding: 10px 18px;
width: 100%;
}
}
@media only screen and (max-width:575px) {
.slide-content-headings h1 {
color: #fff;
font-size: 49px;
line-height: 64px;
font-weight: 600;
}
.section-tretment {
padding: 40px 0px;
}
.heading-group h2 {
font-size: 27px;
font-weight: 600;
text-transform: uppercase;
}
.wel-text > h3 {
font-size: 46px;
line-height: 48px;
font-weight: 600;
margin-bottom: 20px;
}
.mobile{
display: none !important;
}
.sidenav a.btn-book{
width: 100%;
text-align: center;
}
.inner-ban-image img{
height: 200px;
width: 100%;
object-position: 50% 38%;
object-fit: cover;
}
}
@media only screen and (max-width:400px) {
.section-callus {
background-size: cover !important;
padding: 48px 0px;
}
.position-absolute-custom{
position: relative;
}
.logo {
position: relative;
max-width: 179px;
}
.insta-hoder {
background-color: #fff;
width: auto;
display: inline-block;
padding: 39px 0;
position: relative;
}
.insta-hoder strong {
color: #F1ECEC;
font-size: 59px;
font-weight: 400;
}
.links-insta {
position: relative;
top: 56px;
width: 100%;
text-align: center;
display: inline-block;
left: 0px;
}
}