/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
a,a:hover,button,button:hover,input,input:hover,input:focus{-webkit-transition:all .4s ease;transition:all .4s ease;}
/* thumbnail-slider */
#thumbnail-slider{margin:0 auto;width:100%;max-width:1650px;padding:0;box-sizing:border-box;position:relative;-webkit-user-select:none;user-select:none}
#thumbnail-slider div.inner{position:relative;overflow:hidden;padding:0;margin:0}
#thumbnail-slider div.inner ul{white-space:nowrap;position:relative;left:0;top:0;list-style:none;font-size:0;padding:0;margin:0;float:left!important;width:auto!important;height:auto!important}
#thumbnail-slider ul li{display:inline-block;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:-webkit-transform .5s;transition:transform .5s;box-sizing:content-box;text-align:center;vertical-align:middle;padding:0;position:relative;list-style:none;backface-visibility:hidden;margin:20px -30px 90px}
#thumbnail-slider ul li.active{-webkit-transform:scale(1.15);transform:scale(1.15);background-color:transparent}
/*-- Start 3D --*/
#thumbnail-slider .thumb{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;display:block;position:absolute;font-size:0;cursor:inherit;-webkit-box-reflect:below 0 -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(70%,transparent),to(rgba(255,255,255,0.4)));transition:all linear .4s;-webkit-transform:perspective(500px) translateX(1px) translateZ(-30px) rotateY(10deg);transform:perspective(500px) translateX(1px) translateZ(-30px) rotateY(10deg)}
#thumbnail-slider .active .thumb{-webkit-transform:translateX(0px) translateZ(0px) rotateY(0deg);transform:translateX(0px) translateZ(0px) rotateY(0deg)}
#thumbnail-slider li.active ~ li .thumb{-webkit-transform:perspective(500px) translateX(-1px) translateZ(-30px) rotateY(-10deg);transform:perspective(500px) translateX(-1px) translateZ(-30px) rotateY(-10deg)}
/*-- End 3D --*/
#thumbnail-slider-pause-play{display:none}
#thumbnail-slider-prev,#thumbnail-slider-next{display:none}

