/*
Theme Name: matsunaga
Template: twentytwentyfour
*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

html {
    font-family: Meiryo,sans-serif !important;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 0
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
    outline-width: 0;
}

abbr[title] {
    border-bottom: 1px #767676 dotted;
    text-decoration: none;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: 700;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #eee;
    color: #222;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    border: 1px solid #bbb;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto; 
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details,
menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

.pc_only { display:inherit;}
.sp_only { display:none !important;}

@media screen and (max-width: 768px) {
.pc_only { display:none !important;}
.sp_only { display:inherit !important;}
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea,
.btn {
    color: #000; 
    /*font-size: 15px;*/ 
    line-height: 1.6;
}

body,
button,
input,
select,
textarea ,
.pri-font{
    font-family: 'Fira Sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.sec-font,
.widget_rss li .rsswidget,
footer .widget_recent_entries li a{
    font-family: 'Roboto Condensed', sans-serif;
}

.font3{
   font-family: 'Rock Salt', cursive;
} 

.font4{
   font-family: 'Dawning of a New Day', cursive;
} 

h1,
h2,
h3,
h4,
h5,
h6 {     
    margin: 0;
    padding: 0;
    line-height: 1.4;   
    color: #242424;
    letter-spacing: 0.02em;
    font-weight: 600; 
    word-break: break-all;
}

.hero-banner h2, .director{
    font-size: 60px;
}

.video-block h2, .fun-fact h2, .comming-soon h1{
    font-size: 50px;
}

h2.sec-title, .fun-fact .icon, .page-header h2 {
    font-size: 35px;
} 

h1 {
    font-size: 36px;
    margin-bottom: 20px; 
}

h2{ 
    font-size: 32px; 
    margin-bottom: 20px;
}

h3, h2.comments-title {
    font-size: 28px;
    margin-bottom: 15px;
 }

h4 {
    font-size: 25px;
    margin-bottom: 15px;
 }

h5 {
    font-size: 20px;
    margin-bottom: 10px;
}

h6 { 
    font-size: 18px; 
    margin-bottom: 5px;
}

.post-meta-wrap, a.view, .lh-1{
    line-height: 1;
}

.wt-bold{
    font-weight: 600;
}

.wt-normal{
    font-weight: normal;
}

p {
    margin: 0 0 1.5em;
    padding: 0;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 50px 0; 
    padding: 0 70px; 
    font-size: 18px;   
    overflow: hidden; 
    font-style: italic;
    opacity: 0.8;
}

blockquote cite {
    display: block;
    font-style: normal;
    font-weight: 600;
    margin-top: 0.5em;
}

blockquote p:before, blockquote p:after,  .testi-box p, .testi-slide-2 p {
    quotes: '“' '”';
}

blockquote p:before, blockquote p:after, .testi-box p:before, .testi-slide-2 p:before{ 
    content: open-quote;
    font-size: 70px;
    line-height: 0.5;
    display: inline-block; 
    float: left;
    height: 25px;
    padding-right: 10px; 
    position: relative;
    top: 20px;
}

blockquote p:before, blockquote p:after{
    position: absolute;
    float: none;
    top: initial;
}

blockquote p:before{
    margin: 5px 0 0 -5%;
}

blockquote p:after{
    content: close-quote;
    margin: 35px 0 0 10px;
}

address {
    margin: 0 0 1.5em;
}

pre,
code,
kbd,
tt,
var {
    font-family: 'Cutive Mono', monospace;
    font-size: 18px;
}

pre {
    border: 1px solid #d1d1d1;
    margin: 0 0 1.75em;
    max-width: 100%;
    overflow: auto;
    padding: 1.75em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

code {
    background-color: #d1d1d1;
    padding: 0.125em 0.25em;
}

code,
kbd,
tt,
var { 
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #eee;
    text-decoration: none;
}


big {
    font-size: 125%;
}

blockquote {
    quotes: "" "";
}

q {
    quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
    content: "";
}


.lead-text p:first-of-type:first-letter{
    font-size: 300%; 
    font-weight: 600;
    display: inline-block;
    line-height: 1.2;
    float: left;
    margin-right: 15px; 
}


/*--------------------------------------------------------------
3.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    word-wrap: normal; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1; 
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}


/*--------------------------------------------------------------
4.0 Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*--------------------------------------------------------------
5.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after, 
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
    clear: both;
}
 

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label { 
    display: block;
    font-weight: 500;
    margin-bottom: 0.3em;
}

fieldset {
    margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
button,
input[type="button"],
input[type="submit"] { 
    background-color: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    outline: 0;
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    color: #9d9d9d;
    padding: 0.45em 0.6em 0.4em;
    border: 1px solid #d7d7d7;
    width: 100%;  
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #222;
    border-color: #b9b9b9;
}

select{
    padding: 0.35em 0.6em 0.55em;
    background: #fff url('assets/images/select-bg.jpg') no-repeat 100% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea{
    height: 170px;
}

.contact-top textarea{
    height: 250px;
}

input[type="radio"],
input[type="checkbox"] {
    margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
    font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] { 
    cursor: pointer;
    width: initial;
}

.booking input[type="text"], .booking input[type="number"]{
    background-color: transparent;
    border-color: #4e4d4d;    
} 

.booking input[type='number'] {
    -moz-appearance:textfield;
}
 

/* Webkit browsers like Safari and Chrome */
.booking input[type=number]::-webkit-inner-spin-button,
.booking input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.booking button[type="submit"]{    
    border: 1px solid transparent; 
    width: 200px;
    background: transparent;
    padding: 19px 10px;
    text-transform: uppercase;
}


.banner-content .booking button[type="submit"], .sidebar .booking button[type="submit"]{
    width: 100%;
    padding: 10px;
}

.subscription input[type="text"], 
.subscription input[type="email"]{ 
    border: 0;
}

.subscription input[type="submit"]{
    text-transform: uppercase;
}

.subscription input[type="submit"]:hover{
    background-color: #2f2f2f;
}

.widget_search input{
    padding-right: 50px;
}


/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
    color: #a9a9a9; 
}

:-moz-placeholder {
    color: #a9a9a9; 
}

::-moz-placeholder {
    color: #a9a9a9; 
}

:-ms-input-placeholder {
    color: #a9a9a9; 
}

/*------------ placeholder on focus -----------*/

:focus::-webkit-input-placeholder{
    color: transparent;
}

:focus:-moz-placeholder{
    color: transparent;
}

:focus::-moz-placeholder{
    color: transparent;
    opacity: 1;
}

:focus:-ms-input-placeholder{
    color: transparent;
}
 

/*--------------------------------------------------------------
7.0 Lists
--------------------------------------------------------------*/

ul,
ol {
    /*margin: 0 0 1.5em;*/
	margin: 0 0 0;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

ul > li, ol > li{
    /*margin-bottom: 1em;*/
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

.social, .social li, ul.hero-slider, ul.hero-slider li.slide-item, .service-list, .service-list li, .footer-nav, .footer-nav li, .show-case, .show-case li, .case-thumb, .case-thumb li, .unstyled, .unstyled li, .pagination, ul.detail-thumb{
    margin: 0;
    padding: 0;
    list-style: none;
}


/*--------------------------------------------------------------
8.0 Tables
--------------------------------------------------------------*/

table {
    border-collapse: collapse;
    margin: 0 0 1.5em;
    width: 100%;
}

thead th {
    border-bottom: 2px solid #bbb;
    padding-bottom: 0.5em;
}

th {
    padding: 0.4em;
    text-align: left;
}

tr {
    border-bottom: 1px solid #eee;
}

td {
    padding: 0.4em;
}

th:first-child,
td:first-child {
    padding-left: 0;
}

th:last-child,
td:last-child {
    padding-right: 0;
}


/*--------------------------------------------------------------
9.0 Links
--------------------------------------------------------------*/

a, a.view:hover, .tags a:hover{
    color: #424242;
    text-decoration: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color: #242424;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    color: #424242;
    outline: 0;
    text-decoration: none;
}
 
 
/*--------------------------------------------------------------
10.0 Navigation
--------------------------------------------------------------*/
 .navbar{
    padding: 0;
 }

 .navbar-nav>.menu-item{
    margin: 0;
    position: relative;
    text-transform: uppercase;
 }

.navbar-expand-lg .navbar-nav .menu-item a {
    padding: 15px 20px 15px; 
    display: inline-block;
    font-weight: 500;
	border-right:1px #c2c2c2 solid;
	font-weight:bold;
}

@media screen and (max-width: 768px) {
.navbar-expand-lg .navbar-nav .menu-item a {
    padding: 15px 20px 15px !important;
    display: block !important;
    font-weight: 500;
	border-right:none;
	font-weight:bold;
	border-bottom:1px #ddd solid;
}
.navbar-expand-lg .navbar-nav .menu-item:nth-child(4) a {
	border-bottom:none;
}
}

.navbar-expand-lg .navbar-nav .menu-item:nth-child(4) a {
	border-right:none !important;
} 

.navbar-nav li .sub-menu {
    position: absolute;
    z-index: 2;
    width: 200px;
    left: 0;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    margin: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(5px);
}
 

.navbar-nav li:hover>.sub-menu  {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.sub-menu>li{
    list-style: none;
    margin: 0;
    font-weight: normal; 
}

.navbar-nav li>.sub-menu>li {
    padding-left: 0;
    position: relative;
    text-transform: capitalize; 
}
 

.navbar-expand-lg .navbar-nav li>.sub-menu>li a {
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
    position: relative;
    display: block;  
    font-weight: normal;
}

.navbar-nav li>.sub-menu>li a:hover {
    background-color: #ec2129;
    color: #fff;
}

.navbar-nav li>.sub-menu>li>.sub-menu {
    left: 100%;
    font-size: 100%;
    top: 0;
}

.navbar  li.menu-item-has-children>a:after,
.navbar  li.menu-item-has-children>a + .sub-menu li.menu-item-has-children>a:after  {
    content: "\f107";
    font-family: "Font Awesome 5 Free"; 
    display: inline-block;
    padding-left: 5px; 
    font-weight: 900;
}

.navbar  li.menu-item-has-children>a+.sub-menu li.menu-item-has-children>a:after {
    content: "\f105";
    position: absolute;
    right: 15px;
}

.footer-nav{
    margin-bottom: -15px;
}

.footer-nav li{
    display: inline-block;
    width: 48%;
    margin-bottom: 12px;
}

.footer-nav li a:before{
    content: "-";
    display: inline-block;
    padding-right: 5px;
}

.social-links ul{
    text-align: right;
}

.social li{
    margin: 0 0 0 20px;
    display: inline-block;
} 

.social li a{
    display: flex;
    align-items: center; 
}

.social li a:hover{
    transform: translateY(-2px); 
} 

.social-links ul li a:before {
    margin-right: 5px;
    content: "";
    font-family: "Font Awesome 5 Brands";
    display: inline-block;  
}

.social-links ul li a[href*="facebook.com"]:before {
    content: "\f09a";
}

.social-links ul li a[href*="twitter.com"]:before {
    content: "\f099";
}

.social-links ul li a[href*="linkedin.com"]:before {
    content: "\f0e1";
}

.social-links ul li a[href*="plus.google.com"]:before {
    content: "\f0d5";
}

.social-links ul li a[href*="youtube.com"]:before {
    content: "\f167";
}

.social-links ul li a[href*="dribbble.com"]:before {
    content: "\f17d";
}

.social-links ul li a[href*="pinterest.com"]:before {
    content: "\f0d2";
}

.social-links ul li a[href*="bitbucket.org"]:before {
    content: "\f171";
}

.social-links ul li a[href*="github.com"]:before {
    content: "\f113";
}

.social-links ul li a[href*="codepen.io"]:before {
    content: "\f1cb";
}

.social-links ul li a[href*="flickr.com"]:before {
    content: "\f16e";
}

.social-links ul li a[href$="/feed/"]:before {
    content: "\f09e";
}

.social-links ul li a[href*="foursquare.com"]:before {
    content: "\f180";
}

.social-links ul li a[href*="instagram.com"]:before {
    content: "\f16d";
}

.social-links ul li a[href*="tumblr.com"]:before {
    content: "\f173";
}

.social-links ul li a[href*="reddit.com"]:before {
    content: "\f1a1";
}

.social-links ul li a[href*="vimeo.com"]:before {
    content: "\f194";
}

.social-links ul li a[href*="digg.com"]:before {
    content: "\f1a6";
}

.social-links ul li a[href*="twitch.tv"]:before {
    content: "\f1e8";
}

.social-links ul li a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}

.social-links ul li a[href*="delicious.com"]:before {
    content: "\f1a5";
}

.social-links ul li a[href*="mailto:"]:before {
    content: "\f0e0";
}

.social-links ul li a[href*="skype.com"]:before {
    content: "\f17e";
}

.social-links ul li a[href*="dribble.com"]:before {
    content: "\f17d";
}
 
.post-share .social li{
    margin: 0 0 0 3px;
    display: inline-block;
}

.post-share .social li a{
  width: 30px;
  height: 30px;
  border-radius: 0;
  -webkit-border-radius: 0;  
  -moz-border-radius: 0; 
  line-height: 2.1;
  font-size: 14px; 
}

.breadcrumb, .trail-items{
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.breadcrumb>li{
    margin-bottom: 5px;
}

.breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item a, .trail-items li, .trail-items li a {
    opacity: 0.9;
    color: #fff;
}

.breadcrumb-item.active a, .trail-items li.trail-end {
    opacity: 1;
}

.trail-items li{
    display: inline-block; 
    vertical-align: top;
}

.trail-items li + li::before {    
    padding: 0 .5rem;
    display: inline-block;
    color: #6c757d;
    content: "/";
}

/*--------------------------------------------------------------
11.0 Layout
--------------------------------------------------------------*/

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

hr {
    background-color: #ddd;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

.content-hold, p{
    margin-bottom: 2em;
}

p:last-of-type, .rooms-blk.similar-rooms .slick-dots{
    margin-bottom: 0;
}


/*-------  Shortcuts ------*/

.circle, .room-figure:before, .service-list li .icon:before, .slick-prev, .slick-next, .social li a, span.circle-dot, .comment-meta img.avatar, .modal-content button.close{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

/*-------- overlay ----*/

.hero-banner .slide-item:before, .overlay:before, .service-box .img:before, .page-header.jarallax:before, .team-fig:before{
    content: "";
    width: 100%;
    height: 100%; 
    position: absolute;
    top: 0;
    left: 0;    
    z-index: 2; 
    background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 10%, rgba(125,185,232,0) 100%);  
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 10%,rgba(125,185,232,0) 100%);  
    background: linear-gradient(to bottom, rgba(0,0,0,0.9) 10%,rgba(125,185,232,0) 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#007db9e8',GradientType=0 ); 
}

 

.overlay:before, .hero-banner.overlay-2:before, .page-header.jarallax:before, .offer-wrap .overlay:before, .hero-banner .slide-item:before{
    background: none;
    background-color: rgba(0,0,0,0.6);
}

.hero-banner .slide-item:before{
    opacity: 0.7;
}

.footer.overlay:before{
    background-color: rgba(0,0,0,0.8);
} 

.service-box .img:before, .team-fig:before {
    transform: rotate(180deg);
    opacity: 0.4;
}

.img-item a.overlay:before{
    opacity: 0; 
}

.img-item a:hover.overlay:before{
    opacity: 0.6; 
} 

/*------ title -----*/

h2.sec-title {
    margin-bottom: 10px; 
    text-transform: uppercase; 
}
 
.title-sep{
    display: flex;
    font-size: 120%; 
    align-items: center; 
    justify-content: center;
}

.title-sep:before, .title-sep:after, h3.sec-title:after{
    margin: 0 5px;
    width: 25px;
    height: 2px; 
    content: "";
}

.title-sep.text-white:before, .title-sep.text-white:after, h3.sec-title.text-white:after, .team-list .box, a.btn.bdr:hover{
    background-color: #fff;
}

 
h3.sec-title:after{
    margin: 10px 0;
    display: block;
}

h3.sec-title.text-center:after{
    margin-left: auto;
    margin-right: auto;
} 

.dark-bg, .navbar button.btn.btn-primary:hover, .modal-content button.close:hover{
    background-color: #403b37;
    color: #e2e2e2;
}

.soft-gray, .subscription {
    background-color: #f5f5f5;
}

.dark-bg, .dark-bg a, .social li a{ 
    color: #d6d6d6;  
}

.nav-btn a, .circle-content .count-down div, .hotel-menu .item figure, a.scrollUp, .screen-reader-text:focus, .img-grid .img-item a:after{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


/*-------- text white -------*/

.text-white, .hero-banner .btn, .nav-btn a:hover, .social li a:hover, .btn.pri-bg, .social li a:hover,  .breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item a,
.pagination .page-numbers:hover, .pagination .page-numbers.current, .text-white .testi-slide-2 h5, .btn.bdr.is-active, .img-grid .img-item a:after, input[type="submit"], button[type="submit"], footer h2.widget-title{ 
    color: #fff;
}

.btn, .subscription input[type="submit"]{
    padding: 10px 25px;
    border: 0;
    background-color: #424242;
    color: #fff;
}

input[type="submit"], button[type="submit"]{
    border: 0;
    min-width: 120px;
    background: #0066b3;
}

.js-filter .btn{
    line-height: 1;
    margin: 0 3px;
}

.btn-lg{
    padding: 15px 30px;
}

.btn.focus, .btn:focus{
    box-shadow: none;
}

.btn.bdr{
    border: 1px solid transparent;
    background-color: transparent;
}

.btn.filter-btn {
    padding: 8px 15px;
}

.btn-play{
    width: 60px;
    height: 60px;
    font-size: 20px;
    background-color: #fff;
    display: inline-block; 
    text-align: center;
    line-height: 3;
}

.btn.bdr.white{
    border-color: #fff;
    color: #fff;
}
.hero-banner, .page-header{
    margin-bottom: 70px;
}
.sec-mar {
	padding-bottom:70px;
}

.rooms-blk.similar-rooms, .neg-sec-mar{
    margin-bottom: -70px;
} 

.sec-pad{
    padding: 70px 0;
}

.pad-0, .box.pad-0{
    padding: 0;
}

.home .footer{
    padding-top: 100px;
}

.mb-50{
    margin-bottom: 50px;
}

.mb-40{
    margin-bottom: 40px;
}

.mb-30, .hero-banner p{
    margin-bottom: 30px;
}

.mb-20, h2.sec-title.mb-20{
    margin-bottom: 20px;
}

.neg-m-20{
    margin-bottom: -20px;
}

.mb-10{
    margin-bottom: 10px;
} 

.mb-0, .widget:last-child{
    margin-bottom: 0;
}
  

.gutter-10{
    margin-left: -10px;
    margin-right: -10px;
}

.gutter-10 .col-sm-8, .gutter-10 .col-sm-4, .gutter-10 .col-sm-3, .gutter-10 .col-6, .gutter-10 .col-4{
    padding: 0 10px;
} 

/*-------  Header ------*/

header{
    /*border-bottom: 1px solid #ddd;*/
    position: relative;
    width: 100%;
    left: 0;
    z-index: 999;
}

@media screen and (max-width: 768px) {
header{
    border-bottom:none;
    position: relative;
    width: 100%;
    left: 0;
    z-index: 999;
}

}


.header-top-bar{
    padding: 15px 0;
    font-size: 85%;
    line-height: 1; 
}
 
.is-sticky .header-top-bar{
   display: none;
} 

.site-info { 
    margin-right: 20px;
    display: inline-block; 
    vertical-align: middle; 
    position: relative;
}

.site-info i, .weather i, .login-wrap i{
    display: inline-block;
    padding-right: 3px;
}

.navbar-brand{
    padding: 0;
    font-size: 100%;
    line-height: 1.2; 
}

.site-title {
    margin: 0 0 5px;
    font-size: 150%;
    font-weight: normal; 
}


.navbar-brand>span{
    display: block; 
    font-size: 50%;
    opacity: 0.5; 
    letter-spacing: 0px;
}

.header.sticky{
    width: 100%;
    left: 0;
}

.is-sticky .header{
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
} 

.navbar button.btn.btn-primary{
	margin-left: 10px;
    padding: 12px 25px;
    text-transform: uppercase;
    line-height: 1;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}

.navbar-toggler{
    outline: none;
    padding: 0;
    width: 35px;
    height: 35px;
}

.navbar-toggler.collapsed{ 
  position: relative;  
  z-index: 1;  
  -webkit-user-select: none;
  user-select: none;
	margin-right:10px;
}
 
.navbar-toggler span{
  display: block;
  width: 33px;
  height: 4px;
  position: relative;  
  background: #0d64c5;
  border-radius: 3px;  
  z-index: 1;  
  transform-origin: 4px 0px;  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

.navbar-toggler.collapsed span + span{
    margin-top: 5px;   
}

.navbar-toggler.collapsed span:first-child{
  transform-origin: 0% 0%;
}

.navbar-toggler.collapsed span:nth-last-child(2){
  transform-origin: 0% 100%;
}

.navbar-toggler:not(.collapsed) span{
  opacity: 1;
  transform: rotate(45deg) translate(-5px, -10px);
  background: #232323;
}
 
.navbar-toggler:not(.collapsed) span:nth-last-child(3){
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
} 

.navbar-toggler:not(.collapsed)  span:nth-last-child(2){
  transform: rotate(-45deg) translate(-7px, 8px);
} 



/*-------  Footer ------*/

footer{
    font-size: 90%;
    position: relative;
}

.footer-bottom{ 
    padding:0;
    position: relative;
    z-index: 3;
}  

.modal-content{
	margin-top: 10%;
	flex-direction: row;
	align-items: center;
}

.modal-content figure{  
	min-width: 400px;
}

@media (min-width: 576px){
	.modal-dialog {
	    max-width: 850px; 
	}
}

.modal-content .right {
    padding: 30px;
}

.modal-content button.close{
	width: 50px;
	height: 50px;
	position: absolute; 
	top: -20px;
	right: -20px;
	text-shadow: none;
	color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	opacity: 1;
}

.modal-content button.close:hover, .close:not(:disabled):not(.disabled):hover{
	opacity: 1; 
	color: #fff;
}

.modal-content .row{
	margin-left: 5px;
	margin-right: 5px;
}

.modal-content .row .col-sm-6{
	padding-left: 5px;
	padding-right: 5px;
}

.modal-content form{
	margin: 0 -5px;
}

/*------- Regular Content -----*/
 
.hero-banner, .hero-banner .item{
    min-height: 650px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
 

.hero-banner .item, .banner-content{
    display: flex;
    align-items: center;
}
 

.hero-banner .item{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
}

.hero-banner .content-wrap{
    padding-left: 50px;
}

.hero-banner .content-wrap:before {
    width:  5px;
    height: 0;
    opacity: 0;
    background: rgba(255,255,255,0.5); 
    position: absolute;
    left: 15px;
    content: "";
    top: 10px;
}

.banner-content{
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
}
 
.hero-banner .slide-item .container, .footer .container{
    position: relative;
    z-index: 3;
}

.hero-banner h2 { 
    font-weight: 800;
    margin: 0; 
    text-transform: uppercase;  
    text-shadow: 0 0 30px rgba(0,0,0,0.3); 
}

.hero-banner p{
    font-size: 110%;
} 

.hero-banner a.btn + a.btn{
    margin-left: 10px;
    display: inline-block;
}

.page-header{ 
    min-height: 300px; 
}


/*----- intro ---*/

.intro figure{    
    margin: 0 0 10px 10px;
    border-radius: 5px;
    float: left;
    width: 48%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.intro figure.fig-big{
    margin: 50px 0 0 0;
    width: 49%;
}

.intro h2 span{
    display: block;
    font-size: 50%;
    text-transform: uppercase;
    letter-spacing: 5px;
}


/*--------- room lisitng -----------*/

.rooms-blk{ 
    overflow: hidden;
}

.room-listing{}

.room-wrap{ 
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,0.08);
}

.room-wrap .bottom{
    padding: 20px 20px 30px;
} 

.room-figure{
    position: relative;
}

.room-figure .price{
    padding: 10px; 
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3; 
    font-size: 115%; 
    text-align: center;
    line-height: 1;
    color: #fff;   
}

.price sub, .price sup{  
    font-size: 50%;  
} 

.price sub{
    bottom: 0;
}

.lt-vw .summery {
    border-right: 1px dashed #ddd;
}

.room-feature{
    margin: 20px 0 0; 
} 

.room-feature li{
    margin: 0 10px;
    list-style: none;
    display: inline-block;
    text-align: center;
}

.room-wrap.lt-vw .room-feature li, .room-disc .room-feature li{
    margin: 0 20px 0 0;
}

.room-disc .room-feature{
     margin-bottom: -20px; 
 }

.room-disc .room-feature li{
    margin-bottom: 20px;
}

.room-feature li span.icon{ 
    border: 1px solid #e6e6e6;
    margin: 0 auto 3px;
    line-height: 2.9;
    text-align: center;
    width: 40px;
    height: 40px;  
    display: block;
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);  
}

.listing-slider .slick-slide{
    margin: 0 10px; 
}

.listing-slider .slick-list{
    overflow: visible;
}

.listing-slider:before, .listing-slider:after{
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,0.8);
    content: "";
    display: block;
    z-index: 10;
}

.soft-gray .listing-slider:before, .soft-gray .listing-slider:after{
    background-color: rgba(245,245,245,0.8);
}

.listing-slider:before{
    left: -50%;
}

.listing-slider:after{
    right: -50%;
}


/*--------- services ---------*/

.service-list li{
    margin: 20px 30px 20px 0;
    width: calc(50% - 17px);
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 80px;    
}

.service-list li:nth-child(even){
    margin-right: 0;
}

.service-list li .icon{
    width: 50px;
    height: 50px; 
    margin: 8px;
    border: 1px solid transparent; 
    display: inline-block;
    text-align: center;
    line-height: 2.3;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
}

.service-list li .icon:before{
    width: 62px; 
    height: 62px; 
    display: block; 
    z-index: 1; 
    border:1px solid #ccc; 
    position: absolute;
    top: -0.35em; 
    left: -0.35em; 
    content: "";
}

.service-list h6{ 
    margin-bottom: 5px; 
}

.service-img{
    position: relative; 
    width: 545px;
    height: auto;
    overflow: hidden;
}

.service-img:before{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    background: url('assets/images/service-img-frame.png') no-repeat center center;
    background-size: 100%;
}
  

/*-------- event list -----------*/ 

.box {
    border: 1px solid #ddd;
    padding: 20px;
}
 

/*------ parallax ------*/

.jarallax {
    position: relative;
    z-index: 0;
}

.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover; 
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.jarallax .container{
    z-index: 3;
    position: relative;
}


.subscription{
    /*margin-top: -30px;*/
    position: relative;
    z-index: 2; 
}

.subscription form input{
    margin: 0 5px;
}


/*--------- subscription ----------*/

.subscription-wrap{ 
    padding: 30px;
    position: relative;
    z-index: 3;
    top: 30px;
}

.subscription-wrap.bg{
    background: url('assets/images/subscription-bg.jpg') no-repeat top center; 
    padding: 5px;
}

.subscription-wrap .inner{
    background-color: rgba(255,255,255,0.9);
    padding: 20px;
}

/*-------- pagination --------*/

.pagination {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.pagination .page-numbers { 
    border: 1px solid #ddd;  
    padding: 0 10px;
    min-width: 40px;
    text-align: center;
    display: inline-block;
    line-height: 2.5;      
}

.pagination .page-numbers.current{
    border-color: transparent;
}



/*--------------------------------------------------------------
12.0 Blog
--------------------------------------------------------------*/ 

.blog-wrap .blog-img{
    min-height: 62px;
}

figure .post-info{ 
    position: absolute;
    left: 0; 
    bottom: 0;
    z-index: 3;
    width: 100%;
    display: flex; align-items: center; 
}

.post-info .date{
    font-size: 150%;
    display: inline-block;
    padding: 10px;
    line-height: 1;
    text-align: center;
}

.post-info .date small{
    font-size: 40%;
    display: block;
    letter-spacing: 1px;
}

.post-meta-wrap .meta-info{
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
    font-size: 90%;
    opacity: 0.7;  
    font-style: italic;   
}  

.post-meta-wrap > .meta-info i{
    display: inline-block;
    margin-right: 3px;
}
 
.blog-list .blog-wrap, article.post{
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    padding-bottom: 40px;
}


.tags a{ 
    font-style: italic; 
    font-size: 90%;
    display: inline-block;
    margin-right: 10px;
}

.tags a:before{
    content: "#";
    display: inline-block;
    margin-right: 3px;
}


.post-navigation .nav-links{
    padding: 10px 0 40px;
    display: flex;
    justify-content: space-between;
}

.post-navigation .nav-links .nav-previous{}


/*--------------------------------------------------------------
13.0 Comments
--------------------------------------------------------------*/
.bypostauthor {
    display: block;
}

h2.comments-title{
    border-bottom: 1px solid #ddd;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

ol.comment-list{
    margin: 0;
    padding: 0;
}

.comment-list ol.children {
    margin: 20px 0 20px 80px;
}

ol.comment-list li.comment {
    margin-bottom: 40px;
    list-style: none;
}

li.comment .comment-body{
    padding-left: 80px;
    position: relative;
}

footer.comment-meta {
    display: flex;
    align-items: center;
    position: initial;
}

li.comment .comment-body {
    padding-left: 80px;
    position: relative;
}

.comment-meta img.avatar {
    position: absolute;
    left: 0;
    width: 60px;
    height: 60px; 
}

li.comment .comment-content{
    padding: 5px 0 10px;
}

span.says, span.edit-link, .comment-metadata {
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 90%;
    font-style: italic;
}

span.edit-link{
    margin-left: 10px;
    font-style: initial;
    text-decoration: underline;
}

.reply:before{
    margin-right: 5px;
    content: "\f3e5";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
} 
 
.comment-form-container {
    padding: 30px;
    background: #f5f5f5;
}

p.comment-form-author, p.comment-form-email, p.comment-form-url{
    display: inline-block;
    vertical-align: top;
    width: 32.8%;
}

 
/*--------------------------------------------------------------
14.0 Widgets
--------------------------------------------------------------*/

.widget-area{
    margin: 0;
    padding: 0;
}

.widget-area>li.widget{
    margin-bottom: 2.5em;
    list-style: none;
}

.widget-area>li.widget:last-child{
    margin-bottom: 0;
}

h2.widget-title { 
    border-bottom: 1px solid #ddd;
    margin-bottom: 1em;
    padding-bottom: 10px;
    font-size: 20px;  
    letter-spacing: 0.05em;    
    text-transform: uppercase;
    position: relative;
    line-height: 1;
}

h2.widget-title:after{
    content: "";
    width: 50px;
    height: 3px; 
    position: absolute;
    bottom: -2px; 
    left: 0;
}

.widget-title a {
    color: inherit;
}

footer h2.widget-title{
    border-bottom: 1px solid #5d5c5b;
    margin-bottom: 20px;
    padding-bottom: 15px; 
    font-size: 18px;
    letter-spacing: 0; 
    font-weight: 500;  
}

footer h2.widget-title:after{
    content: none;
}



/* widget forms */

.widget_search {
    position: relative;
}

.widget_search .searchsubmit{    
    border: 0;  
     padding: 0.6em;
    position: absolute;
    top: 1px;
    right: 1px;    
    line-height: 1.3;
    min-width: initial;
    background-color: transparent;
    color: #404040;
}

.widget_search .searchsubmit:hover{
    background-color: transparent;
}

.widget select {
    width: 100%;
}


/* widget lists */

.widget ul {
    list-style: none;
    margin: 0;
}

.widget ul>li,
.widget ol>li {
    margin-bottom: 10px; 
    padding: 0;
}

.widget ul li:last-child,
.widget ol li:last-child{
    margin-bottom: 0;
}

.widget ul>li a,
.widget ol>li a,
li.recentcomments{
    padding-left: 15px;
    position: relative;
} 

.widget ul>li a:before,
.widget ol>li a:before,
li.recentcomments:before{ 
    content: "-"; 
    position: absolute;
    left: 0;
}

.widget li.recentcomments a:before{
    content: none;
}

.widget:not(.widget_tag_cloud) ul li + li {
    margin-top: -1px;
}

.widget ul li ul {
    margin: 0 0 -1px;
    padding: 0;
    position: relative;
}

.widget ul li li {
    border: 0;
    padding-left: 24px;
    padding-left: 1.5rem;
}


/* Widget lists of links */ 

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
    bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
    padding-bottom: 0.25em;
    padding-top: 0.25em;
}

.widget_rss ul li {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em; 
}


/* Widget markup */

.widget .post-date,
.widget .rss-date {
    font-size: 0.81em;
}

/* Text widget */

.widget_text {
    word-wrap: break-word;
}

.widget_text ul {
    list-style: disc;
    margin: 0 0 1.5em 1.5em;
}

.widget_text ol {
    list-style: decimal;
}

.widget_text ul li,
.widget_text ol li {
    border: none;
}

.widget_text ul li:last-child,
.widget_text ol li:last-child {
    padding-bottom: 0;
}

.widget_text ul li ul {
    margin: 0 0 0 1.5em;
}

.widget_text ul li li {
    padding-left: 0;
    padding-right: 0;
}

.widget_text ol li {
    list-style-position: inside;
}

.widget_text ol li + li {
    margin-top: -1px;
}

/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {
    float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
    background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
    display: block;
}
 

.widget_rss ul li:first-child {
    border-top: none;
    padding-top: 0;
}

.widget_rss li .rsswidget { 
    padding: 0;
    font-size: 18px; 
    line-height: 1.3;
    font-weight: 600;
}

.widget_rss li .rsswidget a:before{
    content: none;
}

.widget_rss .rss-date,
.widget_rss li cite { 
    display: block;
    font-size: 10px;
    font-size: 0.625rem;
    font-style: normal;  
    letter-spacing: 0.18em;  
}

.widget_rss li cite{
    font-weight: 600;
} 

.widget_rss .rss-date {
    margin: 0.5em 0 1.5em;
    padding: 0;
}

.widget_rss .rssSummary {
    margin-bottom: 0.5em;
}

/* Contact Info Widget */

.widget_contact_info .contact-map {
    margin-bottom: 0.5em;
}

/* Gravatar */

.widget-grofile h4 {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0;
}

/* Recent Comments */

.widget_recent_comments li.recentcomments{
    border-bottom: 1px dashed #ddd;
    margin-bottom: 15px;
    padding-bottom: 15px;
} 

.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
    border: 0;
}

/* Recent Posts widget */

.widget_recent_entries .post-date {
    display: block;
}

footer .widget_recent_entries li{
    border-bottom: 1px dashed rgba(255,255,255,0.2);
    margin-bottom: 15px;
    padding-bottom: 15px;
}

footer .widget_recent_entries li a{
    padding: 0;
    font-size: 120%;
    color: #fff;
}

footer .widget_recent_entries li a:before{
    content: none;
}

footer .widget_recent_entries li:last-child,
.widget_recent_comments li.recentcomments:last-child,
.widget_rss ul li:last-child,
.widget_categories ul li:last-child{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Search */

.search-form {
    position: relative;
}

.search-form .search-submit {
    bottom: 3px;
    padding: 0.5em 1em;
    position: absolute;
    right: 3px;
    top: 3px;
}

.search-form .search-submit .icon {
    height: 24px;
    top: -2px;
    width: 24px;
}

/* Tag cloud widget */

.tagcloud ul li {
    float: left;
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    margin: 4px 4px 0 0;
}

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
    line-height: 1.5;
}


/* Calendar widget */

.widget_calendar table{
    margin: 0;
}

.widget_calendar th,
.widget_calendar td {
    text-align: center;
}

.widget_calendar tfoot td {
    border: 0;
}



/*--------------------------------------------------------------
15.0 Media
--------------------------------------------------------------*/

img,
video { 
    max-width: 100%; /* Adhere to container width. */
    height: auto;
}

img.alignright {
    float: right;
    margin: 0.375em 0 1.75em 2em;
}

img.alignleft {
    float: left;
    margin: 0.375em 2em 1.75em 0;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    margin-bottom: 1.5em;
    max-width: 100%;
}

/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */

p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
    margin-bottom: 0;
}

.wp-caption,
.gallery-caption {
    color: #666;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.gallery{ 
    margin-bottom: 20px; 
} 

.gallery > .gallery-item{
    margin: 0 10px 10px 0;
    display: inline-block;
    vertical-align: top;
}

  
/*--------------------------------------------------------------
16.0 Animations
--------------------------------------------------------------*/
 a, .nav-btn a, .btn, input[type="submit"], button, button[type="submit"], .img-animi img, .service-list li .icon:before, li>.sub-menu, .service-box .content, .img-grid .img-item a:after,
 .service-box .front, .filter-toggle, .check-wrap input[type="checkbox"] + label:before, .detail-thumb .slick-slide, .team-fig:before, .img-item a.overlay:before, .hero-banner h2, .hero-banner p, .hero-banner .btn, .hero-banner .content-wrap:before{
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

#cover {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; 
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center; 
  line-height: 1;
}

@keyframes fade-in-up { 
  0% {
    transform: translateY(70px);
    opacity: 0;
  } 
  100% {
   transform: translateY(0);
   opacity: 1;
  }
}

.hero-slider .slick-current h2{ 
  animation: fade-in-up 1s; /* other keywords like "infinite alternate" can be useful here */
}

.hero-slider .slick-current p{
    animation: fade-in-up 2s;
}
 
.hero-slider .slick-current .btn{
    animation: fade-in-up 3s;
}

.hero-banner  .slick-current .content-wrap:before{
    height: 100%; 
    opacity: 1; 
    transition-delay: 3s;
}


#cover.dark-bg{
    background-color: #fff;
    color: #000;
}

.sp {
  width: 50px;
  height: 50px; 
  margin: 15px auto;
}

/* Spinner Circle Rotation */

.sp-circle {
  border: 4px rgba(255, 255,255, 0.2) solid;
  border-top: 4px #e0660f solid;
  border-radius: 50%;
  -webkit-animation: spCircRot .6s infinite linear;
  animation: spCircRot .6s infinite linear;
}

@-webkit-keyframes spCircRot {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

@keyframes spCircRot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.hero-banner .btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

.img-animi{
    position: relative;
    overflow: hidden;
}

.img-animi:hover img, .team-list .wrap:hover img{
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
} 

.service-list li:hover .icon:before {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
} 

a.scrollUp { 
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    display: none;
    color: #fff; 
    z-index: 99;
    text-align: center;
    line-height: 2.7;
}

.scrollUp.shw{
    display: block;
}


/*--------------------------------------------------------------
16.0 Additional
--------------------------------------------------------------*/
.mc4wp-form-fields {
    display: flex;
}

.left-sidebar main>.container>.row{
	flex-flow: row-reverse;
}

.no-sidebar main>.container>.row>.left-block{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.no-sidebar main>.container>.row>.col-sm-9 + .col-sm-3{
	display: none;
}


/*--------------------------------------------------------------
 ADD COLOBO
--------------------------------------------------------------*/ 
.tC { text-align:center;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb_mai70 { margin-bottom:-70px !important;}
.mt_mai70 { margin-top:-70px !important;}

.lv1 {
	font-size:230%;
	letter-spacing:0.1em;
	text-align:center;
	font-weight:bold;
	margin-bottom:0 !important;
	line-height:1.2;}

.lv1_w {
	font-size:230%;
	letter-spacing:0.1em;
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin-bottom:20px;
	line-height:1.2;}

.lv1 span {
	padding:0 !important;
	margin:0 !important;
	color:#0d64c5;}

.lv1_sub {
	font-family: 'Montserrat', sans-serif;
	font-size:80%;
	font-weight:bold;
	letter-spacing:0.3em;
	text-align:center;
}


@media screen and (max-width: 768px) {
.lv1 {
	font-size:150%;
	letter-spacing:0.1em;
	text-align:center;
	font-weight:bold;
	margin-bottom:0 !important;
	line-height:1.2;}

.lv1_w {
	font-size:150%;
	letter-spacing:0.1em;
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin-bottom:20px;
	line-height:1.2;}
}
.custom-logo { width:300px !important; }
/*.header_subnav { margin-left:20px;}*/
.header_subnav_sp_block{ display:none;}
.header_subnav a {
	display:inline-block;
	width:130px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding: 5px 16px;
	font-size:95%;
}

.header_subnav a img {
	height:40px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.btn_mitsu { background:#d27923; }
.btn_contact { background:#0d64c5; }

.btn_mitsu:hover { background:#e48d38; color:#fff!important; }
.btn_contact:hover { background:#2b82e4; color:#fff!important;; }

.key_img { width:100%;}

select { margin-top:5px;}
.date-spe {
    background-color: #fff;
    outline: 0;
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    padding: 0.45em 0.6em 0.4em;
    border: 1px solid #d7d7d7;
	width:11%;
	margin-bottom:10px;
}

.disp_block { display:block;}
.mb10 { margin-bottom:10px;}

@media screen and (max-width: 768px) {
.custom-logo { margin: 10px 0; }
.header_subnav_sp_block {
	width:100%;
	display: inherit;
	position: fixed;
	top: 40px;
	left: 0;
	margin: 0;
	z-index:99999;}
	
.header_subnav_sp {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
.header_subnav { display:none;}
.header_subnav_sp a {
	width: 50%;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding: 10px 20px;
	font-size:95%;
}
.header_subnav_sp a img {
	height:26px;
	margin-left:auto;
	margin-right:auto;
}
	
.key_img { margin-top:35px;}

.date-spe {
    background-color: #fff;
    outline: 0;
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    padding: 0.45em 0.6em 0.4em;
    border: 1px solid #d7d7d7;
	width:20%;
}
	
.mg_rl20 {
	margin:0 20px;
}

}


#key_bg{ width:100%;}

.bg_aboutus {
	background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/bg_gaiyo.jpg) no-repeat;
	background-position:50% 100%;
	background-size:cover;}

.bg_business {
	background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/bg_gyomu.jpg) no-repeat;
	background-position:50% 100%;
	background-size:cover;}

.bg_recruit {
	background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/bg_voice.jpg) no-repeat;
	background-position:50% 100%;
	background-size:cover;}

.bg_guidance {
	background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/bg_vehicle.jpg) no-repeat;
	background-position:50% 100%;
	background-size:cover;}

.bg_contact {
	background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/bg_contact.jpg) no-repeat;
	background-position:50% 100%;
	background-size:cover;}
	
#key_bg h1 {
	width:100%;
	height:100%;
	color:#fff;
	z-index:999;
	padding:100px 50px;
	text-align:center;
	font-weight:bold;
	margin-bottom: 0px !important;
}

#key_title {
	line-height:1.3!important;;
	font-size:250%;
	letter-spacing:0.09em;
	font-weight:bold;}

#key_title span {
	display:block;
	font-family: 'Montserrat', sans-serif;
	font-size:50%;
	font-weight:bold;
	letter-spacing:0.2em;
	padding:0 !important;
}

@media screen and (max-width: 768px) {
#key_bg {
    width: 100%;
    margin-top: 60px;
}

#key_title span {
	display:block;
	font-family: 'Montserrat', sans-serif;
	font-size:40%;
	font-weight:bold;
	letter-spacing:0.2em;
	padding:0 !important;
}
}



/* 下層背景 
.sec_bg {
	background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/sec_bg.png) repeat-y;
	background-size:100%;}*/

.page-template-default main.wp-block-group {
    background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/sec_bg.png) repeat-y;
	background-size:100%;}

.home.page-template-default main.wp-block-group {
    background:url() repeat-y;
	background-size:100%;}


@media screen and (max-width: 768px) {
/*.sec_bg {
	background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/sec_bg.png) repeat-y;
	background-size:inherit;}*/

}



/* ---- TOP Page -------------------------------------------*/
.stre_block { 
	background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/bg_stre.png);
	padding:50px 0;
    margin: 35px calc(50% - 50vw);
    max-width: 100%;
}
.stre_block_inner { 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.stre_block_inner article { width:29%; }

.stre_block_inner article h2 {
	font-size:120%;
	text-align:center;
}
.stre_block_inner article p {
	font-size:95%;
	letter-spacing:0.01em;
}

.stre_block_inner article img {
	margin: auto;
    display: block;
}

@media screen and (max-width: 768px) {
.stre_block_inner article { width:100%; }
.stre_block_inner article p {
	width:80%;
	font-size:100%;
	margin:0 auto 30px;
}
	
}



/* 強み下メニュー */

.top_main_menu .row { 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.top_main_menu div{
	width:49%;
	position:relative;
}



#tmm_01{ background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/img_point01.jpg) no-repeat; background-size:cover; }
#tmm_02{ background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/img_point02.jpg) no-repeat; background-size:cover; }
#tmm_03{ background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/img_point03.jpg) no-repeat; background-size:cover; }
	
.top_main_menu div a {
	background:rgba(0,0,0,0.5);
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	z-index:999;
	padding:120px 50px;
	text-align:center;
	font-size:140%;
	font-weight:bold;
}

.top_main_menu div a span {
	display:block;
	font-family: 'Montserrat', sans-serif;
	font-size:60%;
	font-weight:bold;
	letter-spacing:0.2em;
}

.top_main_menu div a:hover {
	background:rgba(0,0,0,0.8);
}

.recruit_block { 
	background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/common/bg_saiyo.jpg);
	background-size:cover;
	background-position:50% 50%;
	padding:100px 0 50px;
	margin:40px 0 0 !important;
	text-align:center;
	color:#fff;
    margin: 0 calc(50% - 50vw);
    max-width: 100%;
}

.recruit_block p{
	width:500px;
	margin:0 auto;
}

@media screen and (max-width: 768px) {
.top_main_menu div{
	width:100%;
	position:relative;
	margin-bottom:2px;
}

.top_main_menu div a {
	background:rgba(0,0,0,0.5);
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	z-index:999;
	padding:70px 50px;
	text-align:center;
	font-size:140%;
	font-weight:bold;
}
.recruit_block p{
	width:70%;
	margin:0 auto;
	text-align:left;
}
	
.recruit_block { 
	/*background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/bg_saiyo.jpg) no-repeat;*/
	background-size:inherit;
	background-position:68% 50%;
	padding:150px 0 50px;
	margin:40px 0;
	text-align:center;
	color:#fff;
}

}

.btn_w {
	background:#fff;
	padding:10px 40px;
	text-align:center;
	margin:30px 0;
	display:inline-block;
	border:1px solid #eee;
}

.btn_w:hover {
	transition : all 0.5s ease 0s;
	background:#e3ecf3; }


.news_block  { 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.top_main_menu article{ width:32%; }

@media screen and (max-width: 768px) {
.top_main_menu article{ width:49%; }
.col-sm-12{
	padding-right: 0px;
    padding-left: 0px;}
.row {
	margin-right: 0px;
    margin-left: 0px;
}
.container {
	padding-right: 0px;
    padding-left: 0px;
}
}



/* 会社案内 */
#message_block {
	width:700px;
	margin:0 auto;
	padding:30px 50px;
}

#sign { text-align:right; }
#sign img { margin-left:5px;}

.normal_tabel,
.vehicle_table{
	width:700px;
	margin:0 auto;
}

.normal_tabel tr,
.vehicle_table tr{ border-bottom:#cedbe7 1px solid; }

.normal_tabel th {
	width:20%;
	padding:15px;
}

.vehicle_table th {
	width:40%;
	padding:15px;
}

.normal_tabel td,
.vehicle_table td{ padding:15px;}
.area { background:#c4dff0; border-radius:8px; padding:5px 15px; margin-bottom:5px; display:inline-block;}


.dai_num {
	margin-top:10px;
	display:inline-block;
	background:rgba(255,255,255,0.8);
	border:dashed #333 1px;
	padding:10px 20px 10px 30px;}

.dai_num span {
	display:block;
	color:#1e85c5;
	font-weight:bold;
	text-align:center;
}

@media screen and (max-width: 768px) {
#message_block,
.normal_tabel,.vehicle_table {width:90%;}
.normal_tabel th,
.vehicle_table th{ width:100%; display:block; text-align:center; background:#eee;}
.normal_tabel td,
.vehicle_table td { width:100%; display:block;}
.normal_tabel tr,
.vehicle_table tr{ border-bottom:none; }
}


/* 業務案内 */
#wecandoit { width:700px; margin:0 auto;}

.transport_block { 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:90%;
	margin:20px auto;
}

.transport_block article.ws { width:44%; }
.transport_block article.wl { width:52%; }

@media screen and (max-width: 768px) {
#wecandoit {width:90%;}
.transport_block article.ws { width:100%; }
.transport_block article.wl { width:100%; }
.transport_block img { margin:10px 0;}
}


/* 採用情報 */
.oneday { }
.lv2 {
	background:#558bb8;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:130%;
	padding:15px 0;}

.oneday div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.oneday article {
	width:23%;
	position:  relative;}

.oneday article .time {
	background:#85c3f7 url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/common/icon_time.png) no-repeat;
	background-position: 4% 50%;
    background-size: 10%;
    color: #fff;
    font-weight: bold;
	font-size:110%;
    padding: 10px 10px 10px 43px;
    margin-bottom: 0 !important;
    border: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.oneday article p{
	border-left:1px solid #85c3f7;
	border-right:1px solid #85c3f7;
	border-bottom:1px solid #85c3f7;
	padding:10px 15px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background:#fff;
}
.oneday article:nth-child(-n+3)::after {
    content:  '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 12px;
    border-color: transparent transparent transparent #85c3f7;
    display:  inline-block;
    vertical-align:  middle;
    position: absolute;
    top: 0;
    bottom: 0;
    margin:  auto;
    right: -12px;
}

.last_message {
	width:600px;
	margin:30px auto;
}

.voice_block article {
	border:1px solid #ccc;
	border-radius:8px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background:#fff;
	transition : all 0.5s ease 0s;
}

.voice_block article:hover {
	opacity:0.7;
	color:#000;
}

.staff_info {
	border-left:10px solid #009c7c;
	width:50%;
	margin: 50px 0;
	padding:0 40px 0 40px;
}

.staff_info h1{
	color:#009c7c;
	font-size:125%;
	font-weight:normal;
	margin-bottom:25px;
	letter-spacing:0.08em;
}
.staff_img {
	width:50%;
}
.staff_img img {
	width:100%;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.staff_name span {
	font-size:120%;
	font-weight:bold;
	display:block;
	font-family: "游明朝", YuMincho;
}

.entry_btn_block {
	width:65%;
	margin:20px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.entry_btn_block a { width:49%;}
.entry_btn_block a:hover { opacity:0.7;}

@media screen and (max-width: 768px) {
.oneday div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:90%;
	margin:0 auto;
}
.oneday article {
    width: 47%;
    position: relative;
	margin-bottom:15px;
}
.last_message {
	width:90%;
	margin:30px auto;
}
.voice_block article { width:90%; margin:0 auto;}
.staff_info {
	width:100%;
	margin: 20px 0;
	padding:0 30px 0 30px;
}
.staff_img {
	width:100%;
}

.staff_img img {
	width:100%;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.entry_btn_block {
	width:90%;
	margin:20px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

}


/* 先輩の声　詳細ページ */
.voice_title{
	position:relative;
	height:570px;
	margin-bottom:60px;
}

.voice_title div {
	background: rgba(0,80,179,0.8);
    padding: 40px;
    position: absolute;
    top: 300px;
    left: 100px;
    color: #fff;
    width: 60%;
    z-index: 9999;
	font-weight:bold;
}

.voice_title h2 {
	font-size:150%;
	color: #fff;
}

.voice_title img {
	position:absolute;
	top:0;
	right:0px;
}

.lv2_voice {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align:center;
	min-height:77px;
}
.num01 { background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/icon_num01.png) no-repeat 50% 50%;}
.num02 { background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/icon_num02.png) no-repeat 50% 50%;}
.num03 { background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/icon_num03.png) no-repeat 50% 50%;}

@media screen and (max-width: 768px) {
.voice_title div {
	background: rgba(0,80,179,0.8);
    padding: 40px;
    position: absolute;
    bottom: 0;
	left:0;
	color: #fff;
	width: 100%;
    z-index: 9999;
	font-weight:bold;
}
.voice_title h2 {
	font-size:120%;
	color: #fff;
}
	
.lv2_voice {
	font-size:130%;
}
}

/* Contact form */
.contact_block {
	width:700px;
	margin:0 auto;}

.contact_block  label{
	font-weight:bold;
}

.hissu {
	font-size:80%;
	padding:2px 10px;
	background:#d27923;
	margin:3px 3px 6px 3px;
	display:inline-block;
	border-radius:5px;
	font-weight:normal;
	color:#fff;}


@media screen and (max-width: 768px) {
.contact_block {
	width:90%;
}
}

/* Footer*/
.foot_menu { 
	background:#124b8a;
	margin-bottom:20px;
	text-align:center;
}

.foot_menu a {
	color:#fff;
	padding:30px 20px;
	display:inline-block;
}
.foot_menu a:hover {
	color:#fff !important;
	background:#2b64a4;
}

.powered-text { text-align:center !important; }
.foot_logo { height:30px; margin-bottom:10px;}

@media screen and (max-width: 768px) {
.foot_menu a {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
}
}




/*guternberg css */
@media only screen and (min-width: 768px) {

    .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        width: auto;
        max-width: 100%;
    }

    .alignwide {
        /*margin-left: auto;
        margin-right: calc(50% - 50vw) !important;*/
        width: auto;
        max-width: 100%;
        padding: 0px 0 !important;
    }

    .alignwide img,
    .alignfull img {
        display: block;
        margin: 0 auto;
    }
}

/*--------------------------------------------------------------
 ADD COLOBO 2025
--------------------------------------------------------------*/ 

main.wp-block-group,
.entry-content { margin-block-start:0;}
.home main.wp-block-group .wp-block-group { display: none !important;}

.home main.wp-block-group .entry-content {
    margin-left: calc(50% - 50vw);
    /*margin-right: calc(50% - 50vw);*/
    padding: 0;
}

#top_key{
    margin: 0 calc(50% - 50vw);
    max-width: 100%;
}

header .wp-container-core-group-is-layout-b585a4aa {
    width: 100%;
    max-width: 100% !important;
}

.header-calls {
    display: flex;
    gap: 0;
    width: 200px;
}

.header-calls a {
    font-size: 70%;
    flex-direction: column;
    width: 50%;
}

.kotei_title {
    background:url(https://matex-inc.co.jp/matex/wp-content/themes/matsunaga/assets/img/bg_gaiyo.jpg) no-repeat;
	background-position:50% 100%;
	background-size:cover;
}

.kotei_title h1 { color: #fff !important;}



@media screen and (max-width: 768px) {
.has-global-padding { padding-right: 0px !important ; padding-left: 0px !important;}
    
.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {text-align: center;}
    
header .wp-container-core-group-is-layout-b585a4aa {
    width: 94%;
    max-width: 100% !important;
}
    
}