html,
body {
height: 100%;
}
body {
font-family: Alegreya Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}
main {
min-height: 100%;
padding-top: 100px;
position: relative;
width: 100%;
color: #787878;
overflow-x: hidden;
display: flex;
flex-direction: column;
}
.site-content {
flex: 1;
}
p {
font-size: 20px;
color: #787878;
}
a,
a:hover {
outline: 0;
color: #aaa;
text-decoration: none
}
a:hover {
color: #c6a456
}
a,
a.active,
a:active,
a:focus,
a:hover {
outline: 0
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
text-transform: uppercase;
font-family: Alegreya Sans, Helvetica Neue, Helvetica, Arial, sans-serif
}
ul {
padding: 0;
margin: 0
}
ul li {
list-style: none
}
.space10 {
margin-bottom: 10px
}
.space20 {
margin-bottom: 20px
}
.space30 {
margin-bottom: 30px
}
.space40 {
margin-bottom: 40px
}
.space50 {
margin-bottom: 50px
}
.space60 {
margin-bottom: 60px
}
.space70 {
margin-bottom: 70px
}
.space80 {
margin-bottom: 80px
}
.space90 {
margin-bottom: 90px
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden
}
.video embed,
.video iframe,
.video object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none
}
.row-flex {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.row-flex {
flex-direction: row;
}
}
header {
background: #fff;
height: 100px;
color: #fff;
padding: 0 40px;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 99999;
transition: .4s
}
#site-index > main,
#reservation-atelier > main {
padding-top: 0;
}
#site-index header,
#reservation-atelier header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 888;
background: linear-gradient(rgba(0,0,0,0.9) 1%, transparent);
padding: 10px 0;
border: none;
transition: .4s
}
#site-index .navbar-toggle .icon-bar,
.navbar-toggle .icon-bar, #reservation-atelier .navbar-toggle .icon-bar {
opacity: 0.7;
background-color: #fff;
}
.navbar-toggle:hover .icon-bar {
opacity: 0.9;
}
#site-index header.head_scroll,
#reservation-atelier header.head_scroll {
background: #171717 none repeat scroll 0 0;
padding: 0;
}
#site-index .logo a, #reservation-atelier .logo a{
color: #fff;
}
#site-index .social-nav li a:hover, #reservation-atelier .social-nav li a:hover {
color: #c6a456;
}
#site-index .menu-trigger, #reservation-atelier .menu-trigger {
background: rgba(0, 0, 0, 0) url("../images/nav2.png") no-repeat scroll 0 0;
display: table;
height: 12px;
margin-top: 4px;
transition: all 0.5s ease 0s;
width: 18px;
}
#site-index .menu-trigger:hover, #reservation-atelier .menu-trigger:hover {
background: rgba(0, 0, 0, 0) url("../images/nav-hr.png") no-repeat scroll 0 0;
transition: all 0.5s ease 0s;
}
#site-index .nav_menu2 ul li a, #reservation-atelier .nav_menu2 ul li a {
color: #fff;
}
#site-index .nav_menu2 ul li a:hover, #reservation-atelier .nav_menu2 ul li a:hover {
color: #c6a456 !important;
}
.logo a img {
max-height: 60px;
transition: ease all .8s;
}
.head_scroll {
height: 80px;
}
.head_scroll .logo a img {
max-height: 40px;
}
@media (min-width: 768px) {
.head_scroll .logo a img {
max-height: 50px;
}
}
.header3.stick_menu {
position: relative !important;
}
.header3.stick_menu {
position: absolute !important;
}
.page-header {
margin: 0
}
.singl_post div.entry-header {
display: block;
position: inherit;
background: 0 0;
height: auto !important
}
.singl_post ul li {
list-style-type: disc;
}
.entry-meta span.byline {
float: left;
display: inline-flex
}
.entry-meta span.author.vcard {
margin-left: 5px
}
.entry-meta span a {
color: #b0b0b0
}
.entry-meta span a:hover {
color: #c6a456
}
.social-nav {
display: inline-flex;
gap: 18px;
margin: 0;
line-height: 80px;
transition: .5s ease all
}
.social-nav li {
display: inline-flex;
align-items: center;
min-height: 80px;
}
footer .social-nav li a {
color: #5e5e5e;
}
.social-nav li a:hover {
color: #c6a456
}
.menu-trigger {
cursor: pointer
}
.feat_img {
text-align: center;
}
.feat_img img {
display: inline-block;
}
#index-1 .menu-trigger {
width: 18px;
height: 12px;
background: url(../images/nav.png) no-repeat;
display: table;
margin-top: 4px;
transition: .5s
}
#index-1 .menu-trigger:hover {
background: url(../images/nav-hr.png) no-repeat;
transition: .5s
}
.mt1-active {
background: url(../images/nav-active.png) no-repeat !important;
transition: .5s
}
#nav_menu ul li.dropdown {
position: relative;
}
#nav_menu.navbar-collapse {
box-shadow: none;
}
#nav_menu,
#nav_menu #menu-button,
#nav_menu ul,
#nav_menu ul li,
#nav_menu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
/*display: block;*/
position: relative;
box-sizing: border-box;
font-family: Alegreya Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
transition: .5s
}
#nav_menu ul:after,
#nav_menu:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
#nav_menu #menu-button {
display: none;
font-size: 0 !important
}
#nav_menu li.dropdown ul.dropdown-menu li {
float: none;
}
#nav_menu {
width: auto;
line-height: 1;
z-index: 9999
}
#nav_menu ul {
white-space: nowrap;
}
#nav_menu ul.nav > li {
display: inline-flex;
}
@media (max-width: 991px) {
.collapse.navbar-collapse.social-nav-wrapper {
display: none !important;
}
}
@media (max-width: 767px) {
#nav_menu ul.nav > li {
display: block;
}
}
#nav_menu ul > li a span {
font-size: 8px;
position: relative;
top: -2px
}
#nav_menu.align-center ul {
font-size: 0;
text-align: center
}
#nav_menu.align-center ul > li {
display: inline-block;
float: none
}
#nav_menu ul ul.sub-menu li {
float: none
}
#nav_menu.align-center ul ul {
text-align: left
}
#nav_menu.align-right ul > li {
float: right
}
#nav_menu.align-right ul ul {
text-align: right
}
@media (min-width: 768px) {
#nav_menu ul.nav > li {
display: inline-flex;
align-items: center;
min-height: 80px;
}
}
#nav_menu ul > li > a {
padding: 0 20px;
font-size: 13px;
letter-spacing: .1em;
text-decoration: none;
text-transform: uppercase;
color: #171717;
transition: .5s ease all
}
#nav_menu ul > li.active > a,
#nav_menu ul > li:hover > a {
color: #c6a456;
background-color: transparent;
}
#nav_menu ul ul {
position: absolute;
left: 0;
background: rgba(0, 0, 0, .9);
padding: 0;
width: 100px;
min-width: 230px;
top: 120px;
opacity: 0;
transition: .5s;
display: block;
visibility: hidden
}
#nav_menu li.dropdown:hover > ul,
#nav_menu li.dropdown.open > ul {
top: 100px;
opacity: 1;
transition: .5s;
display: block;
visibility: visible
}
#nav_menu.align-right li.dropdown:hover > ul {
right: 0
}
#nav_menu ul ul ul {
margin-left: 100%;
background: rgba(0, 0, 0, .8);
min-width: 200px;
max-width: 400px;
top: -15px;
transition: .3s
}
#nav_menu ul ul li:hover > ul {
left: auto;
top: 0 !important;
transition: .3s
}
#nav_menu.align-right ul ul ul {
margin-left: 0;
margin-right: 100%
}
#nav_menu ul ul li a {
text-transform: uppercase;
padding: 20px 30px;
line-height: normal !important;
font-size: 11px;
margin: 0;
text-decoration: none;
color: #6e6e6e;
border-bottom: 1px solid rgba(255, 255, 255, .1);
transition: .5s ease all
}
#nav_menu ul ul li:last-child a {
border-bottom: none
}
#nav_menu ul ul li a:hover,
#nav_menu ul ul li:hover > a {
color: #fff
}
#nav_menu ul li:nth-child(6) ul ul {
margin-left: -230px;
background: rgba(0, 0, 0, .7);
min-width: 230px;
max-width: 400px;
top: -15px;
transition: .3s
}
@media (max-width: 991px) {
#nav_menu ul > li > a {
padding: 0 10px;
}
}
#site-page-contact .send-message {
margin-top: 18px;
}
#site-page-contact .contact-content {
padding-top: 110px;
padding-left: 110px;
}
#site-page-contact .contact-content .contact-us {
margin-top: 65px;
}
#site-page-contact .contact-content .address {
margin-left: 0;
margin-right: 0;
font-size: 16px;
line-height: 30px;
}
#loyaltycard-view .site-content,
#site-page-about .site-content,
#reservation-view .site-content {
padding-top: 80px;
padding-bottom: 80px;
}
.site-content {
overflow: hidden;
}
.site-content p {
margin: 0 0 15px;
font-size: 15px;
line-height: 22px;
}
#site-page-about .site-content .about-left {
padding-right: 110px;
}
#site-page-about .site-content .about-left img {
margin-top: 35px;
}
#site-page-about .site-content .about-right img {
margin-bottom: 35px;
}
#site-page-about .site-content .about-right .awards {
margin-top: 40px;
}
#site-page-index header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 888;
background: transparent;
padding: 0;
border: none;
transition: .4s
}
#site-page-index header.head_scroll {
background: #171717;
}
.logo a {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #FFF;
letter-spacing: .05em;
display: block;
line-height: 80px;
transition: .5s ease all
}
#site-page-index .logo a {
color: #fff;
}
#site-page-index .social-nav {
float: right
}
#site-page-index .social-nav li a {
color: #fff
}
#site-page-index .social-nav li a:hover {
color: #c6a456
}
#site-page-index .menu-trigger {
width: 18px;
height: 12px;
background: url(../images/nav2.png) no-repeat;
display: table;
margin-top: 4px;
transition: .5s
}
#site-page-index .menu-trigger:hover {
background: url(../images/nav-hr.png) no-repeat;
transition: .5s
}
.mt2-active {
background: url(../images/nav-active.png) no-repeat !important;
transition: .5s
}
.header3 .navbar-toggle {
margin-right: 0;
}
.header3 {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 888;
background: #fff;
border-bottom: 1px solid #dbdbdb;
transition: .4s
}
.header3 .container {
position: relative;
}
.header3 .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
.header3 .logo-flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.header3 .logo a {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #171717;
letter-spacing: .05em;
}
.header3 .social-nav li a {
color: #171717;
}
#site-index .header3 .social-nav li a,
.header3.head_scroll .social-nav li a,
#reservation-atelier .header3 .social-nav li a {
color: #fff;
}
.header3 .social-nav li a:hover {
color: #c6a456 !important
}
.header3 .menu-trigger {
width: 18px;
height: 100px;
background: url(../images/nav.png) center no-repeat;
display: block;
transition: .5s ease all
}
body.drk_ver .header3 .menu-trigger {
background: url(../images/nav2.png) center no-repeat
}
.head_scroll.header3 .menu-trigger {
height: 80px
}
.header3 .menu-trigger:hover {
background: url(../images/nav-hr.png) center no-repeat;
transition: .5s
}
.mt3-active {
background: url(../images/nav-active.png) no-repeat !important;
transition: .5s
}
body#site-page-index .nav_menu2 ul li a {
color: #fff
}
.nav_menu2 ul ul.sub-menu li a {
color: #6e6e6e !important
}
.nav_menu2 ul ul.sub-menu li a:hover {
color: #fff !important
}
body#site-page-index .nav_menu2 ul li a:hover {
color: #c6a456;
background: 0 0
}
.side-menu {
background: #171717;
width: 320px;
height: 100%;
position: fixed;
z-index: 9999999;
top: 0;
left: -350px;
transition: .4s
}
.sidemenu-active {
position: fixed;
left: 0;
transition: .4s
}
.side-logo {
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
color: #FFF;
letter-spacing: .05em;
padding: 35px 25px;
display: table;
border-bottom: 1px solid #252525
}
.side-close {
position: absolute;
top: 15px;
right: 15px;
transition: .4s;
cursor: pointer
}
.side-close i {
display: table;
transform: rotate(45deg);
color: #555;
font-size: 24px;
transition: .4s
}
.side-close:hover i {
color: #bbb;
transition: .4s
}
#sidemenu,
#sidemenu ul,
#sidemenu ul li,
#sidemenu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
box-sizing: border-box
}
#sidemenu {
width: 100%;
color: #fff
}
#sidemenu ul ul {
display: none
}
.align-right {
float: right
}
#sidemenu ul > li > a {
padding: 25px 20px;
border-bottom: 1px solid #252525;
cursor: pointer;
z-index: 2;
font-size: 15px;
font-weight: 400;
text-decoration: none;
color: #fff;
background: #171717;
text-transform: uppercase;
letter-spacing: .1em
}
#sidemenu ul > li.active > a,
#sidemenu ul > li.open > a,
#sidemenu ul > li > a:hover {
color: #eee;
background: #252525
}
.holder {
width: 0;
height: 0;
position: absolute;
top: 0;
right: 0
}
.holder::after,
.holder::before {
display: block;
position: absolute;
content: "";
width: 6px;
height: 6px;
right: 20px;
z-index: 10;
transform: rotate(-135deg)
}
.holder::after {
top: 28px;
border-top: 2px solid #444;
border-left: 2px solid #444
}
#sidemenu ul > li.active > a > span::after,
#sidemenu ul > li.open > a > span::after,
#sidemenu ul > li > a:hover > span::after {
border-color: #eee
}
.holder::before {
top: 28px;
border-top: 2px solid;
border-left: 2px solid;
border-top-color: inherit;
border-left-color: inherit
}
#sidemenu ul ul li a {
cursor: pointer;
border-bottom: 1px solid #252525;
padding: 17px 20px;
z-index: 1;
text-decoration: none;
font-size: 13px;
color: #fff;
text-transform: uppercase;
letter-spacing: .1em;
background: #171717
}
#sidemenu ul ul li.active > a,
#sidemenu ul ul li.open > a,
#sidemenu ul ul li:hover > a {
background: #303030;
color: #fff
}
#sidemenu ul ul li:first-child > a {
box-shadow: none
}
#sidemenu ul ul ul li:first-child > a {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}
#sidemenu ul ul ul li a {
padding-left: 30px
}
#sidemenu ul > li > ul > li.last > a,
#sidemenu ul > li > ul > li:last-child > a {
border-bottom: 0
}
#sidemenu ul > li > ul > li.last.open > a,
#sidemenu ul > li > ul > li.open:last-child > a {
border-bottom: 1px solid #32373e
}
#sidemenu ul > li > ul > li.open:last-child > ul > li:last-child > a {
border-bottom: 0
}
#sidemenu ul ul li.has-sub > a::after {
display: block;
position: absolute;
content: "";
width: 5px;
height: 5px;
right: 20px;
z-index: 10;
top: 11.5px;
border-top: 2px solid #eee;
border-left: 2px solid #eee;
transform: rotate(-135deg)
}
#sidemenu ul ul li.active > a::after,
#sidemenu ul ul li.open > a::after,
#sidemenu ul ul li > a:hover::after {
border-color: #fff
}
.mt4-active,
.mt4:hover {
background: url(../images/nav-hr.png) center no-repeat !important;
transition: .5s
}
.home-info1 .container {
padding: 0;
width: 100%
}
.hi-inner {
width: 500px;
margin-right: 55px;
float: right;
position: absolute;
right: 0;
height: 126px;
top: 50%;
margin-top: -63px
}
.hi-inner img {
float: left
}
.hi-inner p {
margin-left: 122px;
font-size: 15px;
color: #aaa;
line-height: 22px;
letter-spacing: .05em;
word-wrap: break-word
}
.hi-inner p span {
display: block
}
.hi-inner p span a {
font-style: italic;
color: #9fdedf
}
.hi-inner p span a:hover {
color: #171717
}
.home-info2 {
position: relative;
top: -120px;
margin-bottom: -121px;
display: table;
width: 100%
}
ul.pop-widget-tabs {
display: none
}
.pre-footer .pop-layout-v div.pop-inside ul li img {
margin-right: 30px;
border-radius: 100%;
margin-bottom: 20px
}
.pre-footer div.pop-inside ul li {
padding: 0;
margin-bottom: 30px;
border-bottom: 0
}
.pre-footer div.pop-inside {
border: 0;
margin: 0
}
.tp-caption1 span {
font-size: 50px;
text-transform: uppercase
}
.home-gallery {
margin: 60px 0 30px
}
.home-gallery a {
background: #171717;
display: table;
width: 100%;
position: relative
}
.home-gallery img {
opacity: 1;
transition: .4s
}
.home-gallery img:hover {
opacity: .5;
transition: .4s
}
.home-gallery .col-md-4,
.home-gallery .col-md-8 {
margin-bottom: 30px
}
.home-about {
background: #f5f5f5
}
.home-about .container {
width: 100%;
max-width: 100%;
padding: 0
}
.about-thumb {
position: relative
}
.about-thumb:after {
content: "";
width: 96%;
height: 96%;
position: absolute;
top: 2%;
left: 2%;
right: 0;
border: 1px solid #fff
}
.about-info {
padding: 20px 0 0 50px
}
#journal h3,
#journal-single h3,
#portfolio-gal h3,
.a-info h3,
.about-info h4,
.c-info h3,
.testimonials h3 {
font-size: 50px;
font-family: Abril Fatface;
color: #171717;
margin: -5px 0 30px;
font-weight: 400;
letter-spacing: .05em
}
#journal h3 span,
#journal-single h3 span,
#portfolio-gal h3 span,
.a-info h3 span,
.about-info h4 span,
.c-info h3 span,
.testimonials h3 span {
font-size: 72px
}
.about-info p {
font-size: 15px;
color: #787878;
line-height: 22px;
letter-spacing: .05em;
margin: 0 0 15px
}
.btn1 span {
color: #969696;
margin-left: 5px
}
#pbd-alp-load-posts a:hover,
.btn1:hover,
div.comment-respond input#submit:hover {
background: #c6a456;
color: #fff;
border: 1px solid #c6a456
}
.btn1:hover span {
color: #fff
}
#pbd-alp-load-posts a,
.btn1,
div.comment-respond input#submit {
font-size: 15px;
text-transform: uppercase;
letter-spacing: .05em;
color: #171717;
border: 1px solid #c2c2c2;
height: 43px;
border-radius: 20px;
background-color: transparent;
line-height: 43px;
padding: 0 30px;
display: table;
margin: 0 auto
}
.btn1.color1 {
color: #c6a456;
border: 1px solid #c6a456
}
.btn1.color1:hover {
background: #c6a456;
color: #fff;
border: 1px solid #c6a456
}
.btn-center {
margin: 0 auto;
display: table
}
.dual-btns a {
margin-right: 30px;
margin-bottom: 15px
}
.journal h3 {
font-size: 50px;
font-family: Abril Fatface;
color: #171717;
margin: -5px 0 30px;
font-weight: 400;
letter-spacing: .05em;
text-align: center
}
.journal h3 span {
font-size: 72px
}
.journal .container {
width: 100%;
padding: 0
}
.quote-text {
position: relative;
height: 100%
}
.quote-text:before {
background: rgba(23, 23, 23, .85);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
content: ""
}
.quote-text h5 {
font-size: 24px;
font-style: italic;
color: #FFF;
text-transform: none;
text-align: center;
line-height: 30px;
padding: 0 24%;
margin: 0 0 35px;
position: relative
}
.quote-text h5:after {
content: "";
width: 100px;
height: 1px;
background: #C6A456;
margin: 0 auto;
position: absolute;
bottom: -24px;
left: 0;
right: 0
}
.quote-text h5 span {
color: #c6a456
}
.qt-inner {
position: absolute;
top: 50%;
right: 0;
left: 0;
transform: translateY(-50%)
}
.journal .col-md-5,
.journal .col-md-7 {
padding: 0
}
.singl_post {
padding: 20px 0 90px
}
.singl_post .post-navigation {
margin: 0 0 1.5em;
}
.singl_post .post-navigation .nav-previous {
float: left;
width: 50%;
}
.singl_post .post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
h1.entry-title,
h1.page-title {
font-size: 50px;
font-family: Abril Fatface;
color: #171717;
font-weight: 400;
letter-spacing: .05em;
line-height: 72px;
margin: 0;
text-align: center;
padding: 0 50px
}
h1.entry-title a {
color: #171717
}
h1.entry-title a:hover {
color: #c6a456
}
a.moretag {
display: block;
color: #111;
margin-top: 20px
}
a.moretag:hover {
color: #c6a456
}
.entry-meta {
margin: 25px auto 30px;
display: table
}
.nav-links:after {
content: "";
display: block;
clear: both
}
.nav-links a {
padding: 6px;
border: 1px solid #aaa;
border-left: 0;
border-right: 0;
display: inline-block;
font-size: 13px
}
.nav-links a:hover {
border-color: #c6a456
}
.entry-meta span {
float: left;
margin: 0 30px;
position: relative;
text-transform: uppercase;
font-size: 15px;
letter-spacing: .05em;
color: #b0b0b0;
line-height: 35px
}
#contact-map-canvas {
width: 100%;
height: 915px;
position: relative;
}
#about-info .container,
.contact-info .container {
padding: 0;
width: 100%
}
#about-info .col-md-6,
.contact-info .col-md-6 {
padding: 0
}
.c-info {
padding: 0 0 0 110px
}
.c-info p {
font-size: 15px;
color: #787878;
letter-spacing: .05em;
line-height: 22px;
padding: 15px 0 25px
}
.c-info ul {
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
padding: 55px 0;
display: table;
width: 100%;
margin: 25px 0 65px
}
#c-info {
position: absolute;
top: 167px;
left: 0;
right: 0
}
.c-info ul li {
width: 50%;
float: left
}
.c-info ul li p {
padding: 0;
font-size: 15px;
font-weight: 700;
color: #787878;
text-transform: uppercase;
line-height: 30px;
letter-spacing: .05em;
margin: 0
}
.c-info ul li p span {
font-size: 16px;
position: relative;
top: -1px
}
.a-info {
padding: 55px 0 55px 100px
}
.a-info p {
letter-spacing: .05em;
line-height: 22px;
font-size: 15px;
color: #787878;
margin: 0 0 20px
}
.a-info p b {
font-size: 16px;
font-weight: 700
}
#about-info .col-md-6:nth-child(1) {
height: 915px;
background: url(../images/xtra/1.jpg) center top no-repeat;
background-size: auto 100%
}
#about-info .col-md-6:nth-child(1) img {
opacity: 0
}
.info-content {
padding: 60px 0 0 0;
background-color: #171717
}
.info-content .widget h1.widget-title {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
letter-spacing: .05em;
line-height: 22px;
margin: 0 0 15px
}
.info-content,
.info-content p {
letter-spacing: .05em;
line-height: 22px;
font-size: 15px;
color: #787878;
margin: 0
}
.footer {
background: #171717;
padding: 0 0 60px;
}
.footer .copyright {
text-align: left;
}
.footer .comgate-logos {
margin-top: 30px;
}
.footer .comgate-logos img {
width: auto;
height: 50px;
max-width: 100%;
position: relative;
right: -12px;
}
.footer .created-by {
margin-top: 30px;
}
.footer-nav {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
row-gap: 10px;
column-gap: 30px;
}
.footer-nav li a {
text-transform: uppercase;
font-size: 12px;
color: #5e5e5e;
letter-spacing: .05em
}
.footer-nav li a:hover {
color: #c6a456
}
.footer p {
color: #5e5e5e;
letter-spacing: .05em;
text-transform: uppercase;
margin: 0;
font-size: 12px;
}
.pre-footer {
padding: 60px 0;
background: #f5f5f5
}
.pre-footer .widget-title {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #171717;
letter-spacing: .05em;
line-height: 22px;
margin: 0 0 55px
}
.pre-footer .widget li a {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
color: #171717;
letter-spacing: .1em;
line-height: 22px
}
form.search-form {
width: 100%;
height: 45px;
border-radius: 4px 30px 30px 4px;
border: 1px solid #dbdbdb;
position: relative
}
form.search-form label {
display: block;
}
form#simple-search-form {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
form#simple-search-form .form-group.search-field {
flex: 1;
}
form#simple-search-form .form-group.has-card {
display: flex;
align-items: center;
gap: 8px;
}
form#simple-search-form .form-group.has-card input,
form#simple-search-form .form-group.has-card label {
margin: 0;
}
.ser-excerpt form.search-form {
width: 50%;
margin: 40px auto 0;
}
form.search-form input.search-field {
height: 43px;
width: 100%;
border: none;
padding: 0 130px 0 20px;
font-size: 15px;
background: 0 0;
border-width: 2px;
box-shadow: none;
color: #787878;
}
form.search-form input.search-submit {
width: 110px;
height: 45px;
border-radius: 20px;
background-color: #FFF;
border: 1px solid #C2C2C2;
text-align: center;
text-transform: uppercase;
font-weight: 400;
color: #171717;
letter-spacing: .05em;
font-size: 15px;
line-height: 45px;
position: absolute;
top: -1px;
right: 0;
padding: 0;
display: block;
text-shadow: none
}
form.search-form input.search-submit:hover {
background: #c6a456;
box-shadow: none;
color: #fff
}
.pre-footer .widget li a:hover {
color: #c6a456
}
.a-info2 {
padding: 80px 110px 80px 0
}
.a-info3 {
padding: 80px 0
}
.a-info h6 {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #171717;
letter-spacing: .05em;
margin: 50px 0 20px
}
ul.list {
margin-top: 20px
}
.list li {
position: relative;
padding-left: 0;
letter-spacing: .05em;
line-height: 22px;
font-size: 15px;
color: #787878;
margin-bottom: 8px
}
.list li span {
color: #ababab;
position: absolute;
top: 0;
left: 0
}
#top-info {
padding: 90px 0;
border-bottom: 1px solid #dbdbdb
}
#top-info p {
letter-spacing: .05em;
line-height: 22px;
font-size: 15px;
color: #787878;
margin: 0
}
div#portfolio-feed .portfolio-gal .folio-item {
width: 33.333%;
float: left;
margin: 0 0 30px;
padding: 0 15px
}
.portfolio-gal.mason.journal .folio-thumb {
height: auto !important
}
div#portfolio-feed .folio-thumb img {
width: 100%
}
#portfolio-feed .col-md-9 {
padding-right: 30px
}
div#portfolio-feed:after {
content: "";
display: block;
clear: both
}
div#portfolio-feed ul#filters {
display: table;
width: 160px;
margin: 0
}
div#portfolio-feed ul#filters li {
margin: 0 0 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ededed;
float: none
}
div#portfolio-feed ul#filters li:last-child {
border-bottom: none
}
div#portfolio-feed ul#filters li a {
letter-spacing: .05em;
line-height: 22px;
font-size: 15px;
color: #787878;
display: table;
text-transform: uppercase
}
div#portfolio-feed ul#filters li a.active,
div#portfolio-feed ul#filters li a:hover {
color: #171717
}
div#portfolio-feed .portfolio-gal .folio-item .folio-thumb {
position: relative;
overflow: hidden
}
div#portfolio-feed .portfolio-gal .folio-item a {
position: relative
}
div#portfolio-feed .portfolio-gal.mason .folio-thumb {
height: auto
}
#gallery {
padding: 90px 0
}
#gal-slider .slides .row {
margin: 0 -1px
}
#gal-slider .slides .col-md-1,
#gal-slider .slides .col-md-10,
#gal-slider .slides .col-md-11,
#gal-slider .slides .col-md-12,
#gal-slider .slides .col-md-2,
#gal-slider .slides .col-md-3,
#gal-slider .slides .col-md-4,
#gal-slider .slides .col-md-5,
#gal-slider .slides .col-md-6,
#gal-slider .slides .col-md-7,
#gal-slider .slides .col-md-8,
#gal-slider .slides .col-md-9 {
padding: 0 1px
}
#gal-slider .slides img {
opacity: 1;
transition: .4s;
width: auto !important;
max-width: 100%
}
#gal-slider .slides a {
display: table;
width: 100%;
background: #171717
}
#gal-slider .slides img:hover {
opacity: .6;
transition: .4s;
width: 100%
}
#gal-slider {
overflow: hidden
}
.gal-nav {
margin: 0 -30px 60px;
display: table
}
.gal-nav li {
float: left;
margin: 0 30px;
position: relative
}
.gal-nav li:after {
content: "";
background: url(../images/sep.png) no-repeat;
width: 20px;
height: 34px;
position: absolute;
right: -40px;
top: 0
}
.gal-nav li:last-child:after {
display: none
}
.gal-nav li span {
letter-spacing: .05em;
line-height: 35px;
font-size: 15px;
color: #787878;
display: table;
text-transform: uppercase;
transition: .4s;
cursor: pointer
}
.gal-nav li span:hover,
.gal-nav li.flex-active span {
color: #171717 !important;
transition: .4s
}
.gbt-tag {
margin: 90px 0;
display: table;
width: 100%
}
.gbt-tag li {
width: 25%;
float: left;
border-right: 1px solid #e1e1e1;
text-align: center;
cursor: pointer
}
.gbt-tag li i {
font-size: 60px;
color: #171717;
transition: .4s
}
.gbt-tag li:hover i {
color: #c6a456;
transition: .4s
}
.gbt-tag li h4 {
margin: 25px 0 0;
font-size: 15px;
text-transform: uppercase;
color: #171717;
letter-spacing: .05em
}
.gbt-tag li:last-child {
border-right: none
}
.gallery2 {
display: table;
width: 100%
}
.gallery2 ul li {
width: 25%;
float: left;
background: #171717
}
.gallery2 ul li img {
opacity: .3;
transition: .6s
}
.gallery2 ul li:hover img {
opacity: 1;
transition: .6s
}
.recent-posts {
padding: 90px 0
}
.recent-posts h4 {
font-size: 15px;
text-transform: uppercase;
color: #171717;
letter-spacing: .05em;
font-weight: 700;
line-height: 22px;
margin: 25px 0 0
}
.recent-posts h4 a {
color: #171717
}
.recent-posts h4 a:hover {
color: #c6a456
}
.date {
font-size: 15px;
color: #c4c4c4
}
.portfolio-gal {
margin: 0 -15px
}
#portfolio-gal {
display: table;
width: 100%;
padding: 90px 0
}
.portfolio-gal .folio-item.folio-item-hidden .folio-thumb,
.portfolio-gal .folio-item.folio-item-hidden .folio-title {
opacity: 0.35;
}
.portfolio-gal .folio-item {
width: 30.5%;
/* padding: 0 15px;*/
padding: 0px;
margin: 0 15px;
margin-bottom: 0
}
.portfolio-gal .folio-item .action-buttons {
position: absolute;
top: 0;
right: 0;
z-index: 1;
padding: 3px 4px;
}
.portfolio-gal .folio-item.col-md-6 {
width: 50%;
padding: 0 15px;
margin: 0px;
}
.portfolio-gal .folio-item h4 {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #171717;
text-align: center;
letter-spacing: .05em;
line-height: 22px;
margin: 25px 0 0
}
.portfolio-gal .folio-item h4 a {
color: #171717
}
.portfolio-gal .folio-item p {
color: #c4c4c4;
font-size: 15px;
letter-spacing: .05em;
text-align: center;
margin: 0 0 25px
}
.journal-filter,
.portfolio-gal-filter {
margin: 10px auto 60px;
display: table;
}
.journal-filter li,
.portfolio-gal-filter li {
float: left;
margin: 0 30px;
position: relative;
text-transform: uppercase;
font-size: 15px;
letter-spacing: .05em
}
.journal-filter li:after,
.portfolio-gal-filter li:after {
content: "";
background: url(../images/sep.png) no-repeat;
width: 20px;
height: 34px;
position: absolute;
right: -40px;
top: 0
}
body.drk_ver .portfolio-gal-filter li:after {
background: url(../images/sep2.png) no-repeat
}
#portfolio-feed .portfolio-gal-filter li:after {
display: none
}
.journal-filter li a,
.portfolio-gal-filter li a {
color: #787878;
line-height: 35px
}
.journal-filter li a.active,
.journal-filter li a:hover,
.portfolio-gal-filter li a.active,
.portfolio-gal-filter li a:hover {
color: #171717
}
#portfolio-gal h3 {
text-align: center
}
.portfolio-gal .folio-item img {
opacity: 1;
min-height: 100%;
height: auto;
object-fit: cover;
width: 100%;
padding-right: 1px;
}
.portfolio-gal.mason .folio-item img {
min-height: inherit;
height: 100%;
}
.portfolio-gal.journal .folio-item {
margin-bottom: 30px;
}
.portfolio-gal.journal .folio-thumb {
height: 320px;
max-width: 100%;
overflow: hidden;
margin-bottom: 25px;
}
.portfolio-gal.mason.journal .folio-thumb .quote-text {
height: 300px
}
.portfolio-gal .folio-item h4 a:hover {
color: #c6a456
}
.portfolio-gal.journal h4 {
font-size: 15px;
text-align: left
}
.portfolio-gal.journal p {
text-align: left;
margin-bottom: 10px;
}
.portfolio-gal.journal p.blog_exp {
color: #787878;
}
.portfolio-gal.mason .folio-item {
margin: 5px;
}
.portfolio-gal.mason .folio-thumb {
height: auto !important
}
.portfolio-gal .folio-item .folio-thumb {
position: relative;
height: 320px;
max-width: 100%;
overflow: hidden;
}
.port_hov {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 1);
opacity: 0;
transition: .5s ease all
}
.portfolio-gal .folio-item:hover .port_hov {
opacity: 1;
background: rgba(0, 0, 0, .7)
}
.port_hov .port_titles {
width: 100%;
height: 100%;
position: absolute;
display: table
}
.port_titles h3 {
font-size: 16px;
color: #fff;
font-family: Alegreya Sans;
margin: 0;
padding-top: 10px;
text-transform: capitalize
}
.port_titles h3 span {
padding-left: 5px
}
.mid_sec {
vertical-align: middle;
display: table-cell;
width: 100%;
height: auto;
text-align: center;
opacity: .5;
position: relative;
bottom: -50px;
transition: .5s ease all
}
.port_titles h2 {
font-size: 20px;
font-weight: 700;
line-height: 32px;
border-bottom: 1px solid #c6a456;
display: inline-block;
font-family: Alegreya Sans;
padding-bottom: 5px;
margin: 0;
text-transform: capitalize
}
.port_titles h2 a {
color: #fff
}
.port_hov .port_titles h2 a:hover {
color: #c6a456
}
.portfolio-gal .folio-item:hover .mid_sec {
bottom: 0;
opacity: 1
}
.excerpt.port-contain .port-gal a.pop_lbox {
background-color: #000;
display: inline-block;
overflow: hidden
}
.excerpt.port-contain .port-gal a.pop_lbox:hover img {
opacity: .5;
transform: scale(1.25);
transition: .5s ease all
}
#journal {
padding: 90px 0
}
#journal h3 {
text-align: center
}
.journal-news h4,
.qt-inner h4 {
font-size: 15px;
text-transform: uppercase;
color: #171717;
letter-spacing: .05em;
font-weight: 700;
line-height: 22px;
margin: 25px 0 0
}
.journal-news h4 a {
color: #171717
}
.journal-news h4 a:hover {
color: #c6a456
}
.journal-quote h5 {
font-size: 24px;
font-style: italic;
color: #FFF;
text-transform: none;
text-align: center;
line-height: 30px;
padding: 0 24%;
margin: 0 0 35px;
position: relative
}
.journal-quote h5:after {
content: "";
width: 100px;
height: 1px;
background: #C6A456;
margin: 0 auto;
position: absolute;
bottom: -24px;
left: 0;
right: 0
}
.journal-quote h5 span {
color: #c6a456
}
cite {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
text-align: center;
font-style: normal;
display: table;
width: 100%;
letter-spacing: .1em
}
.journal .col-md-4 .jour_sec .quote-text h5 {
font-size: 18px;
line-height: 24px;
padding: 0 15%;
margin: 0 0 20px
}
.journal .col-md-4 .jour_sec .quote-text h5:after {
bottom: -10px
}
.journal .col-md-4 .jour_sec cite {
font-size: 14px
}
.journal .col-md-3 .jour_sec .quote-text h5 {
padding: 0 8%;
font-size: 18px;
line-height: 24px;
margin: 0 0 20px
}
.journal .col-md-3 .jour_sec .quote-text {
height: 320px
}
.journal .col-md-3 .jour_sec .quote-text img {
height: 100%;
object-fit: cover;
}
.journal .col-md-3 .jour_sec .quote-text h5:after {
bottom: -12px
}
.journal .col-md-3 .jour_sec .quote-text cite {
font-size: 13px
}
.jq-thumb {
position: relative
}
.jq-main {
position: absolute;
width: 100%;
height: 100%;
background: rgba(23, 23, 23, .85);
top: 0;
left: 0;
right: 0
}
.jq-inner {
position: absolute;
margin-top: -75px;
top: 50%;
right: 0;
left: 0;
height: 150px
}
#journal .btn1 {
margin-top: -30px
}
#journal-single h3 {
line-height: 72px;
margin: 0;
text-align: center;
padding: 0 100px
}
#journal-single {
padding: 80px 0 90px
}
.journal-meta {
margin: 25px auto 30px;
display: table
}
.journal-meta li {
float: left;
margin: 0 30px;
position: relative;
text-transform: uppercase;
font-size: 15px;
letter-spacing: .05em;
color: #b0b0b0;
line-height: 35px
}
.journal-meta li a {
color: #b0b0b0
}
.journal-meta li:after {
content: "";
background: url(../images/sep.png) no-repeat;
width: 20px;
height: 34px;
position: absolute;
right: -40px;
top: 0
}
.journal-filter li:last-child:after,
.portfolio-gal-filter li:last-child:after {
display: none
}
.excerpt,
div.comments-area {
padding: 60px 30px 0;
width: 100%;
max-width: 800px;
margin: 0 auto
}
.excerpt + .excerpt {
padding-top: 0;
}
div.comments-area {
padding: 40px 30px 0
}
.cat-excerpt,
.ser-excerpt {
padding: 60px 30px;
width: 100%;
max-width: 800px;
margin: 0 auto
}
.ser-excerpt {
padding: 0px;
}
.cat-excerpt p,
.excerpt p,
.ser-excerpt p,
ol.comment-list p,
p.comment-notes,
p.logged-in-as,
p.logged-in-as a {
font-size: 15px;
color: #787878;
line-height: 22px;
letter-spacing: .05em;
margin: 0 0 20px
}
.author-info,
div#authorarea {
background: #f5f5f5;
padding: 30px 30px 40px;
margin: 50px 0
}
div#authorarea img.avatar {
width: 160px;
float: left;
border-radius: 50%
}
.authorinfo {
float: left;
width: 70%;
margin-left: 30px
}
.comment-author.vcard {
margin-bottom: 30px
}
div#authorarea a.author-link {
color: #aaa
}
div#authorarea a.author-link:hover,
p.logged-in-as a:hover {
color: #c6a456
}
div#authorarea:after {
content: "";
display: block;
clear: both
}
.ai-inner {
margin-left: 190px
}
.ai-inner h5,
.authorinfo h3 {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #171717;
letter-spacing: .05em;
line-height: 22px;
margin: 0 0 15px
}
.ai-inner p {
color: #787878;
margin: 0
}
ol.children,
ol.comment-list {
list-style-type: none;
padding: 0;
margin: 30px 0 70px
}
ul.children {
width: 87%;
margin-left: 13%
}
ol.comment-list li .comment-body {
background: #fff;
border: 1px solid #dbdbdb;
padding: 30px;
margin-bottom: 30px
}
.comment-content {
margin-top: 30px
}
.comment-author.vcard img.avatar {
width: 90px;
border-radius: 50%;
margin: 0 30px 0 0;
float: left
}
ol.comment-list footer.comment-meta {
padding: 0;
position: relative
}
.comment-head {
display: table;
width: 100%;
margin-bottom: 30px
}
.comment-head img {
float: left
}
.comment-head h5,
.comment-list cite.fn {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
color: #171717;
letter-spacing: .05em;
line-height: 22px;
display: inline-block;
width: 70%;
text-align: left;
margin-top: 20px
}
.comment-author.vcard:after {
content: "";
display: block;
clear: both
}
.comment-meta.commentmetadata {
display: inline-block
}
.comment-head h5 span {
color: #c4c4c4;
text-transform: none;
display: block;
font-weight: 400
}
.sub-comment {
position: relative;
left: 95px
}
.comments h6,
.comments-area h2.comments-title,
div.comment-respond h3 {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #171717;
letter-spacing: .05em;
line-height: 22px;
margin: 0 0 5px
}
.booking-form input,
.booking-form textarea,
div.comment-respond input,
div.comment-respond textarea {
width: 100%;
height: 45px;
border-radius: 4px;
background-color: #fff;
border: 1px solid #dbdbdb;
padding: 5px 15px;
color: #000;
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: 30px;
font-family: 'Alegreya Sans', sans-serif;
font-size: 15px;
line-height: 21px
}
.booking-form textarea,
div.comment-respond textarea {
height: 125px;
padding: 10px 15px;
width: 100%
}
div.comment-respond input#submit {
box-shadow: none;
width: auto
}
form#commentform p.col-md-6 {
margin-bottom: 0
}
form#commentform p.comment-form-comment br {
display: none
}
.footer-content {
background: #f5f5f5;
padding: 60px 0
}
.fc-widget h5 {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #171717;
letter-spacing: .05em;
line-height: 22px;
margin: 0 0 55px
}
.fw-links li {
width: 50%;
float: left;
margin-bottom: 3px
}
.fw-links li a {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
color: #171717;
letter-spacing: .1em;
line-height: 22px
}
.fw-links li a:hover {
color: #c6a456
}
.fw-post li img {
float: left
}
span.pop-count {
font-size: 15px;
color: #919191;
line-height: 22px;
letter-spacing: .05em;
margin: 0;
display: block;
text-transform: capitalize;
font-weight: 400
}
.fwp-inner {
margin-left: 95px
}
.fwp-inner h4 {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
color: #171717;
letter-spacing: .1em;
line-height: 22px;
margin: 0
}
.fwp-inner h4 a {
color: #171717
}
.fwp-inner h4 a:hover {
color: #c6a456
}
.fwp-inner p {
font-size: 15px;
color: #919191;
line-height: 22px;
letter-spacing: .05em;
margin: 0
}
.fw-post li {
margin-bottom: 22px
}
.fw-post li:last-child {
margin-bottom: 0
}
.search {
width: 100%;
height: 45px;
border-radius: 4px 30px 30px 4px;
border: 1px solid #dbdbdb;
position: relative
}
.search input {
height: 43px;
width: 100%;
border: none;
padding: 0 130px 0 20px;
font-size: 15px;
background: 0 0
}
.search button {
width: 110px;
height: 45px;
border-radius: 20px;
background-color: #FFF;
border: 1px solid #C2C2C2;
text-align: center;
text-transform: uppercase;
font-weight: 400;
color: #171717;
letter-spacing: .05em;
font-size: 15px;
line-height: 45px;
position: absolute;
top: -1px;
right: 0
}
.intro {
background: url(../images/xtra/5.jpg) center top no-repeat fixed;
background-size: auto 100%
}
.intro h2 {
font-size: 110px;
line-height: 110px;
font-family: Abril Fatface;
color: #fff;
margin: 335px 0;
font-weight: 700;
letter-spacing: .05em;
text-align: center
}
.author-message {
padding: 90px 0
}
.author-message img {
display: table;
margin: 0 auto
}
.author-message p {
font-size: 15px;
text-transform: uppercase;
color: #171717;
letter-spacing: .05em;
line-height: 22px;
padding: 0 20%;
text-align: center;
margin: 60px 0 20px
}
.gallery-dark {
background: #171717;
padding: 90px 0;
margin: 0
}
.booking-form {
padding: 90px 0
}
.booking-form h4 {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #171717;
letter-spacing: .05em;
line-height: 22px;
margin: 0 0 55px;
text-align: center
}
.booking-form form {
max-width: 730px;
width: 100%;
margin: 0 auto
}
.journal-7 .col-md-9 {
padding-left: 120px;
padding-top: 90px
}
.journal-7 .col-md-9 .journal-news {
padding-right: 30px
}
.journal-news-home {
width: 665px;
margin: 10px auto 0;
display: table;
position: relative;
padding-right: 30px
}
.journal-news-home a.btn1 {
position: absolute;
right: -186px;
bottom: 68px
}
.insta-wrap {
position: relative
}
.insta-slider {
margin: 0
}
.insta-slider .slick-slide {
background: #171717
}
.insta-slider img {
transition: .4s;
opacity: .6
}
.insta-slider .slick-center img {
transition: .4s;
opacity: 1 !important
}
.insta-wrap h3 {
font-size: 50px;
font-family: Abril Fatface;
color: #FFF;
margin: 0;
font-weight: 400;
letter-spacing: .05em;
background: rgba(23, 23, 23, .8);
width: 43.5%;
position: absolute;
z-index: 99;
height: 100%;
top: 0;
left: 0;
right: 0;
text-align: right;
padding-right: 60px
}
.insta-wrap h3 em {
font-style: normal;
height: 100px;
margin: -50px 0 0;
display: table;
right: 55px;
position: absolute;
top: 50%
}
.insta-wrap h3 span {
font-size: 72px
}
.features-wrap {
padding: 90px 0 60px
}
.features-wrap .container {
padding: 0 25px
}
.features-wrap .row {
margin: 0
}
.features-wrap .col-md-4 {
padding: 0
}
.features-wrap .col-md-4:nth-child(1) {
margin-top: 60px
}
.features-wrap .col-md-4:nth-child(3) {
margin-top: 90px
}
.features-wrap h4 {
font-size: 33px;
font-family: Abril Fatface;
color: #171717;
margin: 25px 0;
font-weight: 400;
letter-spacing: .05em;
line-height: 40px;
text-align: center;
padding: 0 25px
}
.features-wrap h4 span {
font-size: 48px
}
.features-wrap p {
font-size: 15px;
color: #484848;
letter-spacing: .05em;
line-height: 22px;
text-align: center;
margin: 0 0 20px;
padding: 0 26px;
word-wrap: break-word
}
.features-wrap a {
display: table;
margin: 0 auto 30px
}
.testimonials-wrapper:after {
background: #fff none repeat scroll 0 0;
content: "";
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 40%;
z-index: -1;
}
section.testimonials {
background-color: #fff;
padding-top: 60px;
}
.testimonials-wrapper {
background: #c6a456 none repeat scroll 0 0;
position: relative;
z-index: 777;
}
.carousel-inner > .item.testimonials-item.active {
/*display: block;*/
}
.carousel-inner > .item.testimonials-item > .carousel-caption {
position: static;
text-shadow: none;
}
/*.testimonials-content {
position: relative;
overflow: hidden;
}
.testimonials-content li.testimonials-item {
float: left;
}*/
.testimonials .testimonials-content {
background: #fff none repeat scroll 0 0;
padding: 85px 30px
}
/*.testimonials .testimonials-navigation {
background: #c6a456;
position: relative;
} */
.testimonials .slides:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
.testimonials .testimonials-item p {
color: #787878;
font-size: 24px;
font-style: italic;
line-height: 30px;
margin: 0 0 35px;
padding: 0;
text-align: center;
}
.testimonials .testimonials-item cite {
color: #ababab;
padding-top: 15px;
position: relative;
}
.testimonials .testimonials-item cite span {
font-weight: normal;
font-size: 12px;
}
.testimonials .testimonials-item cite:after {
background: #c6a456 none repeat scroll 0 0;
content: "";
height: 1px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 0;
width: 100px;
}
.testimonials .testimonials-nav {
background: rgba(0, 0, 0, 0) url("../images/quote.png") no-repeat scroll center center;
display: table;
height: 65px;
left: -210px;
margin-top: -42px;
position: absolute;
top: 50%;
width: 165px;
}
.testimonials .testimonials-nav li {
display: table-cell;
vertical-align: middle;
height: 30px;
margin-top: 0;
}
.testimonials .testimonials-nav li:first-child {
margin-right: 5px;
}
.testimonials .testimonials-nav li:last-child {
margin-left: 4px;
}
.testimonials .testimonials-nav a:hover:before {
color: #7a6535;
}
.carousel-fade .carousel-inner .item {
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
/*left: 0;*/
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
z-index: 2;
}
.testimonials .testimonials-nav a {
text-shadow: none;
background-image: none;
background-color: transparent;
border: 0 none;
border-radius: 4px;
box-sizing: border-box;
content: " " !important;
height: 30px;
line-height: 30px !important;
opacity: 1;
position: relative;
text-indent: -9999px !important;
width: 30px;
color: #8a8a8a;
display: block;
margin: -23px 0 0;
text-align: center;
top: 50%;
transition: all 0.3s ease 0s;
z-index: 200;
}
.testimonials .testimonials-nav a:before {
color: #000;
font-family: "FontAwesome", sans-serif;
font-size: 16px;
height: 30px;
left: 0;
line-height: 30px;
position: absolute;
text-indent: 0;
top: 0;
width: 30px;
}
.testimonials .testimonials-nav .next {
float: right;
}
.testimonials .testimonials-nav .prev:before,
.testimonials .testimonials-nav .next:before {
width: 25px;
text-align: center;
top: 0;
line-height: 25px;
padding: 0;
position: absolute;
color: #fff;
font-family: FontAwesome;
font-size: 23px;
font-weight: 400;
height: 25px;
}
.testimonials .testimonials-nav .prev:before {
content: "";
left: 0;
}
.testimonials .testimonials-nav .next:before {
content: "";
right: 0;
}
.gallery-big-thumb img {
width: 100%
}
.error-content {
margin: 90px 0 30px
}
.error-content p {
margin-bottom: 30px;
font-size: 20px;
text-align: center;
color: #787878;
}
#slider {
position: relative;
width: 100%
}
#site-page-index {
padding-top: 0
}
#ascrail2000 {
position: fixed;
z-index: 9999999 !important
}
.rev_slider_wrapper.fullscreen-container {
width: 100% !important
}
.flexslider .slides > li {
overflow: hidden
}
#gallery3 {
height: 100vh !important;
max-height: 100vh !important;
overflow: hidden;
position: relative !important
}
#gallery3 img {
height: 100vh !important;
max-height: 100vh !important;
margin-left: 2px !important
}
.gallery-arrow-left,
.gallery-arrow-right {
height: 100vh !important;
max-height: 100vh !important;
cursor: pointer
}
.gallery-nav {
padding: 10px 15px;
box-shadow: -3px -3px 7px #CCC;
margin-top: 10px;
font-weight: 700;
color: #555;
display: none
}
.gallery3 {
padding: 0
}
.container-full {
width: 100%;
padding: 0
}
.container-full .col-md-12 {
padding: 0
}
.side-menu-nofixed {
height: 100vh;
width: 25%;
left: 0;
transition: .4s
}
.smn-hide {
left: -25%;
transition: .4s
}
.gallery3 .side-logo {
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
color: #FFF;
letter-spacing: .05em;
display: block;
border-bottom: 1px solid #252525;
margin: 0;
padding: 30px 30px 40px
}
.gallery3 .side-logo h1 {
font-family: Kaushan Script;
text-transform: none;
font-size: 23px
}
.gallery3 .side-logo h1:hover span {
background: #fff;
color: #171717;
transition: .4s
}
.gallery3 .side-logo h1 span {
font-family: Alegreya Sans;
border: 2px solid #fff;
padding: 4px 10px;
font-size: 24px;
text-transform: uppercase;
margin-right: 15px;
transition: .4s
}
.side-copy {
color: #5E5E5E;
text-transform: uppercase;
text-align: center;
padding: 20px 30px;
position: absolute;
bottom: 0
}
.side-close1 {
color: #FFF;
width: 50px;
height: 50px;
line-height: 38px;
text-align: left;
position: absolute;
right: -50px;
font-size: 14px;
z-index: 666;
padding-left: 5px;
cursor: pointer
}
.side-close1:after {
content: "";
background: #171717;
position: absolute;
width: 70px;
height: 70px;
top: -35px;
left: -35px;
right: 0;
transform: rotate(45deg);
z-index: -1
}
.sidemenu-main {
transition: .4s
}
.sm-hide {
position: relative;
left: -100%
}
.gallery-main {
padding-left: 25% !important;
transition: .4s
}
.gallery-main-full {
width: 100%;
transition: .4s;
padding-left: 0 !important
}
.gm-inner {
position: relative
}
.loader {
margin: 20px auto;
width: 70px;
text-align: center;
display: none
}
.loader > div {
width: 18px;
height: 18px;
background-color: #c6a456;
border-radius: 100%;
display: inline-block;
animation: bouncedelay 1.4s infinite ease-in-out;
animation-fill-mode: both
}
.loader .bounce1 {
animation-delay: -.32s
}
.loader .bounce2 {
animation-delay: -.16s
}
@keyframes bouncedelay {
0%, 100%, 80% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
.loader.load_n {
display: block
}
@media (min-width: 768px) and (max-width: 1050px) {
#site-index #nav_menu #menu-button:after, #reservation-atelier #nav_menu #menu-button:after {
background: #fff none repeat scroll 0 0;
}
#site-index #nav_menu #menu-button:before, #reservation-atelier #nav_menu #menu-button:before {
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
}
#site-index header .col-md-2, #reservation-atelier header .col-md-2 {
width: 25%;
}
#site-index header .col-md-8, #reservation-atelier header .col-md-8 {
width: 50%;
}
.gallery-main {
padding-left: 35% !important;
transition: .4s
}
.side-menu-nofixed {
height: 100vh;
width: 35%;
left: 0;
transition: .4s
}
.smn-hide {
left: -35%;
transition: .4s
}
.gallery-main-full {
transition: .4s;
padding-left: 0 !important
}
.logo {
max-width:70%;
}
.gallery3 .side-logo h1 span {
display: block;
margin-bottom: 15px
}
.fw-links li a,
.fwp-inner h4 {
font-size: 11px
}
.journal-7 {
display: none
}
.journal-news-home {
width: 90%;
margin: 10px auto 0;
display: table;
position: relative;
padding-right: 0
}
.journal-news-home a.btn1 {
position: relative;
right: 52px;
bottom: 0;
top: 47px;
margin-bottom: 50px
}
.insta-wrap h3 {
font-size: 36px;
padding-right: 30px
}
.insta-wrap h3 span {
font-size: 57px
}
.insta-wrap h3 em {
height: 76px;
margin: -38px 0 0;
right: 55px;
position: absolute;
top: 50%
}
.features-wrap h4 {
font-size: 27px
}
.features-wrap h4 span {
font-size: 36px
}
#site-page-index #nav_menu #menu-button:after {
background: #fff
}
#site-page-index #nav_menu #menu-button:before {
border-top: 2px solid #fff;
border-bottom: 2px solid #fff
}
#site-page-index header .col-md-2 {
width: 25%
}
#site-page-index header .col-md-8 {
width: 50%
}
.home-gallery {
margin: 60px 0 30px;
display: table
}
.home-about .col-md-6,
.home-gallery img {
width: 100%
}
.about-info {
padding: 40px 20px;
margin: 0 auto;
float: none
}
.hi-inner {
width: 363px;
margin-right: 55px;
float: right;
position: absolute;
right: 0;
height: 190px;
top: 50%;
margin-top: -85px
}
.home-info2 {
position: relative;
top: 0;
margin-bottom: 0;
display: table;
width: 100%
}
.header3 .col-md-2 {
width: 25%
}
.header3 .col-md-8 {
width: 50%
}
#about-info .col-md-6 {
width: 100%
}
.a-info {
width: 100%;
padding: 55px 40px
}
.footer .col-md-7 {
width: 80%
}
.footer .col-md-5 {
width: 20%
}
#about-info2 img {
width: 100%
}
.sign {
width: auto !important;
max-width: 100%
}
.gal-nav li {
margin: 0 27px
}
.journal-filter li,
.portfolio-gal-filter li {
float: left;
margin: 0 23px
}
.portfolio-gal .folio-item {
width: 33.3333%;
float: left
}
#index-1 #menu-button {
float: right
}
.intro h2 {
font-size: 64px;
line-height: 81px;
margin: 200px 0
}
.author-message p {
padding: 0 10%
}
.journal-filter li {
float: left;
margin: 0 17px
}
.journal-filter li:after {
right: -26px;
top: 0
}
.journal-quote h5 {
padding: 0 14%
}
.sub-comment {
position: relative;
left: 0;
margin-left: 75px
}
}
@media (max-width: 767px) {
.portfolio-gal .folio-item .action-buttons {
right: 15px !important;
}
.navbar-toggle .icon-bar {
background-color: #000;
}
#site-page-about .site-content .about-left {
padding-right: 15px;
padding-bottom: 20px;
}
.instagram-preview .special-title {
width: auto !important;
padding: 0 30px !important;
}
#site-page-about .site-content {
padding-bottom: 0px !important;
}
.about-right .awards {
margin-bottom: 40px;
}
.footer {
padding: 0 0 60px;
}
.footer .copyright {
text-align: center;
}
.footer .comgate-logos img {
height: auto;
right: 0;
}
.about-wrapper .about-content {
padding: 20px 40px 0 !important;
}
.portfolio-gal .folio-item, .portfolio-gal .folio-item {
margin: 0;
padding: 0;
}
.button-wrapper {
text-align: center;
}
.navbar-collapse.in {
overflow: visible;
}
#nav_menu ul > li.active > a,
#nav_menu ul > li:hover > a {
background-color: rgba(0, 0, 0, 0.8);
}
.gallery-preview .col {
margin-bottom: 10px;
}
.gallery-preview .row + .row {
margin-top: 0;
}
#site-index #nav_menu #menu-button::after, #reservation-atelier #nav_menu #menu-button:after {
background: #fff none repeat scroll 0 0;
}
#site-index #nav_menu #menu-button::before, #reservation-atelier #nav_menu #menu-button:before {
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
}
.gallery3 .side-logo {
width: 100%;
text-align: center
}
.menu-button:after {
content: '';
position: absolute;
font-family: FontAwesome;
right: 30px;
font-size: 26px;
line-height: 21px;
color: #555
}
.menu-button:hover:after {
color: #eee
}
.smn-hide {
left: -100%;
transition: .4s
}
.side-copy {
display: none
}
.sm-hide {
position: relative;
left: -100%
}
.gallery-main {
padding-left: 0 !important;
transition: .4s
}
.gallery-main-full {
width: 100%;
transition: .4s;
padding-left: 0 !important
}
.side-menu-nofixed {
height: 100%;
width: 100%;
left: 0;
transition: all .4s ease 0s;
position: relative
}
#gal-slider .slides img {
width: 100% !important;
max-width: 100%
}
.home-info2 img {
width: 100%
}
.sub-comment {
position: relative;
left: 0;
margin-left: 0
}
.comment-head img {
float: none
}
.comment-head h5 {
margin: 27px 0 0 10px
}
.fc-widget {
margin-bottom: 40px
}
.footer-content {
padding: 60px 0 20px
}
#journal-single h3 {
line-height: 50px;
padding: 0 15px
}
.journal-quote h5 {
font-size: 17px
}
.intro {
background-size: auto 150%
}
.intro h2 {
font-size: 30px;
line-height: 42px;
margin: 150px 0
}
.author-message p {
padding: 0 15px
}
.portfolio-feed-filter {
display: table;
width: 260px;
margin: 0 auto 50px
}
.portfolio-feed-mason .item {
width: 100%
}
#site-page-index #nav_menu #menu-button:after {
background: #fff
}
#site-page-index #nav_menu #menu-button:before {
border-top: 2px solid #fff;
border-bottom: 2px solid #fff
}
#site-page-index header .col-md-8 {
width: 20%;
float: left
}
#site-page-index .logo,
#site-page-index header .col-md-2 {
width: 40%;
float: left
}
.home-gallery img {
opacity: 1;
transition: all .4s ease 0s;
width: 100%
}
.about-info {
padding: 20px 30px
}
.dual-btns a {
margin-right: 30px;
margin-bottom: 15px;
display: table
}
.quote-text h5 {
font-size: 18px;
padding: 0 15px
}
.journal-7 .col-md-9 {
padding-left: 15px;
padding-top: 90px
}
.journal-7 .col-md-9 .journal-news {
padding: 0 30px
}
.journal .col-md-5,
.journal .col-md-7 {
padding: 0 15px
}
.journal-news-home {
width: 100%;
padding-right: 0
}
.journal-news-home a.btn1 {
position: relative;
right: 50px;
bottom: -51px;
margin-bottom: 40px
}
.insta-wrap h3 {
display: none
}
.features-wrap .col-md-4:nth-child(1),
.features-wrap .col-md-4:nth-child(3) {
margin-top: 0
}
.testimonial-inner:after {
display: none
}
#testimonial-slider .owl-buttons,
.vce_testimonials .flex-direction-nav {
width: 165px;
display: table;
height: 65px;
position: absolute;
top: auto;
left: 0;
bottom: -100px;
right: 0;
margin: 0 auto
}
#testimonial-slider .owl-next:after,
#testimonial-slider .owl-prev:after,
.flex-direction-nav li a.flex-next:after,
.flex-direction-nav li a.flex-prev:after {
color: #888
}
#top-info p {
margin: 0 0 40px
}
.gbt-tag li {
width: 50%;
float: left;
border-right: 1px solid #E1E1E1;
text-align: center;
cursor: pointer;
margin-bottom: 30px
}
.gbt-tag {
margin: 90px 0 60px
}
.gallery2 ul li,
.gallery2 ul li img {
width: 100%
}
.recent-posts .col-md-4 {
margin-bottom: 30px
}
.recent-posts {
padding: 90px 0 60px
}
.hi-inner {
width: 330px;
margin-right: 0;
float: right;
position: absolute;
right: 0;
height: 290px;
top: 50%;
margin-top: -145px;
padding: 0 20px
}
.hi-inner img {
float: none
}
.hi-inner p {
margin-left: 0;
margin-top: 20px
}
.home-info1 .col-md-7 {
height: 450px
}
.home-info2 {
position: relative;
top: 0;
margin-bottom: 0;
display: table;
width: 100%;
margin-top: 15px
}
.home-info2 .col-md-7 {
padding-right: 0
}
.home-info2 .col-md-5 img {
float: none;
margin-top: 0
}
#index-1 header .col-md-3 {
width: 70%;
float: left
}
#index-1 header .col-md-9 {
width: 30%;
float: left
}
.portfolio-gal .folio-item,
.portfolio-gal .folio-item.col-md-6 {
width: 100%;
padding: 0 15px;
margin-bottom: 30px
}
.gal-nav li:after {
display: none
}
.gal-nav {
margin: 0 0 60px;
display: table;
width: 100%
}
.gal-nav li {
float: none;
position: relative;
border-bottom: 1px solid #ddd
}
.gal-nav li span {
line-height: 40px
}
#gallery {
padding: 60px 0
}
#gal-slider .slides .col-md-1,
#gal-slider .slides .col-md-10,
#gal-slider .slides .col-md-11,
#gal-slider .slides .col-md-12,
#gal-slider .slides .col-md-2,
#gal-slider .slides .col-md-3,
#gal-slider .slides .col-md-4,
#gal-slider .slides .col-md-5,
#gal-slider .slides .col-md-6,
#gal-slider .slides .col-md-7,
#gal-slider .slides .col-md-8,
#gal-slider .slides .col-md-9 {
padding: 1px
}
#journal h3,
#journal-single h3,
#portfolio-gal h3,
.a-info h3,
.about-info h4,
.c-info h3,
.cust_hed,
.testimonials h3 {
font-size: 35px
}
.journal-filter li:after,
.portfolio-gal-filter li:after {
display: none
}
.journal-filter li,
.portfolio-gal-filter li {
float: none;
position: relative;
border-bottom: 1px solid #ddd
}
.journal-filter,
.portfolio-gal-filter {
width: 100%
}
.journal-filter li a,
.portfolio-gal-filter li a {
line-height: 40px
}
.sign {
margin-bottom: 60px
}
#c-info {
padding: 60px 0
}
.c-info ul {
padding: 55px 0 25px
}
.c-info ul li {
width: 100%;
margin-bottom: 30px
}
#journal h3 span,
#journal-single h3 span,
#portfolio-gal h3 span,
.a-info h3 span,
.about-info h4 span,
.c-info h3 span,
.testimonials h3 span {
font-size: 50px
}
.header3 .col-md-2 {
width: 40%;
float: left
}
.header3 .col-md-8 {
width: 20%;
float: left
}
.a-info {
padding: 55px 15px
}
.flex-direction-nav li a.flex-next:before,
.flex-direction-nav li a.flex-prev:before {
color: #888;
}
form.search-form {
max-width: 320px;
}
.pre-footer .widget-title {
margin: 40px 0;
}
.footer p {
text-align: center
}
#c-info {
position: absolute;
top: 40px;
left: 0;
right: 0
}
.c-info {
padding: 0 30px
}
}
@media (max-width: 767px) {
#nav_menu {
width: 100%
}
#nav_menu li.dropdown:hover ul,
#nav_menu li.dropdown.open ul {
top: 0;
}
#nav_menu.align-center ul,
#nav_menu.align-right ul ul {
text-align: left
}
#nav_menu ul li,
#nav_menu ul li:hover > ul > li,
#nav_menu ul ul li {
width: 100%;
border-top: 1px solid rgba(120, 120, 120, .15)
}
#nav_menu ul li a,
#nav_menu ul ul li a {
width: 100%
}
#nav_menu ul > li,
#nav_menu.align-center ul > li,
#nav_menu.align-right ul > li {
float: none;
display: block
}
#nav_menu ul ul li a {
padding: 20px 20px 20px 30px;
font-size: 12px;
color: #6d6d6d;
background: 0 0
}
#nav_menu ul ul li a:hover,
#nav_menu ul ul li:hover > a {
color: #fff
}
#nav_menu ul ul ul li a {
padding-left: 40px
}
#nav_menu ul ul,
#nav_menu ul ul ul {
position: absolute;
left: -100%;
right: auto;
margin: 0
}
#nav_menu ul ul li.has-sub > a::after,
#nav_menu ul > li.has-sub > a::after {
display: none
}
#nav_menu #menu-button {
display: block;
padding: 20px;
color: #000;
cursor: pointer;
font-size: 12px;
text-transform: uppercase
}
#nav_menu #menu-button::after {
content: '';
position: absolute;
top: 15px;
right: 20px;
display: block;
width: 15px;
height: 2px;
background: #333
}
#nav_menu #menu-button::before {
content: '';
position: absolute;
top: 20px;
right: 20px;
display: block;
width: 15px;
height: 7px;
border-top: 2px solid #333;
border-bottom: 2px solid #333
}
#nav_menu .submenu-button {
position: absolute;
z-index: 10;
right: 0;
top: 0;
display: block;
border-left: 1px solid rgba(120, 120, 120, .15);
height: 52px;
width: 52px;
cursor: pointer
}
#nav_menu .submenu-button::after {
content: '';
position: absolute;
top: 20px;
left: 24px;
display: block;
width: 1px;
height: 9px;
background: #888;
z-index: 99
}
#nav_menu .submenu-button::before {
content: '';
position: absolute;
left: 20px;
top: 24px;
display: block;
width: 9px;
height: 1px;
background: #888;
z-index: 99
}
#nav_menu .submenu-button.submenu-opened:after {
display: none
}
#nav_menu ul > li > a {
padding: 18px 30px;
height: 52px;
line-height: normal;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
}
#nav_menu {
opacity: 1
}
#menu-button {
margin: 30px auto !important;
display: table !important;
}
.head_scroll #menu-button {
margin: 20px auto !important;
}
#sidemenu ul li.open {
position: relative !important;
margin-top: 0 !important
}
#nav_menu ul ul li a {
border-bottom: none
}
#nav_menu ul ul {
margin: 0;
opacity: 1;
transition: .4s;
padding: 0
}
}
.special-title {
font-size: 50px;
color: #171717;
line-height: 1.1em;
font-family: Abril Fatface;
font-weight: 400;
font-style: normal;
margin: 5px 0 30px
}
.special-title span {
font-size: 1.44em;
line-height: 1.1em
}
.about-wrapper {
background-color: rgba(153, 153, 153, 0.1);
}
.about-wrapper .about-image .frame-border {
position: relative;
}
.about-wrapper .about-image .frame-border::after {
border: 1px solid #fff;
content: "";
height: 96%;
left: 2%;
position: absolute;
right: 0;
top: 2%;
width: 96%;
}
.about-wrapper .about-content {
padding: 20px 0 25px 65px;
}
.about-wrapper .about-content p {
color: #787878;
font-family: "Alegreya Sans";
font-size: 15px;
letter-spacing: 0.05em;
line-height: 22px;
margin: 0 0 15px;
}
.slider-preview {
background-color: #ccc;
}
.gallery-preview {
min-height: 650px;
margin-top: 60px;
margin-bottom: 60px;
}
.gallery-preview .row {
margin-left: -22px;
margin-right: -22px;
}
.gallery-preview .row > [class*="col-"] {
padding-left: 22px;
padding-right: 22px;
}
.gallery-preview .row + .row {
margin-top: 44px;
}
.gallery-preview img.img-responsive {
display: inline-block;
}
.gallery-preview .image-wrapper {
overflow: hidden;
text-align: center;
}
.gallery-preview .image-wrapper img {
transform: scale(1);
transition-duration: 0.5s;
}
.gallery-preview .image-wrapper img:hover {
transform: scale(1.2);
}
.blog-preview {
margin-top: 60px;
margin-bottom: 60px;
}
.instagram-preview.about .infiniteCarousel_item {
width: 150px;
height: 180px;
overflow: hidden;
}
.instagram-preview.about .infiniteCarousel_item img {
width: auto;
height: 250px;
}
.instagram-preview {
position: relative;
height: 180px;
overflow: hidden;
}
.instagram-preview .special-title {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
background: rgba(23, 23, 23, 0.8) none repeat scroll 0 0;
color: #fff;
font-size: 50px;
font-weight: 400;
letter-spacing: 0.05em;
margin: 0;
padding-right: 60px;
text-align: right;
width: 43%;
z-index: 99;
line-height: 180px;
}
.instagram-scrollbox {
width: 100%;
}
.instagram-preview ul {
white-space: nowrap;
}
.instagram-preview img {
height: 180px;
}
.instagram-preview ul > li {
display: inline-block;
margin: 0;
}
.modal {
z-index: 1041;
}
.load-more-button-wrapper {
margin-top: 50px;
margin-bottom: 90px;
}
.load-more-button-wrapper .vce-button {
margin: 0;
}
#article-index .portfolio-gal-filter {
margin-top: 60px;
}
.login-panel {
margin: 60px 0;
}
.sidebarTags .row + .row {
margin-top: 4px;
}
.sidebarTags .row {
margin-left: -2px;
margin-right: -2px;
}
.sidebarTags .row [class*="col-"] {
padding-left: 2px;
padding-right: 2px;
}
#photoForm,
#articleForm {
margin-top: 60px;
margin-bottom: 60px;
}
.previewImage {
position: relative;
overflow: hidden;
margin-bottom: 0px;
min-height: 125px;
}
.previewImage .img-faker {
display: inline-block;
width: 100%;
}
.previewImage img {
width: 100%;
height: auto;
}
#articleForm .previewImage img {
width: auto;
}
.previewImage .fa {
display: block;
margin: 0 auto;
}
.previewImage .target {
position: relative;
display: inline-block;
width: 49%;
margin: 2px;
}
.previewImage .target a {
position: absolute;
right: 0;
top: 0;
margin: 2px;
z-index: 101;
}
.previewImage input[type="file"] {
margin: 2px;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
cursor: pointer;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
z-index: 100;
}
/* Medium Devices, Desktops */
@media (max-width: 991px) {
.collapse.navbar-collapse .social-nav {
display: none;
}
}
/* Small Devices, Tablets */
@media (max-width: 767px) {
#site-page-contact .contact-content {
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
}
#site-page-contact .contact-content .contact-us {
margin-top: 0;
}
#contact-map-canvas {
height: 300px;
}
.header3 .logo a {
width: 35%;
}
.instagram-preview {
height: 240px;
}
.instagram-preview .special-title {
height: 70px;
line-height: 65px;
background-color: transparent;
position: static;
color: #000;
text-align: left;
}
header.head_scroll {
height: 50px;
}
.footer .footer-nav {
justify-content: center;
}
}
/* Extra Small Devices, Phones */
@media (max-width: 480px) {
.header3 .logo a {
width: 50%;
}
.special-title {
font-size: 30px !important;
}
.footer {
padding-bottom: 0 0 40px;
}
.footer .created-by .text-right,
.footer .created-by .copyright {
float: none;
width: 100%;
}
.footer .created-by .text-right {
margin-top: 15px;
}
footer .info-content {
padding-top: 0px;
}
}
footer .social-nav-wrapper {
text-align: center;
}
@media (min-width: 768px) {
footer .social-nav-wrapper {
text-align: right;
}
}
.preloader-wrapper {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFF;
z-index: 9999999;
opacity: 0.6;
}
.preloader-wrapper .down-preloader {
position: absolute;
top: 50%;
left: 50%;
margin-left: -45px;
margin-top: -45px;
width: 90px;
height: 90px;
}
.sort-container {
margin-top: 60px;
margin-bottom: 60px;
}
.sort-container .row {
margin-left: -7px;
margin-right: -7px;
}
.sort-container .row .col-sm-3 {
padding-left: 7px;
padding-right: 7px;
}
.sort-container .row .photo-item {
cursor: move;
height: 200px;
text-align: center;
white-space: nowrap;
overflow: hidden;
}
.sort-container .row .photo-item .helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.sort-container .row .photo-item img {
display: inline-block;
height: auto;
max-width: 100%;
vertical-align: middle;
}
.sort-container .row .col-sm-3:nth-child(n+5) {
margin-top: 14px;
}
.ui-sortable-placeholder {
background-color: rgba(255, 0, 0, 0.3);
}
.priceList tr th:nth-of-type(1),
.priceList tr:first-of-type th:nth-of-type(1) {
width: 30%;
}
.priceList tr td:nth-of-type(1),
.priceList tr:first-of-type th:nth-of-type(2) {
width: 100px;
text-align: right;
}
.priceList .priceListHeading {
background-color: #efefef;
}
.priceList.fotoproducts td.cell-left {
text-align: left;
}
.colorBlack {
color: black;
}
/*--------------------------------------------------------------
## Atelier
--------------------------------------------------------------*/
.services-box .fa.icon {
color: #C0C0C0;
}
.services-box p {
text-align: justify;
}
.services-box h3 {
color: #666;
position: relative;
margin-bottom: 15px;
padding-bottom: 15px;
}
.services-box h3:after {
position: absolute;
bottom: 0;
display: block;
border-bottom: 1px solid #C0C0C0;
width: 50px;
content: "";
}
.services-box.icon-left h3 {
text-align: left;
}
.services-box.icon-left h3:after {
left: 0;
}
.services-box.icon-left .fa.icon {
float: left;
}
.services-box.icon-right h3 {
text-align: right;
}
.services-box.icon-right h3:after {
right: 0;
}
.services-box.icon-right .fa.icon {
float: right;
}
.services-box.icon-left .services-box-content {
margin-left: 45px;
}
.services-box.icon-right .services-box-content {
margin-right: 45px;
}
.services-box-content .btn-silver {
white-space: initial;
padding-top: 10px;
padding-bottom: 10px;
line-height: 1;
}
.services-box-content .btn-silver .h4 {
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 768px) {
.services-box.icon-left .services-box-content {
margin-left: 60px;
}
.services-box.icon-right .services-box-content {
margin-right: 60px;
}
.services-box.icon-left {
padding-left: 15px;
}
.services-box.icon-right {
padding-right: 15px;
}
.services-box .services-box-content {
padding-right: 15px;
}
}
section.container {
margin-top: 80px;
}
section.container + section.container {
margin-top: 40px;
}
.p-l-10 {
padding-left: 10px;
}
.text-darker {
color: #686868;
}
.text-dark {
color: #333333;
}
.img-fixed-text {
background-color: rgba(240, 240, 240, 0.5);
position: absolute;
bottom: 0;
width: 100%;
}
@media (max-width: 767px) {
.img-fixed-text {
position: relative;
background-color: transparent;
}
}
.btn-silver {
color: #666;
cursor: pointer;
letter-spacing: 1px;
text-align: center;
transition: color 0.2s ease-in-out 0s, background 0.2s ease-in-out 0s, border 0.2s ease-in-out 0s;
vertical-align: middle;
text-decoration: none;
border: 1px solid #c2c2c2;
border-radius: 20px;
background-color: white;
}
.btn-silver-hover {
cursor: pointer;
letter-spacing: 1px;
text-align: center;
transition: color 0.2s ease-in-out 0s, background 0.2s ease-in-out 0s, border 0.2s ease-in-out 0s;
vertical-align: middle;
text-decoration: none;
border-radius: 20px;
background-color: #C0C0C0;
border-color: #C0C0C0;
color: white;
}
.btn-silver-hover:hover{
color: white;
}
.btn-big {
margin-left: 10px;
margin-right: 10px;
line-height: 40px;
display: inline-block;
padding: 0 30px;
}
.btn-silver:hover {
background-color: #C0C0C0;
border-color: #C0C0C0;
color: white;
}
.form-group.required label:after {
content:"*";
color:red;
}
.btn-send-card-token {
margin-top: 25px;
}
#reserved-times li {
display: flex;
gap: 10px;
justify-content: space-between;
align-items: center;
}
.calendar-loading {
min-width: 100%;
min-height: 485px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5em;
}
.reservation-calendar .calendar-head {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 10px;
}
@media (min-width: 768px) {
.reservation-calendar .calendar-head {
flex-direction: row;
}
}
.reserved-times-wrapper {
display: flex;
flex-direction: column;
}
.reserved-times-wrapper .update-reservation-button {
flex: 1;
display: flex;
flex-direction: column;
margin-top: 15px;
}
.reservation-calendar .calendar-nav,
.reservation-calendar .calendar-views {
margin-top: 20px;
}
.reservation-calendar .cal-year-box [class*="span"],
.reservation-calendar .cal-month-box [class*="cal-cell"] {
min-height: 60px;
}
.reservation-calendar .cal-month-box [class*="cal-cell"].cal-cell-selected {
background-color: #ededed;
}
.reservation-calendar .cal-month-day {
height: 60px;
}
.admin-calendar.reservation-calendar .cal-month-day {
height: 80px;
}
@media (min-width: 768px) {
.reservation-calendar .cal-month-day {
height: 90px;
}
}
.reservation-calendar .empty-events-list {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
.reservation-calendar .empty-events-list,
.reservation-calendar .events-list {
width: 100%;
max-height: 100px;
padding: 0 5px;
}
.reservation-calendar span[data-cal-date] {
margin-top: 0;
}
.reservation-calendar .cal-row-fluid .cal-cell1 {
width: 100%;
max-width: 14.285714285714285%;
}
.reservation-calendar .empty-events-list .event,
.reservation-calendar .events-list .event {
height: auto;
font-size: 12px;
color: #fff;
box-shadow: none;
border: 0;
border-radius: 9px;
padding: 0 4px;
white-space: nowrap;
overflow: hidden;
text-align: center;
min-width: 18px;
min-height: 18px;
}
.reservation-calendar .empty-events-list .event .event-label,
.reservation-calendar .events-list .event .event-label {
display: none;
}
@media (min-width: 768px) {
.reservation-calendar .empty-events-list .event,
.reservation-calendar .events-list .event {
width: 100%;
text-align: left;
border-radius: 6px;
}
.reservation-calendar .empty-events-list .event .event-label,
.reservation-calendar .events-list .event .event-label {
display: inline;
}
}
#cal-slide-content {
background-image: none;
}
#cal-slide-content {
display: flex;
/* justify-content: flex-end;*/
padding: 0;
}
#cal-slide-content ul.unstyled {
position: relative;
width: 300px;
padding: 20px;
}
#cal-slide-content a.event-item {
color: #000;
display: inline-block;
padding: 2px 0px;
font-size: 110%;
}
.full-bar {
width: 100%;
padding: 10px 0;
z-index: 200;
}
.full-bar.bottom-bar .row-flex {
align-items: center;
}
.full-bar.bottom-bar div.h4 {
text-align: center;
}
.phone-link {
display: inline-flex;
align-items: center;
white-space: nowrap;
color: currentColor;
}
.phone-link:hover {
color: currentColor;
}
@media (min-width: 768px) {
.full-bar.bottom-bar .row-flex {
justify-content: space-between;
}
}
span.nowrap {
white-space: nowrap;
}
.silver {
background-color: #C0C0C0;
}
.gold{
background-color: #c6a456;
color: white;
}
.sticky {
position: sticky;
top: 80px;
}
@media (max-width: 767px) {
.sticky {
top: 50px;
}
}
.m-d-15{
margin-bottom: 15px;
}
.errorSummary {
color: #a94442;
}
@media (max-width: 767px) {
.pricing-btn-links .btn-silver {
margin-left: 0;
margin-right: 0;
}
.pricing-btn-links .btn-silver > span {
font-size: 1.4rem;
}
}
@media (max-width: 767px) {
.cart .cart-inner {
margin-left: 20px;
margin-right: 20px;
}
}
#site-page-terms-and-conditions h1 {
font-size: 25px;
}
#site-page-terms-and-conditions h2 {
font-size: 19px;
}
#site-page-privacy-policy dd {
margin-bottom: 1rem;
}
#site-page-privacy-policy a {
text-decoration: underline;
}
.btn-buy-card {
background-color: #5cb85c;
color: #fff;
border-color: #4cae4c;
}
#lorem-modal .modal-title .icon {
position: relative;
bottom: 1px;
}
#lorem-modal .modal-body p {
font-size: 16px;
}
#lorem-modal .modal-body dl {
display: flex;
}
#lorem-modal .modal-body dl dt {
text-align: center;
min-width: 50px;
}
#lorem-modal .modal-wrapper {
display: flex;
height: 100%;
align-items: center;
}
#lorem-modal .modal-body .btn-silver.btn-success {
background-color: #47a447;
border-color: #398439;
color: #fff;
}
.pager li > a,
.pager li > span {
border-radius: 0;
}
.pagination-flex-wrapper {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 10px;
}
.pagination-flex-wrapper .form-group {
margin-bottom: 0;
}
.per-page-control {
max-width: 48px;
}
.points-duration {
display: flex;
gap: 10px;
align-items: center;
white-space: nowrap;
}
.card {
margin-bottom: 20px;
}
.card .card-body.qr-code .img-responsive {
display: inline-block;
}
.card .card-body.qr-code {
text-align: center;
}
@media (min-width: 768px) {
.card .card-body.qr-code {
text-align: left;
}
}
.card .card-body .card-profile-image {
width: auto;
height: 120px;
margin-right: 1em;
margin-bottom: 1em;
}
@media (min-width: 768px) {
.card .card-body .card-profile-image {
height: 180px;
}
}
.card-text.text-nowrap {
white-space: nowrap;
}
.card-text.text-nowrap a {
white-space: normal;
}
.card .card-body .card-title {
margin-top: 0;
margin-bottom: 0;
}
.card .card-body .download-btn-wrapper {
margin-top: 2em;
text-align: center;
}
@media (min-width: 768px) {
.card .card-body .download-btn-wrapper {
text-align: left;
}
}
@media (min-width: 992px) {
.card .card-body .download-btn-wrapper {
margin-top: 0;
}
}
.card .card-body .mb-0 {
margin-bottom: 0;
}
.card .card-body .card-text .glyphicon {
margin-right: 5px;
}
.card .card-body .btn-silver {
margin-left: 0;
margin-right: 0;
}
.grid-view {
overflow-x: auto;
}