:root{--header-height:70px;--header-floating-offset:15px;--sticky-header-height:70px;--menu-gap:30px}
*{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.header-size-custom #logo img{height:40px}
.slider-wrapper{margin:100px 0 0;}
.header-misc .px-4{padding:0!important;}
#logo{display:block;}
#symbol{display:none;}
@media (min-width: 992px) {
.header-size-custom .header-wrap-clone{height:calc(70px + 1px)}
#header.header-size-custom + .include-header{margin-top:calc(-70px - 2px)}
.header-size-custom .menu-container > .menu-item > .menu-link{padding:24px 10px 24px}
}
.btn-link:hover{text-decoration:underline!important}
.ls--1{letter-spacing:-1px!important}
.ls--2{letter-spacing:-2px!important}
.mega-menu-content.mega-menu-style-2 .menu-link{text-transform:none;font-weight:400;font-size:14px}
#top-account a{letter-spacing:0;font-weight:400;font-size:12px;text-shadow:none;padding:0 10px;}
.dark .header-misc a{color:rgba(255,255,255,0.9)}
.dark .menu-item:hover > .menu-link,.dark .menu-item.current > .menu-link{color:rgba(255,255,255,0.9)}
.slider-caption{position:absolute;width:100%;max-width:none;left:0;right:0;margin:0 auto;text-align:center}
.slider-caption h2{font-size:3.85rem;letter-spacing:-2px;text-transform:none}
.slider-caption p{margin-top:15px;font-size:1.125rem}
.slider-arrow-left,.slider-arrow-right,.flex-prev,.flex-next{--right:70px;--size:36px;top:auto;bottom:22px;left:calc(50% + 22px);right:70px;right:var(--right);margin-top:0;background-color:rgba(255,255,255,0.8);width:42px;width:var(--size);height:42px;height:var(--size);border:0;border-radius:50%;transform:translateX(-50%);transition:all .4s ease}
.flex-prev,.flex-next{opacity:0;top:50%;bottom:auto;left:auto;right:4px;transform:translateY(-50%)}
.product:hover .flex-prev,.product:hover .flex-next{opacity:1}
.slider-arrow-left{left:calc(50% - 22px)}
.flex-prev{left:4px}
.slider-arrow-left i,.slider-arrow-right i,.flex-prev i,.flex-next i{line-height:42px;line-height:var(--size);width:42px;width:var(--size);height:42px;height:var(--size);color:#DDD;color:rgba(0,0,0,0.8);text-shadow:none;font-size:24px;margin-left:2px;transition:color .4s ease}
.slider-arrow-left i,.flex-prev i{margin-left:0}
.slider-arrow-left:hover i,.slider-arrow-right:hover i,.flex-prev:hover i,.flex-next:hover i{color:#FFF}
.social-icons{position:absolute;left:55px;bottom:15px;z-index:10}
.social-icons::before{content:'';position:absolute;left:-40px;top:45%;width:30px;height:1px;background-color:rgba(255,255,255,0.2)}
.cat-card p{font-size:1rem;font-weight:400;line-height:1.6!important;opacity:.8}
.device-md .cat-card p{display:none}
.items-nav li a{display:block;position:relative;padding:3px 8px;color:#888;transition:all .1s linear}
.items-nav li:hover a{background-color:#F5F5F5;color:#111}
.product-desc{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;padding:15px 3px}
.product-title h3{font-size:17px;font-weight:700;margin:0}
.product-title span a{color:#999}
.product-price{margin-bottom:0;font-size:15px}
.product-image{position:relative}
.product-image .cart-btn{position:absolute;display:block;opacity:0;bottom:7px;left:0;right:0;width:calc(100% - 12px);max-width:100%;margin:0 auto;padding:8px 0;height:auto;text-align:center}
.product:hover .product-image .cart-btn,.product:hover .flex-control-nav.flex-control-thumbs{opacity:1;z-index:2}
.flex-control-nav.flex-control-thumbs{opacity:0;position:absolute;top:0;left:0;right:auto;margin:3px;transition:opacity .3s linear}
.flex-control-nav li{float:none;display:block;margin:3px;box-shadow:0 0 2px 0 rgba(0,0,0,0.3)}
nav.flex-control-thumbs li:hover img,.flex-control-nav.flex-control-thumbs li img.flex-active{border-width:1px;opacity:1;box-shadow:0 0 3px 1px rgba(0,0,0,0.3)}
.flex-control-nav.flex-control-thumbs li,.flex-control-nav.flex-control-thumbs li img{width:auto!important;height:70px!important}
.container-fluid{padding-right:40px;padding-left:40px}
.footer-widgets-wrap li{margin-bottom:3px}
.dark .footer-widgets-wrap a{color:#888}
.masonry-thumbs a::before{opacity:0;display:flex;content:"\e9bc";font-family:'lined-icons';justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1);font-size:24px;color:#FFF;background-color:rgba(0,0,0,0.5);transition:opacity .3s,transform .3s ease}
.instagram-photos.masonry-thumbs a::before{content:"\ed71";font-family:'font-icons'}
.masonry-thumbs a:hover::before{opacity:1;transform:scale(1.2)}
body.modal-open{overflow-y:auto}
.modal-backdrop{display:none}
.content-wrap h2{font-size:20px;margin-bottom:10px;}
.content-wrap h2 + a{color:#FFF!important;height:24px;}
.content-wrap h2 + a:hover{color:#3EBCE7!important;height:24px;}
.class-item{margin-top:20px;}
.class-item,.class-item .card-header{border:none!important;padding:0;background-color:transparent;}
.class-item .card-header img{border-radius:0.25rem 0.25rem 0 0;}
.class-item .card-body{background-color:#3E3E47;border-radius:0 0 0.25rem 0.25rem;-webkit-transition:all .4s ease;transition:all .4s ease;}
.class-item:hover .card-body{background-color:#111;-webkit-transition:all .4s ease;transition:all .4s ease;}
#content .class-item h3{font-size:18px;color:#FFF;margin:0;font-weight:400;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .4s ease;transition:all .4s ease;}
#content .class-item:hover h3{color:#3EBCE7;-webkit-transition:all .4s ease;transition:all .4s ease;}
#content .class-item p{font-size:13px;color:#FFF;opacity:0.5;margin-bottom:0;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;height:54px;padding-top:5px;webkit-transition:all .4s ease;transition:all .4s ease;}
#content .class-item:hover p{opacity:1;webkit-transition:all .4s ease;transition:all .4s ease;}
.post-items{border:none!important;margin-top:50px;background-color:transparent;}
.post-items .card-header{padding:17px 20px;background-color:#525259;border-bottom:1px solid #111;}
.post-items h2{font-size:20px;color:#FFF;margin:0;padding-top:0;font-weight:400;vertical-align:middle;height:24px;}
.post-items h2 .tripod{background:url("../img/icon-tripod.svg") no-repeat center center;vertical-align:middle;width:24px;height:24px;margin-right:8px;display:inline-block;}
.post-items h2 .events{background:url("../img/icon-events.svg") no-repeat center center;vertical-align:middle;width:24px;height:24px;margin-right:8px;display:inline-block;}
.post-items h2 .megaphone{vbackground:url("../img/icon-megaphone.svg") no-repeat center center;vertical-align:middle;width:24px;height:24px;margin-right:8px;display:inline-block;}
.post-items .card-body{background-color:#3E3E47;border-radius:0 0 0.25rem 0.25rem;-webkit-transition:all .4s ease;transition:all .4s ease;}
.post-item:hover .card-body{background-color:#111;-webkit-transition:all .4s ease;transition:all .4s ease;}
#content .post-item{margin-top:15px;}
#content .post-item:first-child{margin-top:0!important;}
#content .post-item .post{width:calc(100% - 80px);position:relative;}
#content .post-item h3{font-size:18px;color:#FFF;margin:5px 0 0;font-weight:400;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .4s ease;transition:all .4s ease;}
#content .post-item:hover h3{color:#3EBCE7;-webkit-transition:all .4s ease;transition:all .4s ease;}
#content .post-item p{font-size:13px;color:#FFF;opacity:0.5;margin-bottom:0;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;height:37px;padding-top:5px;}
.post-item .date{background-color:#5A5A60;border-radius:0.25rem;min-width:70px;max-width:70px;height:70px;margin-right:10px;padding:10px 9px;text-align:center;}
#content .post-item:hover p{opacity:1;webkit-transition:all .4s ease;transition:all .4s ease;}
.post-item span{font-size:35px;font-weight:400;color:#FFF;display:block;margin-bottom:0;line-height:32px;}
.post-item p.ym{font-size:11px;font-weight:400;color:#ACACAF;line-height:11px;letter-spacing:-0.5px;}
#footer .container-fluid{padding:0;}
.customer-center{width:100%;text-align:center;color:#FFF;background-color:#17171D;padding:60px 0;}
.customer-center h4{display:block;font-size:20px;font-weight:700;margin-bottom:5px;}
.customer-center span{display:block;font-size:35px;font-weight:400;margin-bottom:5px;}
.customer-center p{display:block;margin-bottom:0;font-size:13px;font-weight:400;}
#copyrights{width:100%;text-align:center;color:#FFF;background-color:#0A0B0B}
#copyrights img{margin-bottom:20px;}
#copyrights p{margin-bottom:0;font-size:13px;line-height:18px;}
.modal-register .form-control{padding:0.75rem;}
.modal-register .text-end a{display: block;}
.modal-register button{border-radius:3px;}

/******** SUB **********/
.sub #page-title.dark{background:url("../img/bg-film.svg") #17171D no-repeat center 130px;border-bottom:none;padding-top:120px;}
.widget.card{border:none;background-color:transparent;margin-bottom:20px;}
.widget.card .card-header{background-color:#404048;padding:16px 20px 14px;border:none;}
.widget.card .card-header h4{color:#FFF;font-weight:400;font-size:25px;margin-bottom:0;}
.widget.card .card-body{background-color:#363642;border:none;padding:0;border-radius:0 0 0.25rem 0.25rem;margin-bottom:0;}
.widget.card .card-body ul{background-color:#363642;list-style:none;margin-bottom:0;}
.widget.card .card-body li{color:#FFF;font-weight:400;font-size:25px;padding:10px 20px;list-style:none;webkit-transition:all .4s ease;transition:all .4s ease;}
.widget.card .card-body li:last-child{border-radius:0 0 0.25rem 0.25rem;}
.widget.card .card-body li a{color:#FFF;font-weight:400;font-size:18px;}
.widget.card .card-body li:hover,.widget.card .card-body li.current{background-color:#1F1F24;padding:10px 30px;webkit-transition:all .4s ease;transition:all .4s ease;}
.widget.card .card-body li:hover a,.widget.card .card-body li.current a{color:#3EBCE7;}
.postcontent .single-post{background-color:#202029;margin-bottom:80px;border-radius:0.25rem;padding:50px!important;}
.single-post h3{color:#3EBCE7;}
.single-post .ol{margin-left:30px;line-height:1.8;}
.map{position:relative;width:100%;height:400px;}
.splash{margin:0!important;padding-bottom:0!important;}
#searchForm.card-body{padding:10px;}
#searchForm .form-control{background-color:#1E1E23;border:1px solid #1E1E23;color:#FFF;height:50px;font-size:18px;}
.form-control:hover,.form-control:focus{background-color:#000!important;border:1px solid #3EBCE7!important;border-radius:0.25rem;color:#FFF;}
#searchForm .form-group{margin-bottom:10px;}
.bootstrap-select .btn{padding:16px 10px;color:#FFF;background-color:#1E1E23;border:none;height:50px;font-size:18px;}
.pushMessage .bootstrap-select .btn{padding:6px 10px;color:#FFF;background-color:#1E1E23;border:none;height:36px;font-size:18px;}
#searchForm .bootstrap-select .btn{padding:6px 10px;color:#FFF;background-color:#1E1E23;border:none;height:36px;font-size:18px;}
.post-header .bootstrap-select .btn{background-color:#37373F}
.btn-check:focus+.btn,.btn:focus{box-shadow:0 0 0 0.25rem rgb(211 212 213 / 50%);}
.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:none!important;outline:0!important;outline-offset:0;}
.bootstrap-select .btn+.dropdown-menu{background-color:#363642;border:1px solid #1E1E23;}
.dropdown-menu li{padding:0!important;}
.dropdown-menu .dropdown-item{padding:10px!important;}
.dropdown-menu .dropdown-item span{color:#999;}
.dropdown-item.active,.dropdown-item:active{background-color:#3EBCE7!important;}
.dropdown-item.active span,.dropdown-item:active span{color:#1E1E23!important;}
.dropdown-item:hover{background-color:#1F1F24;color:#3EBCE7!important;}
#searchForm .btn-primary{background-color:#3EBCE7;border-color:#3EBCE7;color:#1E1E23!important;width:100%;padding:12px;}
#searchForm .btn-primary span{vertical-align:middle;margin-left:-8px;}
.btn-primary:hover{background-color:#22B1E1!important;}
.postcontent .p-0{padding:0!important;}
.single-post.tabs{padding:0!important;margin-bottom:0!important;}
.single-post.tabs .tab-nav{border:none;padding:0;}
.single-post.tabs .tab-nav li{background-color:transparent;border:none;height:60px}
.single-post.tabs .tab-nav li a{background-color:#37373F;color:#FFF;font-size:25px;font-weight:400;border:none;height:60px;line-height:60px;padding:3px 0 0;}
.single-post.tabs .tab-nav li.ui-tabs-active a{background-color:#202029;color:#3EBCE7;}
.single-post.tabs .tab-nav li:first-child a{border-top-left-radius:0.25rem}
.single-post.tabs .tab-nav li:last-child a{border-top-right-radius:0.25rem}
.single-post.tabs .tab-container{padding:50px;}
.gallery-item{margin-bottom:20px;}
.gallery-item,.gallery-item .card-header{border:none!important;padding:0;background-color:transparent;}
.gallery-item .card-header img{border-radius:0.25rem 0.25rem 0 0;}
.gallery-item .card-body{background-color:#3E3E47;color:#FFF;padding:17px 20px 0;border:none;}
.gallery-item .card-body h4{margin-bottom:5px;font-weight:400;font-size:18px;color:#FFF;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .4s ease;transition:all .4s ease;}
.gallery-item:hover .card-body h4{color:#3EBCE7;-webkit-transition:all .4s ease;transition:all .4s ease;}
.gallery-item .card-body .writer{font-weight:400;font-size:12px;color:#9E9EA3;}
.gallery-item .card-footer{background-color:#3E3E47;color:#FFF;padding:17px 20px;border:none;}
.gallery-item .card-footer span{height:18px;vertical-align:middle;padding-top:3px;}
.gallery-item .card-body+.card-footer{padding-top:10px!important;}
.gallery-item .card-footer .meta{background:url("../img/icon-gallery.svg") no-repeat 0 center;padding-left:30px;height:18px;}
.gallery-item .card-footer .meta.reply,.post-header .meta.reply{background:url("../img/icon-reply.svg") no-repeat 0 center;padding-left:30px;height:20px;line-height:20px;padding-top:1px;}
.post-header .meta.date{padding-top:3px;height:20px;line-height:20px;font-size:13px;margin-right:15px;}
.post-header .meta.writer{padding-top:4px;height:20px;line-height:20px;font-size:13px;margin-right:15px;}
.post-header .meta.reply{padding-top:3px;font-size:13px;}
.gallery-item .card-footer .rate{margin-top:-2px;}
.gallery-item .card-footer .point,.post-header .point{height:20px;vertical-align:sub;font-weight:600;float:right;margin-left:5px;padding-top:5px;}
.pagination{margin:10px 0 0 0;}
.pagination .page-link{background-color:transparent!important;padding:0;min-width:24px;height:24px;line-height:26px;margin:0 2px!important;text-align:center}
.pagination .page-item.active .page-link,.pagination .page-link:focus{border-radius:0.25rem;color:#1E1E23!important;}
.post-header{border-radius:0.25rem 0.25rem 0 0;height:60px;padding:0 20px;}
.post-header h4{line-height:60px;font-weight:400;}
.post-header h4 span{font-size:15px;font-weight:400;color:rgba(255,255,255,.5)!important;}
.post-header h4 a{font-size:15px;font-weight:400;vertical-align:middle;color:#FFF;}
.post-header .form-group{min-width:120px;margin-bottom:0!important;margin-top:5px;margin-left:5px;}
.post-header .dropdown-menu{background-color:#363642;}
.carousel{position:relative}
.carousel-item img{object-fit:cover}
#carousel-thumbs .carousel-inner{background:#202029;padding:10px 20px;border-radius:0 0 0.25rem 0.25rem;}
#carousel-thumbs img{cursor:pointer;opacity:.3;-webkit-transition:all .4s ease;transition:all .4s ease;}
#carousel-thumbs img:hover{opacity:1;-webkit-transition:all .4s ease;transition:all .4s ease;}
#carousel-thumbs .selected img{opacity:1;-webkit-transition:all .4s ease;transition:all .4s ease;}
.carousel-control-prev{width:24px;padding:0!important;left:calc(var(--bs-gutter-x) * 0.5)!important;overflow:hidden;}
.carousel-control-next{width:24px;padding:0!important;right:calc(var(--bs-gutter-x) * 0.5)!important;overflow:hidden;}
#carousel-thumbs .material-icons-outlined{width:24px!important;margin-left:-48px;}
.carousel-caption{background:rgba(0,0,0,.6);left:0;right:0;bottom:0;padding:15px 20px!important;}
.carousel-caption > *{align-items:center;margin:0;padding:0;height:24px;line-height:24px;vertical-align:middle;}
.carousel-caption a > *{align-items:center;vertical-align:middle;font-size:16px;color:#EAC421;}
.carousel-caption a > .material-icons-outlined{font-size:20px}
.carousel-caption h5{font-size:20px;font-weight:400;}
.rating{margin:0 auto;width:90px;float:left;margin-top:-4px;}
.rating > *{float:right}
@-webkit-keyframes pulse {
50%{color:#5e5e5e;text-shadow:0 0 5px #777}
}
@keyframes pulse {
50%{color:#5e5e5e;text-shadow:0 0 5px #777}
}
.rating label{height:20px;width:18px;display:block;position:relative;cursor:pointer;margin-bottom:0;}
.rating label:nth-of-type(5):after{-webkit-animation-delay:.25s;animation-delay:.25s}
.rating label:nth-of-type(4):after{-webkit-animation-delay:.2s;animation-delay:.2s}
.rating label:nth-of-type(3):after{-webkit-animation-delay:.15s;animation-delay:.15s}
.rating label:nth-of-type(2):after{-webkit-animation-delay:.1s;animation-delay:.1s}
.rating label:nth-of-type(1):after{-webkit-animation-delay:.05s;animation-delay:.05s}
.rating label:after{transition:all .4s ease-out;-webkit-font-smoothing:antialiased;position:absolute;content:"★";color:#5A5A61;top:0;left:0;width:100%;height:100%;text-align:center;font-size:20px;-webkit-animation:1s pulse ease;animation:1s pulse ease}
.rating label:hover:after{color:#78787E;text-shadow:0 0 15px #78787E}
.rating input{display:none}
.rating input:checked + label:after,.rating input:checked ~ label:after{content:"★";color:#FFC200;text-shadow:0 0 5px #FFC200}
.desc-container{padding:50px;}
.text-rate{font-size:15px;font-weight:400;margin-bottom:0;}
.text-rate span{font-weight:600;color:#EAC421;}
.big .rating{margin:0 auto;width:180px;float:left;margin-top:0;}
.big .rating label{height:40px;width:36px;display:block;position:relative;cursor:pointer;margin-bottom:0;}
.big .rating label:after{font-size:40px;}
.big .point{height:40px;vertical-align:sub;font-size:25px;font-weight:600;margin-left:15px;padding-top:15px;display:inline-block;}
.star-rating{margin:30px 0;}
.star-rating > span{float:left;font-size:15px;font-weight:400;margin-right:20px;display:inline-block;}
.star-rating .rating{margin:0;margin-top:-8px;}
.btn-rate{position:relative;border:none;padding:0;background-color:transparent;color:#FFF;margin-left:15px;cursor:pointer;height:24px;display:inline-block;font-size:24px;}
.btn-rate:hover{color:#3EBCE7;-webkit-transition:all .4s ease;transition:all .4s ease;}
.write-comment,.add-comment{border:1px solid rgba(255,255,255,.15);border-radius:0.25rem;padding:10px;width:100%;}
.add-comment{display:none;}
.write-comment .comment-header,.add-comment .comment-header{padding-bottom:10px;}
.write-comment .comment-footer,.add-comment .comment-footer{padding-top:10px;}
.write-comment textarea,.add-comment textarea{border:none;background-color:transparent;width:100%;color:#FFF;}
.write-comment .comment-footer .btn-text,.add-comment .comment-footer .btn-text{position:relative;border:none;padding:0;margin:0 0 0 15px;background-color:transparent;color:#FFF;cursor:pointer;display:inline-block;font-size:13px;}
.comment-item{position:relative;margin-top:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;}
.comment-wrapper > .comment-item:nth-child(2){border:none;padding-top:0;}
.comment-item .comment-avatar{position:relative;top:0;left:0;padding:0;background:#000;border:none;border-radius:30px;width:60px;height:60px;margin-right:15px;overflow:hidden;}
.comment-item .comment-avatar img{display:block;border-radius:0;}
.comment-item .comment-wrap{width:calc(100% - 75px);border:none;padding:0;border-radius:0;}
.writer{font-size:15px;margin-bottom:5px;}
.comment{font-size:15px;margin-bottom:5px;}
.comment-meta{font-size:13px;margin-bottom:5px;color:rgba(255,255,255,.3);}
.comment-meta button{display:inline-block;margin-left:10px;color:#FFF;background:none;border:none;padding:0;}
.comment-meta button:hover{color:#3EBCE7;}
.post-header .delete,.comment-meta .delete{font-size:18px;color:#FF0000;vertical-align:sub;}
.btn-photo{background-color:#EAC421;border:none;display:block;height:70px;line-height:63px;width:100%;font-size:25px;}
.btn-photo .material-icons-outlined{font-size:30px;vertical-align:sub;}
.btn-photo:hover{background-color:#C8A40A;}
.post-header .btn-cancel{background-color:transparent;border:none;color:#FFF;line-height:24px;}
.post-header .btn-cancel .material-icons-outlined{color:#FF0000;vertical-align:bottom;}
.post-header .btn-okay{background-color:transparent;border:none;color:#FFF;line-height:24px;margin-right:-10px;}
.post-header .btn-okay .material-icons-outlined{color:#00FF52;vertical-align:bottom;}
.post-header{background-color:#37373F}
.write-container{padding:50px;}
.write-container #purchase{background-color:transparent;border:1px solid rgba(255,255,255,.1);border-radius:0.25rem;height:80px;padding:20px;line-height:80px;font-size:25px;color:#FFF;}
.write-container #title{background-color:transparent;border:1px solid rgba(255,255,255,.1);border-radius:0.25rem;height:80px;padding:20px;line-height:80px;font-size:25px;color:#FFF;}
.write-container #description{background-color:transparent;border:1px solid rgba(255,255,255,.1);border-radius:0.25rem;height:350px;padding:20px;line-height:20px;font-size:15px;color:#FFF;}
.write-container .file-caption-name.form-control{background-color:transparent;border:1px solid rgba(255,255,255,.1);height:50px;padding:20px 20px 20px 30px;line-height:80px;font-size:15px;color:#FFF;}
.write-container .material-icons-outlined{vertical-align:bottom;font-size:20px;}
.write-container .fileinput-remove,.write-container .fileinput-cancel,.write-container .fileinput-upload{padding-top:8px;font-family:'Gotham','Gmarket',sans-serif;}
.write-container .btn-file{padding-top:14px;font-family:'Gotham','Gmarket',sans-serif;}
.write-container .file-caption-icon{top:12px;color:#FFF!important;z-index:2;}

.table-header form{margin-bottom:5px;background-color:#36363E;border-radius:0.25rem;padding-left:5px;}
.table-header input{background-color:#36363E;color:#FFF;border:none;vertical-align:middle;padding:8px 10px 5px;}
.table-header button{color:#FFF;vertical-align:middle;padding:7px 7px 5px;}
.table-header button:hover{color:#3EBCE7;}
.table{border-color:rgba(255,255,255,.1);position:relative;table-layout:fixed;}
.table *{color:#FFF;text-align:center;}
.table caption{position:absolute;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.table > :not(:first-child){border-top: 2px solid rgba(255,255,255,.2);}
.table tr th{padding:10px;white-space:nowrap;color:rgba(255,255,255,.4);}
.table tr td{padding:15px 10px 8px;white-space:nowrap;color:rgba(255,255,255,.4);}
.table tr td:nth-child(2){text-align:left;}
.table tr td a{font-size:15px;line-height:15px;color:#FFF;font-weight:400;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;text-align:left;}
.table-hover > tbody > tr:hover > *{color:#FFF;background-color:#000;}
.table-hover > tbody > tr:hover > td > a{color:#3EBCE7;}
.sub #content .class-item{margin-top:0;margin-bottom:20px;}
.sub #content .class-item h3{font-size:18px;color:#FFF;margin:0;font-weight:400;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .4s ease;transition:all .4s ease;}
.sub #content .class-item .card-body{background-color:#3E3E47;padding:1rem 1rem 0;border-radius:0;-webkit-transition:all .4s ease;transition:all .4s ease;}
.sub #content .class-item p{font-size:13px;color:#FFF;opacity:0.5;margin-bottom:0;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;height:36px;padding-top:5px;webkit-transition:all .4s ease;transition:all .4s ease;}
.sub #content .class-item:hover h3{color:#3EBCE7;-webkit-transition:all .4s ease;transition:all .4s ease;}
.sub #content .class-item:hover p{opacity:1;webkit-transition:all .4s ease;transition:all .4s ease;}.sub #content .class-item:hover .card-body{background-color:#111;-webkit-transition:all .4s ease;transition:all .4s ease;}
.sub #content .class-item:hover .card-body{background-color:#3E3E47;}
.sub #content .class-item .card-footer{background-color:#3E3E47;color:#FFF;padding:0 20px 17px;border:none;}
.sub #content .class-item .card-footer span{height:18px;vertical-align:middle;padding-top:3px;}
.sub #content .class-item .card-body+.card-footer{padding-top:15px!important;}
.sub #content .class-item .card-footer .meta.reply,.meta.reply{background:url("../img/icon-reply.svg") no-repeat 0 center;padding-left:30px;height:20px;line-height:20px;padding-top:1px;}
.sub #content .class-item .card-footer .meta.view,.meta.view{background:url("../img/icon-view.svg") no-repeat 0 center;padding-left:30px;height:20px;line-height:20px;padding-top:1px;}
.meta.view+.meta.reply{margin-left:20px;}






/******** RESPONSIVE **********/
@media (max-width: 991.98px) {
.slider-wrapper{margin:20px 0 0;}
.header-misc .px-4{padding:0!important;line-height:60px;}
.sub #page-title.dark{padding-top:30px!important;background:url(../img/bg-film.svg) #17171D no-repeat center 45px;}
.sub .row > .splash{padding:0!important;}
.sub .sidebar{display:none;}
}
@media (max-width: 1239.98px) {
#logo{display:none;}
#symbol{display:block;}
}
@media (max-width: 767.98px) {
.items-nav li{position:relative;display:inline-block;margin:5px}
.items-nav li:not(:last-child):not(.no-divider)::before{content:'/';position:absolute;right:-10px;top:50%;color:#AAA;transform:translateY(-50%)}
.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li,.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img{width:auto!important;height:80px!important}
.flex-control-nav.flex-control-thumbs{opacity:1}
.modal-backdrop{display:block}
.sub #page-title.dark .slogan{display:none;}
.hidden-xs{visibility:hidden;position:absolute;top:-999999999px;z-index:-100;}
}
@media (max-width: 589.98px) {
#logo{display:none;}
#symbol{display:block;}
#top-account a{padding: 0 5px;}
.content-wrap{padding:30px 0;}
#copyrights p{font-size:11px;line-height:15px;padding:0 24px;}
}
@media (min-width: 992px) {
#header.transparent-header.floating-header,#header.floating-header #header-wrap{position:fixed;top:15px;margin-top:0;box-shadow:none}
#header.transparent-header.floating-header .container-fluid,#header.sticky-header.transparent-header.floating-header .container-fluid{width:calc(100% - 30px);width:calc(100% - var(--menu-gap,30px));padding:0 30px;padding:0 var(--menu-gap,30px);background-color:transparent!important;transition:all .8s cubic-bezier(.19,1,.22,1)}
#header.hover-light.transparent-header.floating-header .container-fluid,#header.sticky-header.transparent-header.floating-header .container-fluid{background-color:#FFF!important;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.floating-header .mega-menu-content{border-top:0;box-shadow:none;width:calc(100% - 30px)!important;width:calc(100% - var(--menu-gap,30px))!important;margin:0}
.menu-link{letter-spacing:0}
.menu-container:hover > .menu-item:not(:hover):not(.active) > .menu-link{color:#BBB}
#header.sticky-header #header-wrap{background-color:transparent}
#top-account a{position:relative;display:block;z-index:11}
.header-overlay::after{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.5);z-index:1;transition:background-color .3s cubic-bezier(.19,1,.22,1)}
.card-img-overlay.bg{background-color:rgba(0,0,0,0.4)}
.container-fluid{padding-right:75px;padding-left:75px}
}