@charset "UTF-8";

.navbar-brand img{
    height:50px;
}

.mynavbar{
    width: 100%;
    margin-top:300px;
    height:80px;
    background-color: rgba(0,0,0,0.65);
}

.mynavbar > .container, .navbar > .container-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.topnav{
    background-image: url("../img/topback.png");
    width: 100%;
    height:480px;
    background-repeat:repeat-x;
    background-size: 100% 100%;
    background-color:transparent !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.075) !important;

}

.topnav1{
    background-image: url("../img/topback1.png");
    width: 100%;
    height:8rem;
    background-repeat:repeat-x ;
    background-size: 100% 100%;
    background-color:transparent !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.075) !important;

}

.navbar-light .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.85);
}

.navbar-light .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.85);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.85)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

#navbarColor02{
    background-color: #000;
    color: rgba(255, 255, 255, 0.85);
    position: absolute;
    left:0px;
    top:430px;
    z-index: 9999;
    padding: 10px;
}

#navbarColor02 .navbar-nav{

}

#navbarColor02 .nav-link {
  color: rgba(255, 255, 255, 0.85);
}

.navbar-toggler-close-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.85)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-tools{
    margin-top: 50px;
}

.circle {
  background: #aeaeae;
  border: 0.1875em solid #aeaeae;
  border-radius: 50%;
  box-shadow: 0.375em 0.375em 0 0 rgba(15, 28, 63, 0.125);
  height: 2em;
  width: 2em;
  text-align: center;
}

.main {
  position: relative;
}


