body{margin: 0;padding: 0;color:#333;
background:#fff;font-family: "Noto Serif JP", serif!important;
font-size: 100%;word-wrap : break-word; overflow-wrap : break-word;
line-height: 1.5em;overflow-x:hidden }
.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;height: 0;visibility: hidden;}
p{font-size: 1rem}
a{text-decoration: none!important}
/*==========================================Page top==========================================*/
.backtotop {position: fixed;right: 10px;bottom: 20px;display: none;} 
.backtotop .btn{border-radius: 50%}
.backtotop img{width: 20px; height: auto}
.backtotop a {display: block;padding:10px 15px;margin: 0;text-align: center;letter-spacing: 0;line-height: normal}
/*********************GENERAL CLASSES*************/
body ,html{scroll-behavior: smooth;}
.text-white{color: white;}
.text-lightpink{color: #f7dcd1;}
.bg-blue{background-color: #111520;}
.height{height: 100vh;}
/**************NAVBAR**********/
.navbar {padding: 0!important}
.navbar.sidemenu-nav{}
.menu-btn{display: -ms-inline-grid;display: inline-grid;width: 30px;height:  30px;cursor: pointer;margin-left: 10px;position: absolute;z-index: 1;top:3vh;right: 2%;}
.menu-btn span{background-color: #b07150;margin-bottom: 0px;height: 1px;width: 100%;}
.menu-btn span.color{background-color: #fff;}
.menu-btn span:last-child{margin-bottom: 0;}
.menu-btn span:nth-child(2){position:relative;left:-5px;top:1px;}
.menu-btn span:nth-child(3){position:relative;left: -10px;top:2px;}
.menu-btn > span:after {
position: absolute;width: 0%;height: 2px;content: '';
-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;background: rgba(22,69,32,1.00);}
.menu-btn > span:nth-child(2):after {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.menu-btn > span:nth-child(3):after {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.menu-btn:hover > span:after {width: 30px;}
/*.navbar.fixed-menu .logo {display: none;}*/
.navbar.fixed-menu .menu-btn {cursor: pointer;}
.navbar.fixed-menu {width: 100vw;z-index: 1111;position: fixed;
top: 2%;left:0;right:2%;overflow: auto;background: transparent;
-webkit-animation-name: animationFade;animation-name: animationFade;
-webkit-animation-duration: 0.8s;animation-duration: 0.8s;
-webkit-animation-fill-mode: both;animation-fill-mode: both;height: 90px;padding-left: 30px;}
@-webkit-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.outer-wrapper{display : none;color: white;}
.nav-img{will-change: transform;}
.nav-img img{
    -webkit-transition: 3s ease;
    -o-transition: 3s ease;
    transition: 3s ease;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-animation: 3s img-display;
    animation: 3s img-display;
}
@-webkit-keyframes img-display {
    from{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to{
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}
@keyframes img-display {
    from{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to{
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}
.inner-wrapper{background-color: #fff;display: block;position: fixed;
top:0;right: 0;bottom: 0;left: 0;z-index: 111111111;
-webkit-box-shadow: 2px 2px 15px #e6d8d8;box-shadow: 2px 2px 15px #e6d8d8;
overflow: hidden;}
.overlay{display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;
background-color: rgba(6,51,64,0.82);}
.overlay1{position: absolute;left: 0;right: 0;top: 0;bottom: 0;
background-color: rgba(6,51,64,0.82);}
.main-content{-webkit-transition: .8s ease;-o-transition: .8s ease;transition: .8s ease;}
.main-content.main-content-hide{margin-top: 100vh;}
.inner-wrapper.start-anm1{-webkit-animation: 0.8s slideInDown;animation: 0.8s slideInDown;}
.inner-wrapper.end-anm1{-webkit-animation: 0.8s slideOutUp;animation: 0.8s slideOutUp;}
.outer-wrapper .close-outerwindow{
    position: absolute;
    /*left: 1.5%;*/
    right: 3%;
    top: 3.5%;
    z-index: 1111;
    cursor: pointer;
}
.outer-wrapper .close-outerwindow i{color: #fff;font-size: 50px;}
.outer-wrapper .close-outerwindow i:hover{-webkit-animation: 1s rotateIn;
animation: 1s rotateIn; color: #bacc81;}
.navbar-nav .nav-link{font-size: 55px;color: white;
text-decoration: none;padding: 10px 0;line-height: 5vw;
width: fit-content;width: -moz-fit-content;width: fit-content;}
.services-nav{-webkit-transform: translateY(4%);-ms-transform: translateY(4%);transform: translateY(4%);}
.nav-heading{font-size: 27px;margin-bottom: 25px;font-weight: 500;}
.nav-services li{list-style: none;padding: 3px 10px 3px 2px;font-size: 16px;}
.nav-services li a{color: #ffffff;
-webkit-transition: 0.8s ease;-o-transition: 0.8s ease;transition: 0.8s ease;}
.nav-services li a:hover {color: #ffffff8f;}
.nav-icons{margin-top: 37%;}
ul.side-menu-icons{display: -webkit-box;display: -ms-flexbox;display: flex;}
.side-menu-icons li{list-style: none;}
.side-menu-icons a{color: white;margin: 10px 10px 0 10px;font-size: 30px;
background-color: transparent;border-radius: 50%;padding: 15% 17%;
-webkit-transition: 0.8s ease;-o-transition: 0.8s ease;transition: 0.8s ease;}
.side-menu-icons a:hover{color: #b07150;background-color: #fff;}
.blog-nav{ -webkit-transform: translateY(-81%); -ms-transform: translateY(-81%);transform: translateY(-81%);}
#primary li a {position: relative;z-index: 1;-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(50%, #fff), color-stop(50%, #fff));
background-image: -o-linear-gradient(left, #fff, #fff 50%, #fff 50%);
background-image: linear-gradient(to right, #fff, #fff 50%, #fff 50%);
background-size: 200% 100%;
background-position: -100%;
-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#primary li a:before {display: block;content: '';width: 30px;height: 1px;left: 0;bottom: 0;
z-index: 0;position: absolute;background: #fff;
-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#primary li a:hover {background-position: 0;}
#primary li a:hover:before {width: 100%;}

/******************NAVBAR FOR OTHER PAGES FIXED*************/
.navbar.fixed-navbar{height: 85px;background: #4b5940}
.navbar.fixed-menu1 {
    z-index: 11;
    position: fixed;
    top: 0;
    left:0;
    right:0;
    overflow: hidden;
    background: #4b5940;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.50);
    box-shadow: 0 0 10px rgba(0,0,0,.50);
    -webkit-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
ul.navbar_ul{
    list-style: none;
    display: inline-block;
}
li.navbar_list{
    display: inline-block;
    margin-right: 2px;
    font-size: 20px;
    color: #2d2d2d;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: transparent;
    border-radius: 50px;
    margin-top: 25px;
    padding-top: 2px;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
li.navbar_list:hover{
    color: #fff;
    background-color: #b07150;
    -webkit-animation: .8s ease;
    animation: .8s ease;
}

/****************HOME SECTION*************/
.home{
    position: relative;
}
.parallax-img1{
    /*background-image: url("../img/main01.png");*/
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    min-height: 655px;
}
.parallax-color1{
    background-color: #f7dcd1;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    min-height: 655px
}

.parallax-img2{
    background-image: url("../img/parallax-2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    min-height: 655px
}
.parallax-color2{
    background-color: #b07150;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    min-height: 655px
}

.parallax-img3{
    background-image: url("../img/parallax-3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    min-height: 655px
}
.parallax-color3{
    background-color: #111520;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    min-height: 655px
}

.home .img-area{
    position: relative;
}
.home .content-area{
    position: absolute;
    top: 50%;
    left: 36.5%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.home .content-area{
    position: absolute;
    top: 50%;
    left: 36.5%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.home .content-area{position: absolute;top: 50%;left: 36.5%;
    -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
    width: 50vw;}
.home .text-home .sub-heading{font-size: 36px; margin: 0 0 10px 0;font-weight: 400;}
.home .text-home .main-heading{font-size: 72px;margin: 0 0 10px 0;font-weight: 500;}

.trans-btn{
    border-radius: 5px;
    font-size: 18px;
    padding: 12px 25px 12px 25px;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.brown-btn{background-color: #f7dcd1;border: 2px solid rgb(176, 113, 80);color: rgb(176, 113, 80);}
.brown-btn:hover, .brown-btn:focus, .brown-btn:active{border: 2px solid rgb(176, 113, 80);color: #fff;background-color: rgb(176, 113, 80);}

.pink-btn{border: 2px solid #f7dcd1;color: #f7dcd1;background-color: rgb(176, 113, 80);}
.pink-btn:hover, .pink-btn:focus{border: 2px solid #f7dcd1;color: rgb(176, 113, 80);background-color: #f7dcd1;}

.white-btn{border: 2px solid #ffffff;color: #ffffff;background-color: #111520;}
.white-btn:hover, .white-btn:focus{border: 2px solid #ffffff;color: #111520;background-color: #ffffff;}

/***************ABOUT SECTION START***********/
.about{padding-top: 125px;padding-bottom: 125px;}
.about .about-text{width: 500px;color: #b07150;}
.main-heading{font-weight: 600;font-size: 2.7rem;}
.heading{ margin-left: 2px;font-weight: 700;}
.sub-heading{font-size: 15px;font-weight: 300;}

/***************SERVICES SECTION START***********/
.services{padding-top: 125px;padding-bottom: 125px;}
.feature-icon{
    font-size: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #b07150;
    background: white;
    margin: 0 132px;
}
.feature-icon .bg-feature-icon{
    background-color: #f7dcd1;
    padding: 13%;
    -webkit-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    transition: 0.8s ease;
    border-radius: 30px;
}

.card-body .card-title{
    font-size: 28px;
    font-weight: 500;
}
.card-body .card-text{
    font-size: 18px;
    font-weight: 300;
    margin-top: 20px;
}
.card .card-body{
    padding: 0 30px 20px 30px;

}
.service-btn{
    background-color: #f7dcd1 ;
    border: 2px solid #f7dcd1;
    color: #b07150;
    -webkit-transform: translateY(45%);
    -ms-transform: translateY(45%);
    transform: translateY(45%);
    padding: 10px 22px;
    -webkit-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    transition: 0.8s ease;
}
.card{border: 1px solid #f7dcd1;cursor: pointer;-webkit-transition: 0.8s ease;-o-transition: 0.8s ease;transition: 0.8s ease;}
.card:hover{border: 1px solid #b07150;}
.card:hover .bg-feature-icon{background-color: #b07150;}
.card:hover .feature-icon{color: #fff;}
.card:hover .service-btn{background-color: #b07150;border: 2px solid #b07150;color: #fff;}

/******************VIDEO SECTION START***********/
.video .video-btn{margin-top: 185px;margin-bottom: 185px;}
.video .video-btn .play-btn{
    background-color: #fff;
    padding: 35%;
    font-size: 65px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    transition: 0.8s ease;
}
.video .video-btn .play-btn:hover{
    background-color: #b07150;
    color: #fff;
}

.video.bg-video-img{
    background-image: url("../img/video-img.jpg");
    position: relative;
    height:550px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center
}

.fancybox-slide--video .fancybox-content {
    background: transparent;
}

/***************ABOUT SECTION START***********/
.prices{
    padding-top: 125px;
}
.prices .price-list{
    border-bottom: 2px solid #f7dcd1;
    padding: 16px 16px 16px 12px;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f7dcd1), color-stop(50%, white));
    background: -o-linear-gradient(left, #f7dcd1 50%, white 50%);
    background: linear-gradient(to right, #f7dcd1 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.price-list:hover{
    background-position: left bottom;
}
.prices .price-list .info .sub-heading{
    font-size: 15px;
}
.prices .price-list .info .main-heading{
    font-size: 20px;

}
.prices .price-list .rates .rate{
    font-size: 38px;
    margin-top: 15px;
    font-weight: 600;

}

/*************TESTIMONIAL SECTION START****************/
.testimonial{overflow: hidden;}
.owl-testimonial .owl-dots, .images .owl-dots{margin-top: 10px !important;}
 .owl-dots {text-align: center;}
 .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.owl-testimonial .owl-dots .owl-dot.active span, .owl-testimonial .owl-dots .owl-dot:hover span, .images .owl-dots .owl-dot.active span, .owl-testimonial .owl-dots .owl-dot:hover span{background: #4b5940;}
.owl-testimonial .owl-dots .owl-dot span, .images .owl-dots .owl-dot span{border-radius: 50%;background: #bacc81;border: 2px solid #bacc81;font-size: 0;padding: 6px;
margin: 5px;}
.owl-testimonial{padding: 22px;}
.owl-testimonial .item .heading-large{font-size: 29px;line-height: 1.3;font-weight: 500;}
.rating .rating-star{font-size: 26px;color: #FFC107;}

/*project*/
.project{background:#e4e9d6;padding-top: 125px;padding-bottom: 125px;overflow: hidden;}
/*work*/
.workheading{background:#e4e9d6;padding-top: 50px;padding-bottom: 10px;}
.work{background: #e9ecef}
.work img{width: 100%}
/************BOOK NOW SECTION START***********/
.booking, .achieve{background:#f6f6f6;padding-top: 125px;padding-bottom: 125px;overflow: hidden;}
.book-btn:hover{background-color: #b07150;color: #fff;border: 2px solid #b07150;}
.book-btn{ background-color: transparent;color: #b07150;border: 2px solid #b07150;}
.booking .sub-heading{width: 800px;margin-left: auto;margin-right: auto;}

/****************FOOTER SECTION*******************/
.footer{background-color: #f7dcd1;padding-top: 125px;}
ul.footer_ul{list-style: none;display: inline-block;}
li.footer_list{display: inline-block;margin-right: 15px;font-size: 25px;
color: #b07150;cursor: pointer;width: 60px;height: 60px;text-align: center;
background-color: transparent;border-radius: 50px;padding-top: 17px;-webkit-transition: 0.5s ease;
-o-transition: 0.5s ease;transition: 0.5s ease;}
li.footer_list:hover{color: #fff;background-color: #b07150;-webkit-animation: .8s ease;animation: .8s ease;}
.footer_text{text-align: center;color: #fff;padding-bottom: 100px;}

/*  ===================================
           PRICING PAGE START
  ====================================== */
.bg-rates-img{
    background-image: url("../img/pricing-header.jpg");
    height: 350px;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.overlay-header{
    background-color: #b0715091;
    height: 350px;
}

/*  ===================================
           BOOKING PAGE START
  ====================================== */
.bg-booking-img{
    background-image: url("../img/booking-header.jpg");
    height: 350px;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.overlay-header{background-color: #b0715091;height: 350px;}
.contact-content{padding-top: 125px;padding-bottom: 125px;}
.form-outer{background: white;padding: 3% 4%;}
.alert-danger {color: #721c24;background-color: #f8d7da;border-color: #f5c6cb;text-align: center;margin-bottom: 10px;}
.contact-btn{border: 1px solid #b07150;-webkit-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease;
color: #fff;background-color: #b07150;}
.contact-btn:hover{background-color: #fff;color: #b07150;border: 1px solid #b07150;}
.form-control:focus {border-color: #b07150;box-shadow: none;}
.form-control{border: none;border-bottom: 1px solid #f7dcd1;}
#contact-description{padding-top: 125px;}
/******MAP SECTION***********/
#map{overflow: hidden !important;}
.mapouter {
position: relative;
text-align: right;
width: 100%;
}
.gmap_canvas {
overflow:hidden;
background:none!important;
height:100%;
width:100%;
}
.map{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
/*  ===================================
           TEAM PAGE START
  ====================================== */
.bg-team-img{background: url("../img/introduction/team-header.jpg") #4b5940;height: 250px;background-position-y: 0px;
background-position-x: center;background-size: cover;background-repeat: no-repeat;position: relative;}
.team{padding-top: 125px;}
.image-holder{height:250px;width:250px;border-radius: 50%;background-color: #e1e1e1;
margin-bottom: 25px;margin-left: auto;margin-right: auto;position: relative;cursor: pointer;overflow: hidden;}
.image-holder img{height: 100%;width: 100%;border-radius: 50%;-webkit-transition: .8s ease;-o-transition: .8s ease;
transition: .8s ease;}
.image-holder .overlay{position: absolute;left:0;right: 0;bottom: 0;border-radius: 50%;top: 0;background-color: #f7dcd1;
z-index: 11;display: block;opacity: 0;-webkit-transition: .8s ease;-o-transition: .8s ease;transition: .8s ease;}
.speaker-info:hover .image-holder .overlay .plus span:nth-child(2){-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);
transform: rotate(90deg);opacity: 1;}
.speaker-info:hover .image-holder .overlay .plus span{opacity: 1;}
.speaker-info:hover .image-holder img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.speaker-info:hover .image-holder .overlay{opacity: 1;left:10px;right: 10px;bottom: 10px;top: 10px;border: solid 3px #fff;}
.speaker-name{font-weight: 600;font-size: 18px;color: #2d2d2d;margin-bottom: 0;-webkit-transition: .8s ease;-o-transition: .8s ease;transition: .8s ease;}
.speaker-info:hover .speaker-name{color: #b07150;}
.speaker-links{position: relative;}
.speaker-links .slider-social{left: 50%;
-webkit-transform: translateX(50%); -ms-transform: translateX(50%);transform: translateX(50%);}
.image-holder .overlay .speaker-links ul li a {
-webkit-transform: translateY(-80px); -ms-transform: translateY(-50px);transform: translateY(-80px);opacity: 0;}
.image-holder .overlay .speaker-links ul li:first-child a {
-webkit-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s;}
.image-holder .overlay .speaker-links ul li:nth-child(2) a {
-webkit-transition-delay: .25s;-o-transition-delay: .25s;transition-delay: .25s;}
.image-holder .overlay .speaker-links ul li:nth-child(3) a {-webkit-transition-delay: .4s;-o-transition-delay: .4s;transition-delay: .4s;}
.speaker-info:hover .image-holder .overlay .speaker-links ul li:first-child a {
-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s;opacity: 1;}
.speaker-info:hover .image-holder .overlay .speaker-links ul li:nth-child(2) a {
-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition-delay: .25s;-o-transition-delay: .25s;transition-delay: .25s;opacity: 1;}
.speaker-info:hover .image-holder .overlay .speaker-links ul li:nth-child(3) a {
-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition-delay: .4s;-o-transition-delay: .4s;transition-delay: .4s;opacity: 1;}
.speaker-info .image-holder .overlay .speaker-links:hover ul li a{-webkit-transition-delay: 0s !important;-o-transition-delay: 0s !important;transition-delay: 0s !important;}
/*icon hovers*/
.speaker-links>ul {margin: 0;padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.speaker-links>ul li {list-style: none;margin: 10px 5px;}
.speaker-links>ul li:first-child {margin-left: 0;}
.speaker-links>ul li:last-child {margin-right: 0;}
.speaker-links>ul li a {position: relative;display: block;width: 35px;height: 35px;text-align: center;
line-height: 37px;background-color: rgba(255, 255, 255, 0);border-radius: 50%;font-size: 15px;
color: #b07150;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.speaker-links>ul li a:hover {background-color: #b07150;}
.image-holder .overlay .speaker-links>ul li a i {-webkit-transition: .5s ease;-o-transition: .5s ease;transition: .5s ease;}
.image-holder .overlay .speaker-links:hover  ul li:nth-child(3) a,.speaker-sec .image-holder .overlay .speaker-links:hover  ul li:nth-child(2) a{
-webkit-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.image-holder .overlay .speaker-links>ul li a:hover{background-color: rgba(255, 255, 255, 0.9);}
/*  ===================================
            SERVICES PAGE START
  ====================================== */
.bg-services-img{background: url("../img/work/work-header.jpg") #4b5940;height: 250px;background-position-x: center;background-position-y: 0px;background-size: cover;background-repeat: no-repeat;position: relative;}
.detail-process{margin-top: 125px;}
/*contact*/
.bg-contact-img{background: url("../img/contact/contact-header.jpg") #4b5940;height: 250px;background-position-x: center;background-position-y: 0px;background-size: cover;background-repeat: no-repeat;position: relative;}


/*************INFORMATION PROCESS SECTION START*****************/
#information_process{margin-top: 130px;margin-bottom: 130px;}
.information_process{text-align: center;margin-left: auto;margin-right: auto;}
/******************DETAIL PROCESS SECTION START*****************/
#detail_process{background: #f6f6f6;overflow: hidden !important;}
.process_text{padding: 85px;text-align: center;}
.process_text .sub-heading{font-weight: 600;margin-bottom: 10px;}
.margin-col{margin-top: auto;margin-bottom: auto;}
.width{width: 350px;margin-left: auto;margin-right: auto;}
/****IMAGE HOVER*****/
.figure::before {
position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';
width: 50%;height: 100%;
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(255,255,255,.3)));
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.figure:hover::before { -webkit-animation: shine 1s;animation: shine 1s;}
@-webkit-keyframes shine {
    100% {left: 100%;}
}
@keyframes shine {
    100% {left: 100%;}
}
/****************MEDIA QUERIES************/
@media screen and (min-width:1025px){
.about-sec{padding: 5rem;position:relative}
.img_left{}
.img_right{transform: translateY(300px);}
}

@media screen and (max-width: 1359px) {
.process_text {padding: 25px;}
}
@media screen and (max-width:1024px) {
.nav-img img{height: 100vh;}
.about .about-text {width: 460px;}
.about-sec{padding: 5rem 0;position:relative}
}
@media screen and (max-width: 991px) {
.process_text {padding: 50px;}
}

@media screen and (width:768px) {
.navbar-nav {padding-left: 6%;}
.owl-testimonial .item .heading-large {font-size: 20px;}
.booking .sub-heading {width: 650px;margin-left: unset;}
.about .about-text {width: 350px;}
}

@media screen and (max-width:767px) {
/**************NAVBAR***************/
.navbar-nav .nav-link {font-size: 32px;}
.blog-nav {-webkit-transform: translateY(-15%);-ms-transform: translateY(-15%);transform: translateY(-15%);}
.nav-icons {margin-top: 76%;display: none;}
.services-nav {-webkit-transform: translateY(5%);-ms-transform: translateY(5%);transform: translateY(5%);}
.small-nav{padding-top: 16%;text-align: center;}
.navbar-nav{ padding-left: 0;}
.outer-wrapper .close-outerwindow i {color: #fff;font-size: 30px;}
.overlay {background-color: rgba(6,51,64,0.82);}

/**************ABOUT SECTION***********/
.about .about-text {width: 361px;}
.about .about-text .main-heading {font-weight: 600;font-size: 1.8rem;}
.owl-testimonial .item .heading {font-size: 20px;width: 250px;}
.booking .sub-heading {font-size: 13px;width: 320px;}
.booking .main-heading{font-size: 2.2rem;}
#about {padding-top: 50px;}

/****************HOME SECTION***********/
.home .content-area{position: inherit;text-align: center;bottom: 12vh;left: 0;width: 90vw;display: block;margin: 0 auto;
-webkit-transform: translate(0,-110%);-ms-transform: translate(0,-110%);transform: translate(0,-110%);}
.home .text-home .main-heading {font-size: 45px;}
.home .text-home .sub-heading {font-size: 23px;}
.parallax-img3{background-attachment: unset;min-height: 30vh;}
.parallax-img2{background-attachment: unset;min-height: 30vh;}
.height2{height: 60vh;}
/*.parallax-color1, .parallax-color2, .parallax-color3{min-height: 33vh}*/
.parallax-img1{background-attachment: unset;min-height: 30vh;}
.parallax-color3{background-attachment: unset;/*min-height: 413px;*/}
.parallax-color2{background-attachment: unset;}
.parallax-color1{background-attachment: unset;}
.width {width: 250px;margin-left: auto;margin-right: auto;}
.process_text .main_heading{font-size: 30px;}
.info_width {max-width: 830px;}
li.footer_list {width: 40px;height: 40px;padding-top: 13px;}
li.footer_list {margin-right: 0;/*font-size: 13px;*/}
}
@media screen and (max-width:414px) {
.blog-nav {-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}
.home .content-area {position: inherit;text-align: center;top: 75%;left: 0;
-webkit-transform: translate(0,-75%);-ms-transform: translate(0,-75%);transform: translate(0,-75%);}
.margin-top-125{margin-top: 125px;}
}
@media screen and (max-width:320px) {
.home .content-area {
position: inherit;text-align: center;top: 75%;left: 0;
-webkit-transform: translate(0,-32%);-ms-transform: translate(0,-32%);transform: translate(0,-32%);}
.booking .sub-heading {font-size: 13px;width: 270px;}
}

/*追加*/
.logo{position: absolute;top: 2%;left: 0;z-index: 999;width:60px;height:60px}
.contentsnaiv .logo{position: absolute;top: 10%;left: 0;z-index: 999;width:60px;height:60px}
writing-mode: tb;writing-mode: tb;.verticle-text {
font-size: 15px;text-transform: uppercase;writing-mode: tb;border-right: solid 1px #fff;
padding-right: 20px;}
.verticle-text {font-size: 15px;text-transform: uppercase;writing-mode: tb;border-right: solid 1px #fff;
padding-right: 20px;} 
 @media screen and (min-width:768px){
#rev_slider_1{height: 100vh!important;overflow: hidden}
.navigate-arrow{position: absolute;bottom: 10px;left: 45%;height: 45px;width: 45px;}
.navigate-arrow i:first-child{background: rgba(0,0,0,.5);
display: block;color: #bacc81;font-size: 15px;height: 45px;width: 45px;border-radius: 50%;margin-bottom: 1px;text-align: center;padding-top: 15px;border: solid 2px #bacc81;
-webkit-transition: .8s ease;-o-transition: .8s ease;transition: .8s ease;}
.about-sec .owl-carousel, .about-sec .owl-carousel.owl-loaded {position: absolute;left: 0;}
}
@media screen and (max-width:767px){#rev_slider_1{height: 50vh!important;overflow: hidden}
.navigate-arrow{position: absolute;left: 45%;height: 45px;width: 45px;bottom:10px}
.navigate-arrow i:first-child{display: block;color: #bacc81;font-size: 15px;height: 45px;width: 45px;border-radius: 50%;margin-bottom: 1px;text-align: center;padding-top: 15px;border: solid 2px #bacc81;-webkit-transition: .8s ease;-o-transition: .8s ease;transition: .8s ease;}
.about_img img {width: 70% !important;margin: auto;}
.about-sec{padding: 4.5rem 0;}
.about-sec .owl-carousel, .about-sec .owl-carousel.owl-loaded {position: relative;}
}
@media screen and (max-width:414px){
.navigate-arrow{bottom: 5%;}#rev_slider_1{height: 40vh!important;overflow: hidden}
}
@media screen and (max-width:359px){
.navigate-arrow{bottom: 10%}
}
.navigate-arrow:hover i{background-color: #bacc81;border: solid 2px #bacc81;color: #fff;}

.about-heading {font-size: 2rem;color: #ffffff;}
.about-text, .main-font{color: #ffffff; font-weight: 400;}
.slide2 {background:#4b5940;}
.feature-item > i.f-icon {font-size: 42px;line-height: 55px;color: #fff;transition: .8s ease;height: 55px;
width: 55px;display: flex;justify-content: center;}
.bg-overlay {position: absolute;top: 0;left: 0;width: 100%;
height: 100%;z-index:99;opacity: .5;background: #000;}
.boxshadow {position: relative;display: flex;flex-direction: column;gap:15px;}
.boxshadow li{list-style: none;padding: 0.1em 0.5em;line-height: 1.5;border-left: 6px solid #bacc81;text-align: left;}
.projectimages > .owl-nav{display: block;position: absolute;top: 35%;width: 100%}
@media screen and (max-width:760px){.projectimages > .owl-nav{display: block;position: absolute;bottom: 25%;width: 100%}}
.owl-theme .owl-nav [class*=owl-], .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
color: #4b5940;font-size: 1.2rem!important;margin: 5px;padding: 10px 13px!important;background: #bacc81!important;display: inline-block;cursor: pointer;border-radius: 3px;}
.projectimages .owl-prev{position: absolute;left: -25px}
.projectimages .owl-next{position: absolute;right: -25px}
.heading_font_sm{font-size: 1.8rem}
.flex-box{display: flex;flex-direction: row;flex-wrap: wrap;}
.w50{width: 50%;box-sizing: border-box}
.w100{width: 100%;box-sizing: border-box}

.parent {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(6, 1fr);grid-column-gap: 0px;grid-row-gap: 0px;}

.projectimg1 { grid-area: 1 / 1 / 4 / 2; }
.projectimg2 { grid-area: 4 / 1 / 7 / 2; }
.projectimg3 { grid-area: 1 / 2 / 3 / 3; }
.projectimg4 { grid-area: 3 / 2 / 5 / 3; }
.projectimg5 { grid-area: 5 / 2 / 7 / 3; }
/* ===================================
    Scrollbar
====================================== */
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {width: 10px;background:white;border-left: 0 solid white;border-right: 0 solid white;}
::-webkit-scrollbar-thumb {
    background: #bacc81;width: 0;height: 25%;transition: .5s ease;cursor: pointer;}
::-webkit-scrollbar-thumb:hover {background: #bacc81;transition: .5s ease;}
/************info***********/
.infoblock{background:#f4f4f4;padding-top: 125px;padding-bottom: 125px;overflow: hidden;}
@media (max-width: 1024px) {
.about #about-circle {transform: translate(-122%, -73%);}
}.about {padding-top: 17.5rem;}
@media (max-width: 767px) {
.about {padding-top: 4.5rem;}
}
/*==================works====================*/
.portfolio-section{padding-top: 100px;padding-bottom: 100px;background: #e4e9d6}
.high-lighted-heading{font-size: 40px;color:#000000;font-weight: 500;padding-bottom: 20px;}
.portfolio-section .portfolioHeading p{font-size: 16px;padding-bottom: 20px;}
.portfolio-section .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {background: #4b5940;color: #fff;border: none;}
.portfolio-section .cbp-l-caption-alignCenter .cbp-l-caption-body {padding: 0px 0;}
.portfolio-circle-cart{position: absolute;
z-index: 100;width: 50px;height: 50px;background: #4b5940;border-radius: 50%;top: 40%;left: 50%;
-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
opacity: 0;-webkit-transition: .8s ease-in-out;-o-transition: .8s ease-in-out;transition: .8s ease-in-out;}
.portfolio-circle-cart i{color: white;text-align: center; position: absolute;top: 50%;left: 50%;
-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.portfolio-section .cbp-item:hover .portfolio-circle-cart{opacity: 1;}
.portfolio-section .cbp-l-filters-list .cbp-filter-item {color: #000000;font-size: 13px;border: none;}
.portfolio-section .cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active {background-color: transparent;color: #000000;}
.portfolio-title{font-size: 20px !important;margin-top: 0px !important;-webkit-transition: .8s ease;-o-transition: .8s ease;transition: .8s ease;}
.portfolio-des{margin-top: 6px !important;-webkit-transition: .8s ease;-o-transition: .8s ease;transition: .8s ease;}
.portfolio-section .cbp .cbp-item:hover .portfolio-title{color:#92A683 !important;}
.portfolio-section .cbp .cbp-item:hover .portfolio-des{color: #000000 !important;}
.sync-portfolio-carousel {max-width: 350px;width: 100%;}




@media screen and (max-width: 1199px) {
.sync-portfolio-carousel {max-width: 300px;}
}
@media screen and (max-width: 767px) {
.sync-portfolio-carousel {max-width: 250px;}
}
@media screen and (max-width: 480px) {
.sync-portfolio-carousel {margin-left: auto;margin-right: auto;}
}