/* Spring Wedding HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Header Two / Three
5. Main Slider
6. Services Section
7. About Section
8. Collection Section
9. Call To Action Section
10. Week Section
11. Blog Section
12. Image Section
13. Testimonial Section
14. Booking Section
15. Main Footer
16. Page Title
17. Team Section
18. Pricing Section
19. Portfolio Section
20. Portfolio Masonry Section
21. Portfolio Single One Section
22. Portfolio Single Two Section
23. Blog Section
24. Blog Widgets
25. Eoor Section
26. Contact Info Section
27. Comment Form
**********************************************/
@import url("https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600,700,800,900|Playfair+Display:400,500,600,700,800,900&display=swap");
/*font-family: 'Fira Sans', sans-serif;
font-family: 'Playfair Display', serif;*/
@import url("font-awesome.css");
@import url("flaticon.css");
@import url("animate.css");
@import url("owl.css");
@import url("jquery-ui.css");
@import url("animation.css");
@import url("jquery.fancybox.min.css");
@import url("jquery.mCustomScrollbar.min.css");
/***
====================================================================
Reset
====================================================================
***/
* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: "Fira Sans", sans-serif;
font-size: 14px;
color: #777777;
line-height: 1.7em;
font-weight: 400;
background: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.bordered-layout .page-wrapper {
padding: 0px 50px 0px;
}
a {
text-decoration: none;
cursor: pointer;
color: #a68a80;
}
button,
a:hover,
a:focus,
a:visited {
text-decoration: none;
outline: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
font-weight: normal;
margin: 0px;
background: none;
line-height: 1.6em;
font-family: "Fira Sans", sans-serif;
}
/* Typography */
h1 {
font-size: 70px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 34px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
}
input,
button,
select,
textarea {
}
textarea {
overflow: hidden;
}
p {
position: relative;
line-height: 1.8em;
}
.auto-container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}
.medium-container {
max-width: 850px;
}
.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
}
ul,
li {
list-style: none;
padding: 0px;
margin: 0px;
}
img {
display: inline-block;
max-width: 100%;
}
.theme-btn {
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.centered {
text-align: center;
}
/*Btn Style One*/
.btn-style-one {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 11px 34px;
font-weight: 400;
overflow: hidden;
overflow: hidden;
background-color: #0e0e0e;
text-transform: capitalize;
}
.btn-style-one:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #a68a80;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
}
.btn-style-one .txt {
position: relative;
z-index: 1;
}
.btn-style-one:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-one:hover {
color: #ffffff;
}
/* Btn Style Two */
.btn-style-two {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #a68a80;
padding: 5px 20px;
font-weight: 400;
overflow: hidden;
overflow: hidden;
border: 1px solid #a68a80;
background-color: #ffffff;
text-transform: capitalize;
}
.btn-style-two:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #222222;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
}
.btn-style-two .txt {
position: relative;
z-index: 1;
}
.btn-style-two:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-two:hover {
color: #ffffff;
border-color: #222222;
}
.btn-style-two-link {
background-color: transparent;
color: #a68a80;
}
.btn-style-two-link:hover {
text-decoration: underline;
}
/* Btn Style Three */
.btn-style-three {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 12px 48px;
font-weight: 400;
overflow: hidden;
overflow: hidden;
background-color: #a68a80;
text-transform: capitalize;
}
.btn-style-three:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #242424;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
}
.btn-style-three .txt {
position: relative;
z-index: 1;
}
.btn-style-three:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-three:hover {
color: #ffffff;
}
/* Btn Style Four */
.btn-style-four {
position: relative;
display: inline-block;
font-size: 15px;
line-height: 30px;
color: #ffffff;
padding: 12px 40px;
font-weight: 500;
overflow: hidden;
border-radius: 50px;
overflow: hidden;
text-transform: capitalize;
border: 2px solid rgba(255, 255, 255, 0.6);
}
.btn-style-four:before {
position: absolute;
content: "";
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
z-index: 1;
opacity: 0;
background-color: #00e49a;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
}
.btn-style-four .txt {
position: relative;
z-index: 1;
}
.btn-style-four:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-four:hover {
color: #ffffff;
border-color: #00e49a;
}
/* Btn Style Five */
.btn-style-five {
position: relative;
line-height: 24px;
color: #ffffff;
font-size: 15px;
cursor: pointer;
font-weight: 400;
border-radius: 50px;
background-color: #6b1dce;
text-transform: capitalize;
padding: 16px 25px 16px 65px;
}
.btn-style-five .icon {
position: absolute;
left: 6px;
top: 6px;
width: 45px;
height: 45px;
color: #6b1dce;
font-size: 12px;
line-height: 45px;
text-align: center;
border-radius: 50px;
background-color: #ffffff;
}
.btn-style-five:hover {
color: #ffffff;
background-color: #a68a80;
}
/* Btn Style Six */
.btn-style-six {
position: relative;
display: inline-block;
font-size: 15px;
line-height: 30px;
color: #2b2577;
padding: 11px 39px;
font-weight: 500;
overflow: hidden;
border-radius: 5px;
overflow: hidden;
text-transform: capitalize;
background-color: #ffffff;
}
.btn-style-six:before {
position: absolute;
content: "";
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
z-index: 1;
opacity: 0;
background-color: #00e49a;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
}
.btn-style-six .txt {
position: relative;
z-index: 1;
}
.btn-style-six:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-six:hover {
color: #ffffff;
border-color: #00e49a;
}
/*Social Icon One*/
.social-icon-one {
position: relative;
}
.social-icon-one li {
position: relative;
margin-left: 17px;
display: inline-block;
}
.social-icon-one li a {
position: relative;
font-size: 16px;
color: #ffffff;
font-weight: 400;
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.social-icon-one li a:hover {
color: #a68a80;
}
.theme_color {
color: #a68a80;
}
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../images/icons/preloader.svg);
background-size: 90px;
display: none;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top {
position: fixed;
bottom: 15px;
right: 15px;
width: 60px;
height: 60px;
color: #ffffff;
font-size: 24px;
text-transform: uppercase;
line-height: 60px;
text-align: center;
z-index: 100;
cursor: pointer;
background: #0a0a0a;
display: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.scroll-to-top:hover {
color: #ffffff;
background: #a68a80;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title {
position: relative;
margin-bottom: 45px;
}
.sec-title .title {
position: relative;
color: #1c1c1c;
font-weight: 400;
font-size: 20px;
letter-spacing: 1px;
}
.sec-title h2 {
position: relative;
color:#bfaca4;
font-weight: 600;
font-size: 40px;
line-height: 1.2em;
margin-top: 10px;
}
.sec-title .text {
position: relative;
font-size: 15px;
line-height: 1.8em;
color: #1c1c1c;
margin-top: 10px;
}
.sec-title.centered {
text-align: center !important;
}
.sec-title.light h2 {
color: #ffffff;
}
/* List Style One */
.list-style-one {
position: relative;
z-index: 1;
}
.list-style-one li {
position: relative;
color: #ffffff;
font-size: 14px;
font-weight: 400;
margin-bottom: 15px;
padding-left: 30px;
line-height: 1.5em;
}
.list-style-one li strong {
position: relative;
color: #000000;
font-size: 14px;
font-weight: 600;
display: block;
margin-bottom: 2px;
}
.list-style-one li .icon {
position: absolute;
left: 0px;
top: 2px;
color: #05db56;
font-size: 20px;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header {
position: absolute;
z-index: 999;
width: 100%;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.main-header .main-box {
position: relative;
padding: 0px 0px;
left: 0px;
top: 0px;
width: 100%;
background: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .main-box .outer-container {
position: relative;
padding: 0px 40px;
}
.main-header .main-box .logo-box {
position: relative;
float: left;
left: 0px;
z-index: 10;
padding: 30px 0px;
}
.main-header .main-box .logo-box .logo img {
display: inline-block;
max-width: 100%;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .header-upper {
position: relative;
z-index: 1;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
background-color: rgba(255, 255, 255, 0.7);
}
.main-header .header-upper .outer-box {
position: relative;
float: right;
padding: 21px 0px;
margin-left: 15px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-header .header-upper .outer-box .nav-toggler {
position: relative;
font-size: 28px;
color: #ff9600;
cursor: pointer;
display: inline-block;
}
.main-header .header-upper .outer-box .btn-box {
float: left;
margin-left: 30px;
}
/*Sticky Header*/
.sticky-header {
position: fixed;
opacity: 0;
visibility: hidden;
left: 0px;
top: 0px;
width: 100%;
padding: 0px 0px;
background: #fff;
color:#000;
border-bottom:1px solid #000;
z-index: 0;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sticky-header .logo {
padding: 8px 0px 8px;
}
.fixed-header .sticky-header {
z-index: 999;
opacity: 1;
visibility: visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.sticky-header .main-menu .navigation > li > a {
padding: 23px 0px;
color: #ffffff !important;
}
.sticky-header .main-menu .navigation > li > a:after {
display: none;
}
.main-header .nav-outer {
position: static;
float: right;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-header .header-upper .logo-box {
position: relative;
z-index: 12;
padding: 20px 0px 20px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-header .header-upper .logo-box .logo {
position: relative;
}
.main-header .header-lower {
position: relative;
background-color: rgba(0, 0, 0, 0.55);
}
.main-menu {
position: static;
float: left;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navbar-collapse {
padding: 0px;
float: left;
display: block;
}
.main-menu .navigation {
position: static;
margin: 0px;
}
.main-menu .navigation > li {
position: relative;
float: left;
margin-right: 25px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li:last-child {
margin-right: 0px;
}
.main-header .header-upper .upper-right {
position: relative;
}
.main-header .header-upper .info-box {
position: relative;
color: #333333;
font-weight: 600;
padding: 22px 0px;
padding-left: 30px;
padding-right: 28px;
margin-right: 30px;
display: inline-block;
border-right: 1px solid #ecebeb;
}
.main-header .header-upper .info-box .icon-box {
position: absolute;
left: 0px;
top: 24px;
color: #091394;
font-size: 20px;
line-height: 1em;
}
.main-header .header-upper .social-box {
position: relative;
float: right;
padding: 21px 0px;
}
.main-menu .navigation > li > a {
position: relative;
display: block;
color: #ffffff;
text-align: center;
line-height: 30px;
text-transform: uppercase;
letter-spacing: 0px;
opacity: 1;
font-weight: 400;
padding: 35px 0px;
font-size: 16px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.header-style-two {
border-color: rgba(0, 0, 0, 0.1);
}
.header-style-two .sticky-header .social-icon-one li a {
color: #ffffff;
}
.header-style-two .social-icon-one li a,
.header-style-two .main-menu .navigation > li > a {
color: #241c1c !important;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a {
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-header.light-version .main-menu .navigation > li:hover > a,
.main-header.light-version .main-menu .navigation > li.current > a {
opacity: 1;
}
.main-menu .navigation > li > ul {
position: absolute;
left: 0px;
top: 100%;
width: 230px;
z-index: 100;
display: none;
opacity: 0;
text-align: left;
visibility: hidden;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
padding: 0px 0px;
background-color: #ffffff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.main-menu .navigation > li > ul:before {
position: absolute;
content: "";
left: 0px;
top: -30px;
width: 100%;
height: 30px;
display: block;
}
.main-menu .navigation > li > ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation > li > ul > li {
position: relative;
width: 100%;
border-bottom: 1px solid #f4f2f2;
}
.main-menu .navigation > li > ul > li:last-child {
border-bottom: none;
}
.main-menu .navigation > li > ul > li > a {
position: relative;
display: block;
padding: 12px 18px;
line-height: 24px;
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
color: #222222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li:hover > a {
color: #ffffff;
padding-left: 30px;
background: #a68a80;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
font-family: "FontAwesome";
content: "\f105";
position: absolute;
right: 15px;
top: 14px;
width: 10px;
height: 20px;
display: block;
color: #ffffff;
line-height: 20px;
font-size: 16px;
font-weight: normal;
text-align: center;
z-index: 5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after {
color: #ffffff;
}
.main-menu .navigation > li > ul > li > ul {
position: absolute;
left: 100%;
top: 100%;
width: 230px;
z-index: 100;
display: none;
text-align: left;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
padding: 0px 0px;
background-color: #ffffff;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation > li > ul > li > ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation > li > ul > li > ul > li {
position: relative;
width: 100%;
border-bottom: 1px solid #f4f2f2;
}
.main-menu .navigation > li > ul > li > ul > li:last-child {
border-bottom: none;
}
.main-menu .navigation > li > ul > li > ul > li > a {
position: relative;
display: block;
padding: 12px 18px;
line-height: 24px;
font-weight: 400;
font-size: 15px;
text-transform: capitalize;
color: #222222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a {
color: #ffffff;
padding-left: 30px;
background: #a68a80;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after {
font-family: "FontAwesome";
content: "\f105";
position: absolute;
right: 10px;
top: 11px;
width: 10px;
height: 20px;
display: block;
color: #272727;
line-height: 20px;
font-size: 16px;
font-weight: normal;
text-align: center;
z-index: 5;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after {
color: #ffffff;
}
.main-menu .navigation > li.dropdown:hover > ul {
visibility: visible;
opacity: 1;
border-top: 0px !important;
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.main-menu .navigation li > ul > li.dropdown:hover > ul {
visibility: visible;
opacity: 1;
top: 0;
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
position: absolute;
right: 10px;
top: 6px;
width: 30px;
height: 30px;
text-align: center;
color: #ffffff;
line-height: 28px;
border: 1px solid #ffffff;
background-size: 20px;
cursor: pointer;
z-index: 5;
display: none;
}
.main-header .header-upper .outer-box .social-icon-one {
margin-top: 18px;
float: left;
}
.main-header.fixed-header {
z-index: 9999;
width: 100%;
border-bottom: 0px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
background-color: #000000;
}
.main-header.header-style-one .main-menu .navbar-collapse {
float: none;
}
.main-header.header-style-one .main-menu .navigation > li {
float: none;
display: inline-block;
}
.main-header .header-upper .outer-box .login-box {
position: relative;
width: 52px;
height: 52px;
float: left;
color: #ffffff;
font-size: 18px;
cursor: pointer;
line-height: 50px;
text-align: center;
border-radius: 50px;
display: inline-block;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.main-header .header-upper .outer-box .sidebar-btn {
position: relative;
width: 52px;
height: 52px;
float: left;
color: #ffffff;
font-size: 18px;
margin-left: 14px;
cursor: pointer;
line-height: 52px;
text-align: center;
border-radius: 50px;
background-color: #05db56;
}
/***
====================================================================
Banner Section
====================================================================
***/
.banner-section {
position: relative;
}
.banner-section .content-box .inner-box {
position: relative;
}
.banner-section .slide-item {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 230px 0px 240px;
}
.banner-section .slide-item .image-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 6000ms linear;
-moz-transition: all 6000ms linear;
-ms-transition: all 6000ms linear;
-o-transition: all 6000ms linear;
transition: all 6000ms linear;
}
.banner-section .active .slide-item .image-layer {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.banner-section .content-box {
position: relative;
}
.banner-section .content-box h1 {
position: relative;
color: #ffffff;
font-weight: 700;
line-height: 1.1em;
margin-top: 25px;
margin-bottom: 15px;
}
.banner-section .content-box .text {
position: relative;
color: #ffffff;
font-size: 30px;
line-height: 1.7em;
margin-top: 10px;
font-weight: 400;
margin-bottom: 30px;
}
.banner-section .owl-nav {
display: none;
}
.banner-section .owl-dots {
position: absolute;
left: 0px;
bottom: 30px;
width: 100%;
text-align: center;
}
.banner-section .owl-dots .owl-dot {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0px 4px;
}
.banner-section .owl-dots .owl-dot span {
position: relative;
display: block;
width: 8px;
height: 8px;
background: #ffffff;
border: 1px solid transparent;
border-radius: 50%;
}
.banner-section .owl-dots .owl-dot.active span {
background: #a68a80;
border-color: #a68a80;
}
.banner-section.style-two .slide-item .text {
font-size: 16px;
font-weight: 400;
max-width: 510px;
letter-spacing: 1px;
}
/***
====================================================================
Mobile Menu
====================================================================
***/
.nav-outer .mobile-nav-toggler {
position: relative;
float: right;
font-size: 40px;
line-height: 50px;
cursor: pointer;
color: #ffffff;
display: none;
}
.mobile-menu {
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right: 30px;
max-width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 999999;
}
.mobile-menu .nav-logo {
position: relative;
padding: 20px 20px;
text-align: left;
}
.mobile-menu .nav-logo img {
max-width: 200px;
}
.mobile-menu-visible {
overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
opacity: 1;
visibility: visible;
}
.mobile-menu .menu-backdrop {
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0.9);
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #ffffff;
padding: 0px 0px;
z-index: 5;
opacity: 0;
visibility: hidden;
border-radius: 0px;
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.7s ease 500ms;
-moz-transition: all 0.7s ease 500ms;
-ms-transition: all 0.7s ease 500ms;
-o-transition: all 0.7s ease 500ms;
transition: all 0.7s ease 500ms;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .close-btn {
position: absolute;
right: 3px;
top: 3px;
line-height: 30px;
width: 30px;
text-align: center;
font-size: 24px;
color: #202020;
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu .close-btn {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.mobile-menu .close-btn:hover {
opacity: 0.5;
}
.mobile-menu .navigation {
position: relative;
display: block;
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .navigation li {
position: relative;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .navigation li > ul > li:last-child {
border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .navigation li > a {
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: 15px;
color: #404040;
text-transform: capitalize;
}
.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a {
color: #a68a80;
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
position: absolute;
right: 0px;
top: 0px;
width: 44px;
height: 44px;
text-align: center;
font-size: 16px;
line-height: 44px;
color: #404040;
cursor: pointer;
z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after {
content: "";
position: absolute;
left: 0px;
top: 10px;
width: 1px;
height: 24px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
display: none;
}
.sticky-header .navbar-header {
display: none;
}
.sticky-header .mobile-nav-toggler {
display: none;
}
.main-header .sticky-header .outer-box {
float: left;
margin-left: 15px;
padding: 26px 0px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
/***
====================================================================
About Section
====================================================================
***/
.about-section {
position: relative;
padding-top: 125px;
padding-bottom: 125px;
}
.about-section .image-column {
position: relative;
}
.about-section .image-column .inner-column {
position: relative;
}
.about-section .image-column .image {
position: relative;
}
.about-section .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.about-section .content-column {
position: relative;
}
.about-section .content-column .inner-column {
position: relative;
padding-left: 10px;
}
.about-section .content-column .title {
position: relative;
color: #a68a80;
font-weight: 500;
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
}
.about-section .content-column h2 {
position: relative;
color: #1c1c1c;
font-weight: 700;
line-height: 1.2em;
margin-top: 10px;
}
.about-section .content-column .text {
position: relative;
color: #aaaaaa;
font-size: 16px;
font-weight: 400;
line-height: 1.8em;
margin-top: 18px;
margin-bottom: 25px;
}
/***
====================================================================
Collection Section
====================================================================
***/
.collection-section {
position: relative;
padding: 100px 0px;
}
.collection-block {
position: relative;
margin-bottom: 30px;
}
.collection-block .inner-box {
position: relative;
}
.collection-block .inner-box .image {
position: relative;
overflow: hidden;
background-color: #735448;
}
.collection-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.collection-block .inner-box:hover .image img {
transform: scale(1.05, 1.05);
opacity: 0.4;
}
.collection-block .inner-box .overlay-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
color: #ffffff;
text-align: center;
}
.collection-block .inner-box .overlay-box .overlay-inner {
position: absolute;
left: 0px;
top: 0px;
width: 101%;
height: 101%;
display: table;
padding: 10px 20px;
vertical-align: middle;
}
.collection-block .inner-box .overlay-box .overlay-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
}
.collection-block .inner-box .overlay-box h3 {
position: relative;
text-align: center;
color: #ffffff;
}
.collection-block .inner-box .overlay-box h3 a {
position: relative;
color: #ffffff;
}
/***
====================================================================
Call To Action Section
====================================================================
***/
.call-to-action-section {
position: relative;
padding: 50px 0px 40px;
text-align: center;
background-color: #bfaca4;
}
.call-to-action-section .save {
position: relative;
color: #735448;
font-weight: 400;
line-height: 1.2em;
font-size: 40px;
text-align: left;
display: inline-block;
text-transform: uppercase;
}
.call-to-action-section .save span {
position: relative;
color: #ffffff;
font-weight: 600;
}
.call-to-action-section .off {
color: #ffffff;
font-weight: 400;
line-height: 1.2em;
font-size: 30px;
font-weight: 700;
padding: 10px 25px;
margin-left: 25px;
top: -30px;
letter-spacing: 1px;
display: inline-block;
background-color: #000000;
text-transform: uppercase;
}
.call-to-action-section .content {
position: relative;
display: inline-block;
}
/***
====================================================================
Week Section
====================================================================
***/
.week-section {
position: relative;
padding: 50px 0;
background:#F2F2F2;
}
.week-section .inner-container {
position: relative;
max-width: 800px;
margin: 0 auto;
}
.week-section .image-column {
position: relative;
}
.week-section .image-column .inner-column {
position: relative;
}
.week-section .image-column .image {
position: relative;
display: inline-block;
}
.week-section .image-column .image img {
position: relative;
overflow: hidden;
width: 150px;
height: 150px;
}
.week-section .content-column {
position: relative;
}
.week-section .content-column .inner-column {
position: relative;
text-align: center;
}
.week-section .content-column h1 {
position: relative;
color: #000000;
font-weight: 400;
font-size:32px;
line-height: 1em;
text-align: left;
display: inline-block;
font-family: "Playfair Display", serif;
}
.week-section .content-column h1 span {
color: #bfaca4;
display: block;
margin-left: 45px;
}
.week-section .content-column .text {
position: relative;
padding: 10px 0px;
color: #000000;
font-size: 15px;
margin-top: 15px;
margin-bottom: 25px;
border-top: 1px solid #bfaca4;
border-bottom: 1px solid #bfaca4;
}
.week-section .content-column .text span {
color: #bfaca4;
}
/***
====================================================================
Blog Section
====================================================================
***/
.blog-section {
position: relative;
padding: 50px 0;
}
.blog-section .pattern-layer {
position: absolute;
left: 0px;
top: 30px;
width: 100%;
height: 625px;
background-repeat: no-repeat;
}
.news-block {
position: relative;
margin-bottom: 40px;
}
.news-block .inner-box {
position: relative;
}
.news-block .inner-box .image {
position: relative;
overflow: hidden;
background-color: #bfaca4;
}
.news-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.news-block .inner-box:hover .image img {
transform: scale(1.05, 1.05);
opacity: 0.4;
}
.news-block .inner-box .lower-box {
position: relative;
padding: 20px 0px 18px;
border-bottom: 1px solid #bfaca4;
}
.news-block .inner-box .lower-box h5 {
position: relative;
font-weight: 400;
line-height: 1.3em;
}
.news-block .inner-box .lower-box h5 a {
position: relative;
color: #bfaca4;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section {
position: relative;
padding: 90px 0px 150px;
}
/* Testimonial Block One */
.testimonial-block-one {
position: relative;
}
.testimonial-block-one .inner-box {
position: relative;
text-align: center;
}
.testimonial-block-one .inner-box .quote-icon {
position: relative;
color: #d3ccba;
font-size: 40px;
line-height: 1em;
margin-bottom: 20px;
}
.testimonial-block-one .inner-box .text {
position: relative;
color: #1c1c1c;
font-size: 16px;
max-width: 680px;
margin: 0 auto;
margin-top: 0px;
line-height: 1.8em;
}
.testimonial-section .client-thumb-outer {
position: relative;
max-width: 400px;
margin: 0 auto;
overflow: hidden;
padding: 40px 0px 0px;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel {
position: relative;
max-width: 90px;
margin: 0 auto;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel .owl-stage-outer {
overflow: visible;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel .thumb-item {
position: relative;
width: 88px;
cursor: pointer;
border-radius: 50%;
}
.testimonial-section .client-thumbs-carousel .thumb-item .thumb-content {
position: relative;
text-align: center;
margin-top: 15px;
opacity: 0;
margin-left: -30px;
margin-right: -30px;
}
.testimonial-section .client-thumbs-carousel .thumb-item .thumb-content h3 {
font-size: 16px;
font-weight: 600;
color: #1c1c1c;
}
.testimonial-section .client-thumbs-carousel .thumb-item .thumb-content .designation {
color: #666666;
font-size: 13px;
margin-top: 3px;
text-transform: uppercase;
}
.testimonial-section .client-thumb-outer .thumb-item .thumb-box {
width: 88px;
height: 88px;
cursor: pointer;
border-radius: 50%;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel .thumb-item img {
overflow: hidden;
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
border: 2px solid transparent;
}
.testimonial-section .owl-item.active .thumb-item .thumb-box img {
opacity: 1;
border: 2px solid #a68a80;
}
.testimonial-section .owl-item.active .thumb-content {
opacity: 1;
}
.testimonial-section .owl-nav {
position: absolute;
left: 0px;
top: 40px;
width: 100%;
}
.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next {
display: inline-block;
color: #292b2c;
width: 40px;
height: 40px;
font-size: 20px;
line-height: 38px;
text-align: center;
border: 1px solid #cccccc;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover {
background-color: #a68a80;
color: #ffffff;
border-color: #a68a80;
}
.testimonial-section .owl-nav .owl-prev {
position: absolute;
left: 50px;
}
.testimonial-section .owl-nav .owl-next {
position: absolute;
right: 50px;
}
/***
====================================================================
Booking Section
====================================================================
***/
.booking-section {
position: relative;
padding: 0px 0px 90px;
background-attachment: fixed;
background-size: cover;
background-position: center center;
}
.booking-section .contact-column {
position: relative;
}
.booking-section .contact-column .inner-column {
position: relative;
padding: 50px 50px;
margin-right: 90px;
margin-top: -60px;
background-color: #ffffff;
outline: 1px dashed #ffcee2;
outline-offset: -20px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.booking-section .contact-column h3 {
position: relative;
font-weight: 500;
color: #a68a80;
margin-bottom: 15px;
line-height: 1.3em;
}
.booking-section .contact-column ul {
position: relative;
}
.booking-section .contact-column ul li {
position: relative;
margin-bottom: 15px;
color: #393939;
font-size: 16px;
line-height: 1.7em;
}
.booking-section .contact-column ul li:last-child {
margin-bottom: 0px;
}
.booking-section .contact-column ul li span {
position: relative;
display: block;
font-weight: 500;
margin-bottom: 10px;
}
.booking-section .contact-column ul li a {
position: relative;
color: #393939;
}
.booking-section .content-column {
position: relative;
}
.booking-section .content-column .inner-column {
position: relative;
padding-top: 80px;
}
.booking-section .content-column h2 {
position: relative;
line-height: 1.2em;
color: #242424;
font-weight: 500;
}
.booking-section .content-column .text {
position: relative;
color: #242424;
opacity: 0.9;
margin-top: 18px;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 30px;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer {
position: relative;
padding: 75px 0px 40px;
background-color: #f2f2f2;
}
.main-footer .footer-widget {
margin-bottom: 30px;
}
.main-footer .footer-widget h5 {
position: relative;
font-weight: 500;
color: #393939;
margin-bottom: 18px;
text-transform: capitalize;
}
.main-footer .logo-widget {
position: relative;
}
.main-footer .logo-widget .logo {
position: relative;
margin-bottom: 12px;
}
.main-footer .logo-widget .text {
position: relative;
font-size: 15px;
color: #3c3746;
opacity: 0.8;
font-weight: 400;
line-height: 1.7em;
margin-bottom: 25px;
}
.main-footer .logo-widget .social-nav {
position: relative;
}
.main-footer .logo-widget .social-nav li {
position: relative;
margin-right: 8px;
display: inline-block;
}
.main-footer .logo-widget .social-nav li a {
position: relative;
width: 50px;
height: 50px;
color: #ccc9c9;
font-size: 18px;
line-height: 50px;
text-align: center;
border-radius: 50px;
display: inline-block;
background-color: #ffffff;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-footer .logo-widget .social-nav li a:hover {
color: #ffffff;
background-color: #a68a80;
}
.main-footer .copyright {
position: relative;
color: #393939;
font-size: 16px;
margin-top: 60px;
display: block;
}
/* Newsletter Form */
.main-footer .newsletter-form .form-group {
position: relative;
display: block;
margin-bottom: 10px;
}
.main-footer .newsletter-form .form-group input[type="text"],
.main-footer .newsletter-form .form-group input[type="email"] {
position: relative;
display: block;
width: 100%;
line-height: 26px;
padding: 10px 20px;
height: 55px;
font-size: 15px;
color: #000000;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .newsletter-form .form-group button {
cursor: pointer;
margin-top: 10px;
}
/* Footer List */
.main-footer .footer-list {
position: relative;
}
.main-footer .footer-list li {
position: relative;
margin-bottom: 5px;
}
.main-footer .footer-list li a {
position: relative;
font-size: 16px;
color: #393939;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .footer-list li a:hover {
color: #a68a80;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title {
position: relative;
padding: 200px 0px 100px;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: right center;
}
.page-title:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(255, 255, 255, 0.8);
}
.page-title h1 {
position: relative;
color: #1c1c1c;
font-weight: 700;
line-height: 1.3em;
font-size: 40px;
}
.page-title .text {
position: relative;
color: #a9877d;
font-weight: 400;
line-height: 1.7em;
font-size: 16px;
letter-spacing: 1px;
margin-bottom: 10px;
text-transform: uppercase;
}
.page-title.style-two:before {
background-color: rgba(23, 23, 23, 0.8);
}
.page-title.style-two {
text-align: center;
}
.page-title.style-two h1 {
color: #ffffff;
}
/***
====================================================================
Brought Section
====================================================================
***/
.brought-section {
position: relative;
}
.brought-section .image-outer {
position: relative;
}
.brought-section .image .content-box {
position: absolute;
right: 10%;
top: 60px;
max-width: 700px;
width: 100%;
float: right;
display: block;
padding: 60px 50px 40px;
display: block;
z-index: 1;
background-color: #ffffff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.brought-section .image .content-box .title {
position: relative;
color: #9f9c9b;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
}
.brought-section .image .content-box h2 {
position: relative;
color: #a68a80;
font-weight: 400;
line-height: 1.2em;
margin-top: 15px;
font-family: "Playfair Display", serif;
}
.brought-section .image .content-box p {
position: relative;
color: #aaaaaa;
line-height: 1.8em;
margin-top: 25px;
font-size: 16px;
}
/***
====================================================================
We Do Section
====================================================================
***/
.we-do-section {
position: relative;
padding: 100px 0px;
}
.we-do-block {
position: relative;
margin-bottom: 30px;
}
.we-do-block .inner-box {
position: relative;
}
.we-do-block .inner-box .image {
position: relative;
overflow: hidden;
width: 270px;
height: 270px;
border-radius: 50%;
}
.we-do-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.we-do-block .inner-box:hover .image img {
transform: scale(1.05, 1.05);
opacity: 0.4;
}
.we-do-block .inner-box .overlay-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
color: #ffffff;
text-align: center;
border-radius: 50%;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
background-color: rgba(255, 255, 255, 0.8);
}
.we-do-block .inner-box .overlay-box:before {
position: absolute;
content: "";
left: 15px;
top: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
border-bottom: 1px dashed rgba(181, 159, 151, 0.8);
border-top: 1px dashed rgba(181, 159, 151, 0.8);
border-right: 1px dashed rgba(181, 159, 151, 0.8);
border-left: 1px dashed rgba(181, 159, 151, 0.8);
}
.we-do-block .inner-box:hover .overlay-box {
background-color: rgba(181, 159, 151, 0.8);
}
.we-do-block .inner-box:hover .overlay-box:before {
border-color: rgba(255, 255, 255, 0.8);
}
.we-do-block .inner-box .overlay-box .overlay-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
padding: 10px 15px;
vertical-align: middle;
}
.we-do-block .inner-box .overlay-box .overlay-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
}
.we-do-block .inner-box .overlay-box h4 {
position: relative;
text-align: center;
color: #2d2d2d;
}
.we-do-block .inner-box .overlay-box h4 a {
position: relative;
color: #2d2d2d;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.we-do-block .inner-box:hover .overlay-box h4 a {
color: #ffffff;
}
.we-do-section .weds-blog {
position: relative;
color: #a09f9f;
font-size: 20px;
margin-top: 30px;
font-weight: 300;
text-decoration: underline;
}
.we-do-section .weds-blog span {
font-weight: 500;
}
/***
====================================================================
Video Section
====================================================================
***/
.video-section {
position: relative;
}
/*Video Box*/
.video-section .video-box {
position: relative;
z-index: 1;
}
.video-section .video-box .image {
position: relative;
overflow: hidden;
margin: 0px;
}
.video-section .video-box .image img {
position: relative;
width: 100%;
}
.video-section .video-box .overlay-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
line-height: 80px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(166, 138, 128, 0.5);
}
.video-section .video-box .overlay-box span {
position: absolute;
width: 80px;
height: 80px;
left: 50%;
top: 50%;
z-index: 99;
color: #a68a80;
font-weight: 400;
font-size: 24px;
text-align: center;
border-radius: 50%;
padding-left: 4px;
background-color: #ffffff;
display: inline-block;
margin-top: -40px;
margin-left: -40px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
.video-section .video-box .ripple,
.video-section .video-box .ripple:before,
.video-section .video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-section .video-box .ripple:before {
-webkit-animation-delay: 0.9s;
-moz-animation-delay: 0.9s;
-ms-animation-delay: 0.9s;
-o-animation-delay: 0.9s;
animation-delay: 0.9s;
content: "";
position: absolute;
}
.video-section .video-box .ripple:after {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
/***
====================================================================
Collection Section Two
====================================================================
***/
.collection-section-two {
position: relative;
padding: 110px 0px 0px;
}
.collection-section-two.style-two {
padding-top: 60px;
}
.collection-block-section {
position: relative;
padding: 100px 0px 70px;
background-position: center center;
background-repeat: no-repeat;
}
.collection-block-section .inner-container {
position: relative;
max-width: 900px;
margin: 0 auto;
}
.collection-block-two {
position: relative;
}
.collection-block-two .inner-box {
position: relative;
min-height: 230px;
padding-top: 85px;
padding-left: 300px;
}
.collection-block-two .inner-box .image {
position: absolute;
left: 0px;
top: 0px;
width: 230px;
height: 230px;
overflow: hidden;
border-radius: 50%;
}
.collection-block-two .inner-box .text {
position: relative;
color: #000000;
font-size: 20px;
line-height: 1.7em;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section {
position: relative;
padding: 95px 0px 90px;
background-position: center top;
background-repeat: no-repeat;
}
.services-section .inner-container {
position: relative;
}
.services-section .button-box {
margin-top: 20px;
}
/* Services Block */
.service-block {
position: relative;
margin-bottom: 30px;
}
.service-block .inner-box {
position: relative;
}
.service-block .inner-box .image {
position: relative;
border-radius: 5px;
overflow: hidden;
background-color: #a68a80;
}
.service-block .inner-box .image img {
position: relative;
width: 100%;
transform: scale(1.06, 1.06);
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.service-block .inner-box:hover .image img {
transform: scale(1, 1);
opacity: 0.5;
}
.service-block .inner-box .lower-box {
position: relative;
padding-top: 25px;
}
.service-block .inner-box .lower-box h5 {
position: relative;
line-height: 1.3em;
}
.service-block .inner-box .lower-box h5 a {
position: relative;
color: #241c1c;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section-two {
position: relative;
padding-bottom: 70px;
}
.testimonial-section-two .owl-dots,
.testimonial-section-two .owl-nav {
display: none;
}
.testimonial-section-two .testimonial-carousel {
margin: 0px -15px;
width: auto;
}
.testimonial-section-two .testimonial-block-two {
margin: 30px 18px 30px;
}
.testimonial-block-two {
position: relative;
margin-bottom: 30px;
}
.testimonial-block-two .inner-box {
position: relative;
text-align: center;
}
.testimonial-block-two .inner-box .upper-content {
position: relative;
border-radius: 8px;
padding: 60px 30px 100px;
background-color: #fff8f5;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
.testimonial-block-two .inner-box .upper-content .text {
position: relative;
color: #1c1c1c;
font-size: 20px;
line-height: 1.6em;
}
.testimonial-block-two .inner-box .lower-content {
position: relative;
margin-top: -60px;
}
.testimonial-block-two .inner-box .lower-content .author-image {
position: relative;
width: 106px;
height: 106px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
}
.testimonial-block-two .inner-box .lower-content .author-name {
position: relative;
color: #1c1c1c;
font-size: 16px;
font-weight: 400;
margin-top: 18px;
}
/***
====================================================================
Booking Section
====================================================================
***/
.call-to-action-two-section {
position: relative;
text-align: center;
padding: 90px 0px 90px;
background-attachment: fixed;
background-size: cover;
background-position: center center;
}
.call-to-action-two-section h2 {
position: relative;
line-height: 1.2em;
color: #242424;
font-weight: 500;
}
.call-to-action-two-section .text {
position: relative;
color: #242424;
opacity: 0.9;
margin-top: 18px;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 30px;
}
.call-to-action-two-section.style-two:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(51, 31, 24, 0.7);
}
.call-to-action-two-section.style-two .text,
.call-to-action-two-section.style-two h2 {
color: #ffffff;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section {
position: relative;
padding: 95px 0px 70px;
}
.team-member {
position: relative;
margin-bottom: 40px;
}
.team-member .inner-box {
position: relative;
}
.team-member .inner-box .image-box {
position: relative;
max-width: 288px;
height: 288px;
margin: 0 auto;
border-radius: 50%;
overflow: hidden;
}
.team-member .inner-box .image-box .image {
position: relative;
}
.team-member .inner-box .image-box .overlay-box {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 14px;
display: block;
border-radius: 50%;
border: 15px solid transparent;
opacity: 0;
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
.team-member .inner-box .image-box .overlay-box .inner {
position: absolute;
padding-top: 50%;
text-align: center;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
overflow: hidden;
background-color: rgba(169, 135, 125, 0.8);
}
.team-member .inner-box .image-box img {
width: 100%;
display: block;
border-radius: 50%;
}
.team-member .inner-box .lower-content {
position: relative;
text-align: center;
padding-top: 5px;
}
.team-member .inner-box .lower-content h3 {
position: relative;
color: #1c1c1c;
font-size: 20px;
margin-bottom: 5px;
font-weight: 600;
}
.team-member .inner-box .lower-content .designation {
position: relative;
color: #1c1c1c;
font-size: 14px;
opacity: 0.8;
}
.team-member .inner-box:hover .image-box .overlay-box {
opacity: 1;
}
.team-member .inner-box .social-icon-one li a:hover {
color: #000000;
}
/***
====================================================================
Price Section
====================================================================
***/
.price-section {
position: relative;
padding: 95px 0px 70px;
}
.price-block {
position: relative;
margin-bottom: 30px;
}
.price-block .inner-box {
position: relative;
text-align: center;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.price-block .inner-box .title-box {
position: relative;
padding: 20px 15px;
background-color: #f5eeeb;
}
.price-block .inner-box .title-box .title-text {
position: relative;
font-size: 26px;
color: #1c1c1c;
font-size: 26px;
font-family: "Playfair Display", serif;
}
.price-block .inner-box .lower-content {
position: relative;
padding: 35px 30px;
}
.price-block .inner-box .lower-content .price-title {
position: relative;
color: #4f4f4f;
font-size: 18px;
}
.price-block .inner-box .lower-content .price {
position: relative;
color: #a68a80;
font-size: 60px;
font-weight: 700;
line-height: 1em;
margin-top: 25px;
}
.price-block .inner-box .lower-content ul {
position: relative;
padding-top: 25px;
margin-bottom: 60px;
}
.price-block .inner-box .lower-content ul li {
position: relative;
margin-bottom: 12px;
color: #4f4f4f;
font-size: 18px;
}
.pricing-section {
position: relative;
padding: 95px 0px 70px;
}
.price-block-two {
position: relative;
margin-bottom: 30px;
}
.price-block-two .inner-box {
position: relative;
text-align: center;
padding-top: 185px;
padding-bottom: 166px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.price-block-two .inner-box h4 {
position: relative;
color: #1c1c1c;
line-height: 1.4em;
font-family: "Playfair Display", serif;
}
.price-block-two .inner-box .text {
position: relative;
color: #4f4f4f;
font-size: 16px;
line-height: 1.6em;
margin-top: 15px;
margin-bottom: 50px;
}
/***
====================================================================
Services Page Section
====================================================================
***/
.service-page-section {
position: relative;
padding: 95px 0px 10px 0px;
}
.service-page-section .button-box {
position: relative;
margin-top: 80px;
}
.service-block-two {
position: relative;
margin-bottom: 40px;
}
.service-block-two .inner-box {
position: relative;
}
.service-block-two .inner-box .image-column {
position: relative;
}
.service-block-two .inner-box .image-column .inner-column {
position: relative;
}
.service-block-two .inner-box .image-column .image {
position: relative;
}
.service-block-two .inner-box .image-column .image:before {
position: absolute;
content: "";
left: 15px;
top: 15px;
right: -15px;
bottom: -15px;
background-color: #e7e7e7;
}
.service-block-two .inner-box .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.service-block-two .inner-box .content-column {
position: relative;
}
.service-block-two .inner-box .content-column .inner-column {
position: relative;
padding-left: 50px;
padding-right: 100px;
}
.service-block-two .content-column h2 {
position: relative;
font-weight: 700;
line-height: 1.3em;
font-size: 34px;
}
.service-block-two .content-column h3 {
position: relative;
margin-bottom: 20px;
line-height: 1.3em;
font-size: 24px;
}
.service-block-two .content-column h2 a {
position: relative;
color: #a88d84;
}
.service-block-two .content-column .text {
position: relative;
color: #1c1c1c;
font-size: 16px;
line-height: 1.8em;
margin-top: 15px;
opacity: 0.8;
margin-bottom: 35px;
text-align:justify;
}
.service-block-two .content-column ul {
position: relative;
margin-left: 40px;
margin-bottom: 40px;
}
.service-block-two .content-column ul li {
position: relative;
padding-left: 26px;
color: #a68a80;
font-size: 16px;
margin-bottom: 10px;
}
.service-block-two .content-column ul li:before {
position: absolute;
content: "\f00c";
left: 0px;
top: 0px;
font-size: 16px;
font-family: "FontAwesome";
}
/* Services Block Three */
.service-block-three {
position: relative;
margin-bottom: 40px;
}
.service-block-three .inner-box {
position: relative;
}
.service-block-three .inner-box .image-column {
position: relative;
}
.service-block-three .inner-box .image-column .inner-column {
position: relative;
}
.service-block-three .inner-box .image-column .image {
position: relative;
}
.service-block-three .inner-box .image-column .image:before {
position: absolute;
content: "";
left: 15px;
top: 15px;
right: -15px;
bottom: -15px;
background-color: #e7e7e7;
}
.service-block-three .inner-box .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.service-block-three .inner-box .content-column {
position: relative;
}
.service-block-three .inner-box .content-column .inner-column {
position: relative;
padding-top: 120px;
padding-left: 50px;
}
.service-block-three .inner-box .image-column .image img{
position:relative;
width:100%;
display:block;
}
.service-block-three .inner-box .content-column{
position:relative;
}
.service-block-three .inner-box .content-column .inner-column{
position:relative;
padding-top:120px;
padding-left:50px;
}
.service-block-three .content-column h2{
position:relative;
font-weight:700;
line-height:1.3em;
}
.service-block-three .content-column h2 a{
position:relative;
color:#a88d84;
}
.service-block-three .content-column .text{
position:relative;
color:#1c1c1c;
font-size:16px;
line-height:1.8em;
margin-top:15px;
opacity:0.8;
margin-bottom:35px;
}
.service-block-three .content-column ul{
position:relative;
margin-left:40px;
margin-bottom:40px;
}
.service-block-three .content-column ul li{
position:relative;
padding-left:26px;
color:#a68a80;
font-size:16px;
margin-bottom:10px;
}
.service-block-three .content-column ul li:before{
position:absolute;
content:'\f00c';
left:0px;
top:0px;
font-size:16px;
font-family: 'FontAwesome';
}
/***
====================================================================
Blog Page Section
====================================================================
***/
.blog-page-section{
position:relative;
padding:95px 0px 100px;
}
.news-block-two{
position:relative;
padding-bottom:50px;
margin-bottom:50px;
border-bottom:1px solid #e8e8e8;
}
.news-block-two .inner-box{
position:relative;
}
.news-block-two .inner-box .image-column{
position:relative;
}
.news-block-two .inner-box .image-column .inner-column{
position:relative;
}
.news-block-two .inner-box .image-column .image{
position:relative;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.news-block-two .inner-box .image-column .image img{
position:relative;
width:100%;
display:block;
}
.news-block-two .inner-box .content-column{
position:relative;
}
.news-block-two .inner-box .content-column .inner-column{
position:relative;
padding-top:50px;
}
.news-block-two .inner-box .content-column .post-date{
position:relative;
padding-left:24px;
color:#1c1c1c;
font-size:13px;
}
.news-block-two .inner-box .content-column .post-date:before{
position:absolute;
content:'\f017';
left:0px;
top:0px;
font-family: 'FontAwesome';
}
.news-block-two .inner-box .content-column h3{
position:relative;
line-height:1.3em;
font-weight:400;
margin-top:10px;
font-family: 'Playfair Display', serif;
}
.news-block-two .inner-box .content-column h3 a{
position:relative;
color:#1c1c1c;
}
.news-block-two .inner-box .content-column .text{
position:relative;
color:#6d6b6b;
font-size:16px;
opacity:0.8;
font-weight:300;
line-height:1.7em;
margin-top:20px;
display:block;
margin-bottom:20px;
}
.news-block-two .inner-box .content-column .shared-boxed{
position: relative;
top:-7px;
margin-left:5px;
display:inline-block;
}
.news-block-two .inner-box .content-column .shared-boxed:hover .shared-inner{
width:100%;
}
.news-block-two .inner-box .content-column .shared-boxed .shared-inner{
position:relative;
color: #ffffff;
font-size: 16px;
display: inline-block;
padding:8px 13px 8px;
overflow:hidden;
width:40px;
height:40px;
background-color:#a68a80;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.news-block-two .inner-box .content-column .shared-boxed .shared-inner a{
position:relative;
color:#ffffff;
margin:0px 8px 3px;
font-size:16px;
float:left;
opacity:0;
visibility:hidden;
}
.news-block-two .inner-box .content-column .shared-boxed:hover .shared-inner a{
opacity:1;
visibility:visible;
}
.news-block-two .inner-box .content-column .shared-boxed .shared-inner .share-now{
position:relative;
width:30px;
margin-bottom:4px;
float:left;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
/* Related News Section */
.related-news-section{
position:relative;
padding-bottom:70px;
}
.related-news-section .owl-dots{
display:none;
}
.related-news-section .owl-nav{
position:absolute;
left:-28px;
top:50%;
right:-28px;
margin-top:-80px;
}
.related-news-section .owl-nav .owl-prev{
position:absolute;
left:0px;
width:55px;
height:55px;
color:#ffffff;
font-size:22px;
line-height:55px;
text-align:center;
border-radius:50px;
display:inline-block;
background-color:#d7d7d7;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.related-news-section .owl-nav .owl-next{
position:absolute;
right:0px;
width:55px;
height:55px;
color:#ffffff;
font-size:22px;
line-height:55px;
text-align:center;
border-radius:50px;
display:inline-block;
background-color:#d7d7d7;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.related-news-section .owl-nav .owl-prev:hover,
.related-news-section .owl-nav .owl-next:hover{
background-color:#a68a80;
}
.news-block-three{
position:relative;
padding-bottom:30px;
}
.news-block-three .inner-box{
position:relative;
}
.news-block-three .inner-box .image{
position:relative;
}
.news-block-three .inner-box .image{
position:relative;
border-radius:8px;
overflow:hidden;
background-color:#a68a80;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.news-block-three .inner-box .image img{
position:relative;
width:100%;
display:block;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.news-block-three .inner-box:hover .image img{
transform:scale(1.05,1.05);
opacity:0.5;
}
.news-block-three .inner-box .lower-content{
position:relative;
text-align:center;
padding-top:15px;
}
.news-block-three .inner-box .lower-content .post-date{
position:relative;
color:#1c1c1c;
font-size:13px;
margin-top:8px;
}
.news-block-three .inner-box .lower-content h4{
position:relative;
line-height:1.3em;
font-weight:400;
margin-top:10px;
font-family: 'Playfair Display', serif;
}
.news-block-three .inner-box .lower-content h4 a{
position:relative;
color:#1c1c1c;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.news-block-three .inner-box .lower-content h4 a:hover{
color:#a68a80;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:100px 0px 60px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
.sidebar-page-container .sidebar-side .padd-left{
margin-left:20px;
}
.sidebar-page-container .sidebar-side .sidebar-inner{
position:relative;
padding:25px 25px;
border-radius:8px;
box-shadow:0px 0px 18px rgba(0,0,0,0.10);
}
.sticky-top{
top:110px;
}
/*Sidebar Widget*/
.sidebar-widget{
position: relative;
margin-bottom: 35px;
}
.sidebar-widget:last-child{
margin-bottom:0px;
}
/*Search Box Widget*/
.sidebar .search-box .form-group{
position:relative;
margin:0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
position:relative;
line-height:38px;
padding:10px 10px 10px 55px;
display:block;
font-size:14px;
width:100%;
height:50px;
border-radius:0px;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
box-shadow:0px 5px 10px rgba(0,0,0,0.10);
}
.sidebar .search-box .form-group button{
position:absolute;
left:0px;
top:0px;
height:50px;
width:60px;
display:block;
font-size:16px;
color:#272626;
cursor:pointer;
line-height:100%;
font-weight:normal;
background:none;
}
/* Sidebar Title */
.sidebar-title{
position:relative;
margin-bottom:20px;
}
.sidebar-title h3{
position: relative;
color: #1c1c1c;
font-size: 20px;
font-weight: 600;
line-height: 1.3em;
text-transform: capitalize;
}
/* News Detail */
.news-detail{
position:relative;
}
.news-detail .inner-box{
position:relative;
}
.news-detail .inner-box .image{
position:relative;
overflow:hidden;
}
.news-detail .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.news-detail .inner-box .image:before{
position: absolute;
top: 0;
left: -100%;
z-index: 2;
display: block;
content: '';
width: 75%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,.4) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(0,0,0,.4) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.news-detail .inner-box .image:hover::before{
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.news-detail .inner-box .lower-content{
position:relative;
padding:30px 0px 40px;
}
.news-detail .inner-box .lower-content h3{
position:relative;
color:#1c1c1c;
line-height:1.3em;
font-weight:600;
margin-top:8px;
margin-bottom:20px;
font-family: 'Playfair Display', serif;
}
.news-detail .inner-box .lower-content p{
position:relative;
color:#1c1c1c;
opacity:0.88;
font-size:16px;
line-height:1.7em;
margin-bottom:15px;
}
.news-detail .inner-box .lower-content .middle-image{
margin-top:30px;
margin-bottom:30px;
}
.news-detail .inner-box .lower-content .two-column{
position:relative;
margin-top:30px;
}
.news-detail .inner-box .lower-content .two-column .row{
margin:0px -5px;
}
.news-detail .inner-box .lower-content .two-column .image-column{
position:relative;
padding:0px 5px;
}
.news-detail .inner-box .post-share-options{
position:relative;
margin-top: 10px;
}
.news-detail .inner-box .post-share-options .tags a{
position:relative;
color:#2f2f2f;
font-size:18px;
font-weight:400;
line-height: 1em;
margin-right: 6px;
display: inline-block;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-detail .inner-box .post-share-options .tags a:last-child{
border-right:none;
margin-right: 0px;
padding-right: 0px;
}
.news-detail .inner-box .post-share-options .tags{
position:relative;
color:#2f2f2f;
font-size:14px;
font-weight:400;
margin-top:12px;
margin-left:45px;
padding-right:30px;
}
.news-detail .inner-box .post-share-options .tags:before{
position:absolute;
content:'\f0e5';
right:0px;
top:-2px;
font-family: 'FontAwesome';
}
.news-detail .inner-box .post-share-options .tags a:hover{
color:#8e726a;
}
.news-detail .inner-box .post-share-options .social-box{
position:relative;
}
.news-detail .inner-box .post-share-options .social-box .share{
position:relative;
color:#000000;
font-size:16px;
margin-right:6px;
font-weight:500;
}
.news-detail .inner-box .post-share-options .social-box li{
position:relative;
margin-right:8px;
display:inline-block;
}
.news-detail .inner-box .post-share-options .social-box li a{
position:relative;
width:44px;
height:44px;
font-size:16px;
color:#ffffff;
line-height:44px;
text-align:center;
display:inline-block;
border-radius:50px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-detail .inner-box .post-share-options .social-box li.facebook a{
background-color:#3b5999;
}
.news-detail .inner-box .post-share-options .social-box li.pinterest a{
background-color:#fc5f70;
}
.news-detail .inner-box .post-share-options .social-box li.twitter a{
background-color:#55acee;
}
.news-detail .inner-box .post-share-options .social-box li.google a{
background-color:#dd4b39;
}
.news-detail .inner-box .post-share-options .social-box li.linkedin a{
background-color:#0077b5;
}
.news-detail .new-posts{
position:relative;
padding:30px 30px;
margin-top:70px;
background-color:#f0f0f0;
}
.news-block-four{
position:relative;
}
.news-block-four .inner-box{
position:relative;
}
.news-block-four .inner-box .image{
position:relative;
}
.news-block-four .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.news-block-four .inner-box .lower-box{
position:relative;
padding:22px 22px;
background-color:#ffffff;
}
.news-block-four .inner-box .lower-box h5{
position:relative;
line-height:1.4em;
}
.news-block-four .inner-box .lower-box h5 a{
position:relative;
color:#6f6f6f;
font-size:16px;
}
.comments-area{
padding-top:50px;
}
.sidebar-page-container .group-title{
position:relative;
}
.sidebar-page-container .group-title h4{
position:relative;
color:#0b0f18;
font-weight:700;
margin-bottom:25px;
text-transform:capitalize;
}
/* Comment Box */
.comment-box{
position:relative;
margin-bottom:30px;
padding:30px 30px 30px;
box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}
.comment-box:last-child{
margin-bottom:0px;
}
.comment-box.reply-comment{
position:relative;
margin-left:90px;
}
.comment-box .comment{
position:relative;
padding-left:120px;
}
.comment-box .comment .author-thumb{
position:absolute;
left:0px;
top:0px;
width:100px;
height:100px;
overflow:hidden;
border-radius:50%;
}
.comment-box .comment .comment-info{
position:relative;
color:#333333;
font-size:18px;
margin-bottom:5px;
display:inline-block;
}
.comment-box .comment .comment-info .comment-time{
position:relative;
color:#101010;
font-size:14px;
margin-top:4px;
opacity:0.8;
margin-left:40px;
display:inline-block;
}
.comment-box .comment .comment-info strong{
font-weight:400;
}
.comment-box .comment .post-date{
position:relative;
color:#999999;
font-size:11px;
font-weight:600;
letter-spacing:1px;
line-height:1em;
margin-bottom:8px;
text-transform:uppercase;
}
.comment-box .comment .text{
position:relative;
color:#1c1c1c;
font-size:14px;
margin-top:12px;
line-height:1.8em;
}
.comment-box .comment .reply-btn{
position:relative;
right:0px;
top:0px;
color:#2f2f2f;
font-size:13px;
font-weight:400;
padding:10px 18px;
line-height:1em;
border-radius:3px;
display:inline-block;
letter-spacing:1px;
margin-top:18px;
text-transform:capitalize;
background-color:#eeeae8;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.comment-box .comment .reply-btn:hover{
color:#ffffff;
background-color:#8e726a;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form{
margin-top:60px;
}
.comment-form .group-title h2{
margin-bottom:50px;
color:#222222;
}
.comment-form .form-group{
margin-bottom:30px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 25px;
color:#888888;
border:1px solid #dddddd;
height:50px;
font-size:14px;
background:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
border-color:#8e726a;
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 25px 15px;
color:#888888;
border:1px solid #dddddd;
height:185px;
background:#ffffff;
resize:none;
font-size:14px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .theme-btn{
position:relative;
cursor:pointer;
text-transform:capitalize;
}
/* Instagram Widget */
.instagram-widget .post-thumb{
position:relative;
width:25%;
float:left;
margin:0px 0px 0px;
}
.instagram-widget .post-thumb .overlay-box{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
color: #ffffff;
font-size: 18px;
opacity: 0;
text-align: center;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(142,114,106,0.70);
}
.instagram-widget .post-thumb .overlay-box .fa{
top: 50%;
position: relative;
margin-top: -12px;
display: block;
}
.instagram-widget .post-thumb:hover .overlay-box{
opacity:1;
}
.instagram-widget .post-thumb img{
display:block;
width:100%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
/* Post Widget */
.sidebar .popular-posts .post{
position:relative;
font-size:14px;
color:#666666;
padding:0px 0px;
padding-left:90px;
min-height:70px;
padding-top:10px;
margin-bottom:20px;
}
.sidebar .popular-posts .post:last-child{
margin-bottom:0px;
}
.sidebar .popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:70px;
overflow:hidden;
border-radius:50%;
}
.sidebar .popular-posts .post .post-thumb .overlay-box{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
color: #8e726a;
font-size: 18px;
opacity: 0;
text-align: center;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(51,51,51,0.70);
}
.sidebar .popular-posts .post .post-thumb .overlay-box .fa{
top: 50%;
position: relative;
margin-top: -12px;
display: block;
}
.sidebar .popular-posts .post:hover .post-thumb .overlay-box{
opacity:1;
}
.sidebar .popular-posts .post .post-thumb img{
display:block;
width:100%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post .text{
position:relative;
top:0px;
font-size:16px;
margin:0px 0px 0px;
font-weight:500;
color:#0b0f18;
line-height:1.5em;
text-transform:capitalize;
}
.sidebar .popular-posts .post .text a{
color:#0b0f18;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post a:hover{
color:#8e726a;
}
.sidebar .popular-posts .post-info{
position:relative;
font-size:13px;
color:#0b0f18;
font-weight:300;
}
.archive-list{
position:relative;
}
.archive-list li{
position:relative;
margin-bottom:8px;
}
.archive-list li a{
position:relative;
color:#6d6c6c;
font-size:16px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.archive-list li a:hover{
color:#8e726a;
}
/***
====================================================================
Portfolio Page Section
====================================================================
***/
.portfolio-page-section{
position:relative;
padding:95px 0px 70px;
}
.portfolio-block{
position:relative;
margin-bottom:40px;
}
.portfolio-block .inner-box{
position:relative;
}
.portfolio-block .inner-box .images-outer{
position:relative;
}
.portfolio-block .inner-box .images-outer .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
color:#ffffff;
opacity:0;
z-index:1;
text-align:center;
transition:all 600ms ease;
-moz-transition:all 600ms ease;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
background-color:rgba(0,0,0,0.60);
}
.portfolio-block .inner-box:hover .images-outer .overlay-box{
opacity:1;
}
.portfolio-block .inner-box .images-outer .overlay-box .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
padding:10px 15px;
vertical-align:middle;
}
.portfolio-block .inner-box .images-outer .overlay-box .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.portfolio-block .inner-box .images-outer .overlay-box h4{
position:relative;
text-align:center;
color:#ffffff;
font-weight:400;
font-size:24px;
}
.portfolio-block .inner-box .images-outer .overlay-box h4 a{
position:relative;
color:#ffffff;
transition:all 600ms ease;
-moz-transition:all 600ms ease;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
}
.portfolio-block .inner-box .images-outer .overlay-box h4 a .icon{
position:relative;
width:60px;
height:60px;
border-radius:5px;
text-align:center;
line-height:60px;
margin-right:10px;
display:inline-block;
background-color:#a68a80;
}
.portfolio-block .inner-box .images-outer .image{
position:relative;
width:50%;
float:left;
}
.portfolio-block .inner-box .images-outer .image img{
width:100%;
display:block;
}
.portfolio-block .inner-box .lower-box{
position:relative;
padding:20px 0px;
border-bottom:1px solid #a68a80;
}
.portfolio-block .inner-box .lower-box h4{
position:relative;
font-weight:700;
}
.portfolio-block .inner-box .lower-box h4 a{
position:relative;
color:#1c1c1c;
}
.portfolio-block .inner-box .lower-box .photos{
position:relative;
color:#d5d5d5;
font-size:24px;
margin-top:8px;
}
/* Portfolio Block Two */
.portfolio-block-two{
position:relative;
margin-bottom:30px;
}
.portfolio-block-two .inner-box{
position:relative;
width:100%;
}
.portfolio-block-two .image-box{
position:relative;
display:block;
margin:0px;
overflow:hidden;
}
.portfolio-block-two .image-box img{
position:relative;
display:block;
width:100%;
}
.portfolio-block-two .inner-box .arrow-link{
position:absolute;
right:30px;
bottom:-30px;
width:60px;
height:60px;
color:#0400b5;
font-size:20px;
line-height:60px;
text-align:center;
border-radius:50px;
display:inline-block;
transform:scale(0,0);
background-color:#ffffff;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.portfolio-block-two .inner-box .arrow-link:hover{
color:#ffffff;
background-color:#0400b5;
}
.portfolio-block-two .inner-box:hover .arrow-link{
transform:scale(1,1);
}
.portfolio-block-two .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
color:#ffffff;
text-align:center;
background-color:rgba(0,0,0,0.80);
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
-webkit-transform: perspective(400px) rotateY(-90deg);
-moz-transform: perspective(400px) rotateY(-90deg);
-ms-transform: perspective(400px) rotateY(-90deg);
-o-transform: perspective(400px) rotateY(-90deg);
transform: perspective(400px) rotateY(-90deg);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.portfolio-block-two .inner-box:hover .overlay-box{
opacity:1;
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
visibility: visible;
}
.portfolio-block-two .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 0px;
}
.portfolio-block-two .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.portfolio-block-two .overlay-inner .link{
position:relative;
width:50px;
height:50px;
font-size:18px;
color:#ffffff;
line-height:50px;
margin:0px 3px;
font-weight:400;
text-align:center;
display:inline-block;
background-color:#a9877d;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.portfolio-block-two .overlay-inner .link:before{
position: absolute;
content: '';
left: 2px;
right: -2px;
top: 2px;
bottom: -2px;
z-index:-1;
background-color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.portfolio-block-two .overlay-inner .link:hover::before{
background-color: #a9877d;
}
.portfolio-block-two .overlay-inner .link .icon{
position:relative;
}
.portfolio-block-two .overlay-inner .link:hover{
color:#a9877d;
background-color:#ffffff;
}
.portfolio-section-one{
position:relative;
padding:80px 0px 0px;
}
.portfolio-section-one.style-two{
padding-bottom:70px;
}
/***
====================================================================
Project Section
====================================================================
***/
.project-section{
position:relative;
padding:95px 0px 100px;
}
.project-section.style-two{
padding-top:0px;
}
.project-section.style-two .inner-container{
padding-top:90px;
border-top:1px solid #e9e9e9;
}
.project-section .sortable-masonry{
position:relative;
}
.project-section .sec-title .view-project{
position:relative;
color:#d9b256;
font-size:15px;
font-weight:600;
display:inline-block;
margin-top:40px;
text-transform:uppercase;
border-bottom:1px solid #d9b256;
}
.project-section .filters{
position:absolute;
left:0px;
top:0px;
z-index:1;
}
.project-section .filters .filter-tabs{
position:relative;
margin-bottom:40px;
}
.project-section .filters .filter-tabs .filter{
position:relative;
color:#242424;
font-size:16px;
cursor:pointer;
margin-bottom:15px;
font-weight:500;
padding-left:20px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.project-section .filters .filter-tabs .filter:last-child{
padding-right:0px;
margin-right:0px;
}
.project-section .filters .filter-tabs .filter:after{
position:absolute;
content:'';
left:0px;
top:10px;
width:10px;
height:1px;
background-color:#303030;
}
.project-section .filters .filter-tabs .filter.active,
.project-section .filters .filter-tabs .filter:hover{
color:#a68a80;
}
.project-section .items-container{
margin-left:300px;
}
/*Gallery Item Two*/
.gallery-item-two{
position:relative;
margin-bottom:30px;
}
.gallery-item-two .inner-box{
position:relative;
width:100%;
overflow:hidden;
}
.gallery-item-two .image-box{
position:relative;
display:block;
margin-bottom:0px;
}
.gallery-item-two .image-box img{
position:relative;
display:block;
width:100%;
}
.gallery-item-two .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
color:#ffffff;
text-align:center;
background:rgba(0,0,0,0.30);
-webkit-transition:all 700ms ease;
-ms-transition:all 700ms ease;
-o-transition:all 700ms ease;
transition:all 700ms ease;
-webkit-transform:translate(-100%,0%);
-ms-transform:translate(-100%,0%);
-o-transform:translate(-100%,0%);
-moz-transform:translate(-100%,0%);
transform:translate(-100%,0%);
}
.gallery-item-two .inner-box:hover .overlay-box{
opacity:1;
-webkit-transform:translate(0%);
-ms-transform:translate(0%);
-o-transform:translate(0%);
-moz-transform:translate(0%);
transform:translate(0%);
}
.gallery-item-two .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 0px;
}
.gallery-item-two .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.gallery-item-two .overlay-inner .link{
position:relative;
font-size:18px;
color:#ffffff;
width:44px;
height:44px;
line-height:42px;
margin:0px 5px;
display:inline-block;
background-color:#a68a80;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.gallery-item-two .overlay-inner .link .icon{
position:relative;
}
.gallery-item-two .overlay-inner .link:hover{
color:#666666;
background-color:rgba(255,255,255,1);
}
/***
====================================================================
Protfolio Single Section One
====================================================================
***/
.portfolio-single-section-one{
position:relative;
padding:90px 0px;
}
.portfolio-quote-box{
position:relative;
margin-bottom:40px;
}
.portfolio-quote-box .icon{
position:relative;
color:#d4c5c0;
font-size:40px;
line-height:1em;
}
.portfolio-quote-box .text{
position:relative;
color:#9b9b9b;
font-size:16px;
line-height:1.7em;
margin-top:18px;
}
.portfolio-single-section-one h1{
position:relative;
font-style:italic;
color:#9b9b9b;
line-height:1.3em;
font-family: 'Playfair Display', serif;
}
.attention-section .inner-column{
padding:50px 0px;
}
/* Handcrafted Block */
.handcrafted-block{
position:relative;
margin-bottom:30px;
}
.handcrafted-block .inner-box{
position:relative;
}
.handcrafted-block .inner-box .image-column{
position:relative;
}
.handcrafted-block .inner-box .image-column .inner-column{
position:relative;
}
.handcrafted-block .inner-box .image-column .image{
position:relative;
}
.handcrafted-block .inner-box .image-column .image img{
position:relative;
width:100%;
display:block;
}
.handcrafted-block .inner-box .content-column{
position:relative;
}
.handcrafted-block .inner-box .content-column .inner-column{
position:relative;
padding-top:140px;
padding-left:20px;
}
.handcrafted-block .inner-box .content-column h2{
position:relative;
color:#9b9b9b;
line-height:1.3em;
font-family: 'Playfair Display', serif;
}
.handcrafted-block .inner-box .content-column p{
position:relative;
color:#9b9b9b;
font-size:16px;
line-height:1.8em;
margin-top:20px;
}
/***
====================================================================
Protfolio Single Section Two
====================================================================
***/
.portfolio-single-section-two{
position:relative;
padding:90px 0px;
}
.attention-box{
position:relative;
margin-bottom:50px;
}
.attention-box h2{
position:relative;
color:#9b9b9b;
line-height:1.3em;
font-family: 'Playfair Display', serif;
}
.attention-box .text{
position:relative;
margin-top:25px;
}
.attention-box .text p{
position:relative;
color:#9b9b9b;
font-size:16px;
line-height:1.8em;
padding-left:25px;
margin-bottom:18px;
border-left:4px solid #a68a80;
}
.attention-box .text p:last-child{
margin-bottom:0px;
}
/***
====================================================================
Error Section
====================================================================
***/
.error-section{
position:relative;
text-align:center;
padding:140px 0px 160px;
}
.error-section .oops{
position:relative;
color:#4e4e4e;
font-size:18px;
line-height:1.7em;
}
.error-section .text{
position:relative;
color:#4e4e4e;
font-size:16px;
line-height:1.7em;
margin-top:15px;
}
.error-section h1{
position:relative;
color:#cfc1bd;
font-size:180px;
line-height:1em;
font-weight:700;
font-family: 'Playfair Display', serif;
}
.error-section .home{
position:relative;
color:#0e0e0e;
font-size:16px;
margin-top:50px;
text-transform:capitalize;
display:inline-block;
text-decoration:underline;
font-family: 'Playfair Display', serif;
}
/***
====================================================================
Contact Page Section
====================================================================
***/
.contact-page-section{
position:relative;
padding:100px 0px 80px;
}
.contact-page-section .info-column{
position:relative;
}
.contact-page-section .info-column .inner-column{
position:relative;
}
.contact-page-section .info-column .title{
position:relative;
color:#a68a80;
font-size:16px;
margin-bottom:20px;
padding-bottom:12px;
text-transform:capitalize;
border-bottom:1px solid #ebebeb;
}
.contact-page-section .info-column .text{
position:relative;
color:#393939;
font-size:20px;
margin-bottom:20px;
line-height:1.7em;
}
.contact-page-section .info-column .phone-numbers{
position:relative;
margin-bottom:20px;
}
.contact-page-section .info-column .phone-numbers a{
position:relative;
color:#393939;
font-size:20px;
margin-bottom:20px;
line-height:1.7em;
}
.contact-page-section .info-column .email-number{
position:relative;
margin-bottom:20px;
}
.contact-page-section .info-column .email-number a{
position:relative;
color:#393939;
font-size:20px;
margin-bottom:20px;
line-height:1.7em;
text-decoration:underline;
}
.contact-page-section .form-column{
position:relative;
}
.contact-page-section .form-column .inner-column{
position:relative;
padding:0px 80px;
}
.contact-form .form-group{
margin-bottom:22px;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 25px;
color:#888888;
border:1px solid #d9d9d9;
height:50px;
background:none;
font-size:14px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
border-color:#a68a80;
}
.contact-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 25px 25px;
color:#888888;
border:1px solid #d9d9d9;
height:150px;
background:none;
resize:none;
font-size:14px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-form .theme-btn{
cursor:pointer;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
.doctolib-button {
display: inline-block;
padding: 6px 10px;
margin-bottom: 0px;
color: #ffffff;
font-family: Arial;
font-size: 12px;
font-weight: normal;
line-height: 1.42857;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
min-height: 0px;
width: 230px;
background-image: none;
background-color: #3498db;
cursor: pointer;
text-decoration: none;
border: 1px solid transparent;
border-width: medium medium 2px;
border-style: none none solid;
border-image: none;
border-radius: 5px;
border-bottom-color: #2383c4;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-user-select: none;
}
.doctolib-button:hover {
background-color: #077ac7;
color: #ffffff;
text-decoration: none;
}