.bg-black {
  background-color: #020202 !important; }

.bg-cover {
 position:relative
}
.bg-size--cover {
 background-size:cover;
 background-repeat:no-repeat;
}
.bg-size--contain {
 background-size:contain;
 background-repeat:no-repeat
}

.mask {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 transition:all 0.3s ease-in-out;
 -webkit-transition:all 0.3s ease-in-out
}
.alpha-1,
.alpha-container:hover .alpha-1--hover {
 opacity:0.1
}
.alpha-2,
.alpha-container:hover .alpha-2--hover {
 opacity:0.2
}
.alpha-3,
.alpha-container:hover .alpha-3--hover {
 opacity:0.3
}
.alpha-4,
.alpha-container:hover .alpha-4--hover {
 opacity:0.4
}
.alpha-5,
.alpha-container:hover .alpha-5--hover {
 opacity:0.5
}
.alpha-6,
.alpha-container:hover .alpha-6--hover {
 opacity:0.6
}
.alpha-7,
.alpha-container:hover .alpha-7--hover {
 opacity:0.7
}
.alpha-8,
.alpha-container:hover .alpha-8--hover {
 opacity:0.8
}
.alpha-9,
.alpha-container:hover .alpha-9--hover {
 opacity:0.9
}

.navbar-transparent {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
  background-color: transparent !important;
  border: 0;
  box-shadow: none;
}

.spl{
    width: 1rem; background-color: #F85B04; margin-right: 10px;
}


.imgcard{
    letter-spacing:-800px;
}
.image-ad1-1 {
    position: relative;
    height:400px;
    width:115px;
    background-image: url('../image/ad1_1.jpg');
    background-size: 100% 100%;
    overflow: hidden;
    display:inline-block;
}

.image-ad1-2 {
    position: absolute;
    right:0;
    top: 0;
    height:400px;
    width:115px;
    background-image: url('../image/ad1_2.jpg');
    background-size: 100% 100%;
    opacity: 0;
    transition: all 1s;
}

.image-ad1-1:hover .image-ad1-2 {
    right: 0;
    opacity: 1;
    transition: all 1s;
}


.image-ad2-1 {
    position: relative;
    height:400px;
    width:115px;
    background-image: url('../image/ad2_1.jpg');
    background-size: 100% 100%;
    overflow: hidden;
    display:inline-block;
}

.image-ad2-2 {
    position: absolute;
    right: 0;
    top: 0;
    height:400px;
    width:115px;
    background-image: url('../image/ad2_2.jpg');
    background-size: 100% 100%;
    transition: all .5s;
    opacity: 0;
    transition: all 1s;
}

.image-ad2-1:hover .image-ad2-2 {
    right: 0;
    opacity: 1;
    transition: all 1s;
}


.image-ad3-1 {
    position: relative;
    height:400px;
    width:115px;
    background-image: url('../image/ad3_1.jpg');
    background-size: 100% 100%;
    overflow: hidden;
    display:inline-block;
}

.image-ad3-2 {
    position: absolute;
    right: 0;
    top: 0;
    height:400px;
    width:115px;
    background-image: url('../image/ad3_2.jpg');
    background-size: 100% 100%;
    opacity: 0;
    transition: all 1s;
}

.image-ad3-1:hover .image-ad3-2 {
    right: 0;
    opacity: 1;
    transition: all 1s;
}


.image-ad4-1 {
    position: relative;
    height:400px;
    width:115px;
    background-image: url('../image/ad4_1.jpg');
    background-size: 100% 100%;
    overflow: hidden;
    display:inline-block;
}

.image-ad4-2 {
    position: absolute;
    right: 0px;
    top: 0;
    height:400px;
    width:115px;
    background-image: url('../image/ad4_2.jpg');
    background-size: 100% 100%;
    opacity: 0;
    transition: all 1s;
}

.image-ad4-1:hover .image-ad4-2 {
    right: 0;
    opacity: 1;
    transition: all 1s;
}

.imgw200{
    display:inline-block;
    letter-spacing:-800px;
}

.imgw200 img{
    width:130px;
    height:517px;
}

.imgw300{
    display:inline-block;
    letter-spacing:-800px;
}

.imgw300 img{
    width:260px;
    height:517px;
}

.imgw330{
    display:inline-block;
    letter-spacing:-800px;
}

.imgw330 img{
    width:330px;
    height:1140px;
}

.imgw660{
    display:inline-block;
    letter-spacing:-800px;
}

.imgw660 img{
    width:660px;
    height:1140px;
}

@media screen and (max-width: 768px) {
.imgw330{
    display:inline-block;
    letter-spacing:-800px;
}

.imgw330 img{
    width:173px;
    height:600px;
}
.imgw660{
    display:inline-block;
    letter-spacing:-800px;
}

.imgw660 img{
    width:347px;
    height:600px;
}
}

@media screen and (max-width: 414px) {
.imgw330{
    display:inline-block;
    letter-spacing:-800px;
}

.imgw330 img{
    width:86px;
    height:300px;
}
.imgw660{
    display:inline-block;
    letter-spacing:-800px;
}

.imgw660 img{
    width:173px;
    height:300px;
}
}

.image-qh-1 {
    position: relative;
    overflow: hidden;
    display:inline-block;
}

.image-qh-2 {
    position: absolute;
    right: 0px;
    top: 0;
    opacity: 0;
    transition: all 1s;
}

.image-qh-1:hover .image-qh-2 {
    opacity: 1;
    transition: all 1s;
}

.carousel-indicators .active {
  background-color: #7d5f48;
}

.carousel-indicators li {
  background-color: rgba(91, 91, 91, 0.5);
}
.mycard{
    background-color:transparent;
    border: 0px;
}
.mycard .card-header{
    background-color:transparent;
    border: 0px;
}
.mycard .card-header .nav-tabs .nav-link {
  border: 0px;
  border-top-left-radius: 0;
  border-top-right-radius:0;
  padding: 0.5rem 2rem;
  color: #fff;
  background-color: #7d5f48;
  margin-right:0.5rem;
}
.mycard .card-header .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  background-color: #452207;
}

.mycard .tab-content{
    border: 2px solid rgba(69, 34, 7, 1);
    background-color:#fff;
}
.mycard .tab-content .tab-pane{
    padding: 20px 10px;
}
.mycard .tab-content .tab-pane img{
    max-width:100%;
}
.carousel-item{
    text-align: center;
}