@font-face {
  font-family: 'Lato-Regular';
  src: url(/assets/fonts/lato/Lato-Regular.eot);
  src: url(/assets/fonts/lato/Lato-Regular.eot?#iefix) format('embedded-opentype'),
       url(/assets/fonts/lato/Lato-Regular.otf) format('otf'),
       url(/assets/fonts/lato/Lato-Regular.svg#Florentia-Light-trial) format('svg'),
       url(/assets/fonts/lato/Lato-Regular.ttf) format('truetype'),
       url(/assets/fonts/lato/Lato-Regular.woff) format('woff'),
       url(/assets/fonts/lato/Lato-Regular.woff2) format('woff2');
}


@font-face {
  font-family: 'alethiapro-regular';
  src: url(/assets/fonts/alethia/alethiapro-regular.eot);
  src: url(/assets/fonts/alethia/alethiapro-regular.eot?#iefix) format('embedded-opentype'),
       url(/assets/fonts/alethia/alethiapro-regular.otf) format('otf'),
       url(/assets/fonts/alethia/alethiapro-regular.svg#alethiapro-regular) format('svg'),
       url(/assets/fonts/alethia/alethiapro-regular.ttf) format('truetype'),
       url(/assets/fonts/alethia/alethiapro-regular.woff) format('woff'),
       url(/assets/fonts/alethia/alethiapro-regular.woff2) format('woff2');
}



@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');
body {    font-family: 'Lato-Regular';font-weight:400; color:#666;}
.menu-toggle { transform:none!important}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'alethiapro-regular'; color:#000; text-transform:none; font-weight: normal;}
a.btn { padding:16px 48px; border:none; box-shadow:none; font-size:18px; text-transform:uppercase; border-radius:0px}
.btn-primary { color:#f8f8f5!important; background:#D7BEA0; text-transform:uppercase; }
img {width:100%;}
.firstscreen { height:100vh; position:relative;background: #F5ECE2;}
.firstscreen.appdet { background:#fff;}
.firstscreen img { height:100vh;    object-fit: cover;}
.img-responsive, .w100 { width:100%;}
.top-first { padding-left:50px;     
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    gap: 30px;position: relative;}
	
.top-first.contacts:after, .top-first.docpage:after { position:absolute; content:''; width:45%; height:100%; right:50px; bottom:30px; background:url(/assets/images/cult.png) no-repeat bottom right; background-size:contain; opacity:0.3;}
.top-first svg {          width: 20%; height: auto;}
.top-first .cont-socials svg { width:40px; height:40px;}
.top-first.homepage  h1 { 
    left: 50px;
    bottom: 40px;
 
    font-size: 44px;}
	.top-first.homepage  h1 span { display:block; text-transform:uppercase; font-size:50px;}
.detailserv .top-first  h1 {       font-size: 35px;
    line-height: 1.2;
    max-width: 89%; color:#666}
.detailserv .top-first  h1 span {     display: block;       color: #000;
    font-size: 60px;
    margin-bottom: 30px;
    font-family: 'alethiapro-regular';
    text-transform: uppercase; }
.shock-header .navbar .navbar-brand .logo {max-height:45px; opacity:1;}

.complexblock { margin-top:60px; background:#F5ECE2; padding-top:40px; padding-bottom:40px; position:relative;}
.textcompl {    font-size: 24px; color: #927D65; text-align:left; padding-left:250px; padding-right:50px;}
.textcompl img { position:absolute; left:40px; width:200px;}

.info-bl { margin-bottom:40px;}

.social-list a img{ width:40px; height:40px;}
.social-list a { display:block; margin-bottom:4px;}
.social-list { position:absolute; right:0; top:30%; visibility:hidden}
.doptxt {  font-size: 20px; line-height: 1.2; margin-top:60px;    color: #666;
    position: absolute;
    bottom: 95px;max-width: 60%;}
.serv-list {position: absolute;right: 550px;width: 514px;height: 418px;bottom: 0; background:#1a1a1a; padding:60px 80px; font-size:24px;}
.serv-list a { color:#edebe2; display:block; width:100%; margin-bottom:24px; font-weight:600;}
.top-phone {color:#666;     font-size: 32px; margin-right: 480px; font-family: 'alethiapro-regular';}
.addr-first {font-size:18px;color:#000; font-family: 'alethiapro-regular'; margin-left:250px}
.nophone .top-phone { display:none}
.half-section {background: #F5ECE2;}
.detailserv .addr-first {opacity:1}
.vipblock { background:url(/assets/images/vipfon.jpg) left no-repeat; background-size:cover; background:#EFE5D9; font-size:22px;}

.appblock { margin-top:100px;background:url(/assets/images/Cult_pattern_gold.png) repeat; background-size:contain;  font-size:20px; padding-top:50px; padding-bottom:50px;    background-attachment: fixed;}
.applinks img { width:200px;}
.applinks a { margin-right:16px;}
.applinks { margin-top:80px;}

.pattfon { }
.pattfon img { height:100%; object-fit:cover;}


.vipitem { margin-bottom:50px;}
.viptxt { padding: 24px;
    height: 190px;
    display: flex;
    border: 1px solid #EFE5D9;
    flex-wrap: wrap;
    align-content: space-between;}
.viptxt span {    font-family: 'alethiapro-regular'; color: #000; display:block; margin-bottom:10px;    font-size: 24px; line-height: 1.2;}

.deposittable table { width:100%; margin-bottom:30px; }
.deposittable {margin-bottom:60px;}

.deposittable table td, .deposittable table th { padding:10px; text-align:center; font-size:18px; border:1px solid #EFE5D9;}
.deposittable table td.exmpltd { font-size:12px;}
.deposittable table td.bonustd {font-family: 'alethiapro-regular'; color: #000; font-size: 24px; background:#EFE5D9}
.vipdeposit .servbtn { position:static}

.birthdayblock .description p span {font-family: 'alethiapro-regular';color: #927D65; display:block;font-size: 24px;}

.missiontxt { font-size:52px;     color: #927D65;    line-height: 1.2;   font-family: 'alethiapro-regular';}

.about-section { margin-top:80px; margin-bottom:120px;}
.service-section {margin-top:120px;}
.service-section.detail-service {margin-top:0px; padding-top:120px; background:#fff; padding-bottom:100px;}
.wlcm-section {}
.sert-section { margin-bottom:120px;}
h2.b-txt { font-size:80px; margin-bottom:40px;}
.animh2 {        color: #D7BEA0; font-size:180px; letter-spacing:6px; opacity:0.4;      line-height: 1.8; margin: 0;}
.animtxt {      font-size: 60px; letter-spacing: 10px; opacity: 0.08; font-weight: 400; line-height: 0;}
.holder { padding-left:80px;}
.backgold { background:#D7BEA0;}
.backgold .servbtn { position:static;    margin-top: 80px;}
.service-section .gallery .col-lg-3 { width:22.5%}
.service-section .gallery .col-lg-2 { width:10%}
.service-section .gallery .image-wrapper h3 { position:absolute; left:30px; bottom:30px;    color: #fff;  z-index:2;    max-width: 300px;  height: 67px; margin-bottom:0;     font-size: 36px;
    line-height: 1;}
.service-section .gallery .image-wrapper:before {    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    background: -webkit-linear-gradient(190deg, transparent 50%, #000 100%);
    background: -o-linear-gradient(190deg, transparent 50%, #000 100%);
    background: linear-gradient(190deg, transparent 50%, #000 100%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0.9;}

.menu-grid .menu-grid-main-item { font-size:28px;}
.popup-bar {position: relative;z-index: 15;width: 100%;height: 50px;max-height: 50px;min-height: 50px;display: flex;justify-content: center;align-items: center;}
.popup-bar .title {margin: 0;    color: #666;}
.popup-bar .description {margin: 0;    color: #666;}
.popup-bar .button {margin: 0 0 0 1.5rem;}
.popup-bar .close-button {position: absolute;right: 0;}
.popup-bar .close-button .button-icon {font-size: 1rem;line-height: 0;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.popup-box {position: fixed;z-index: 15;bottom: 1.75rem;margin: 0 1rem;width: calc(100% - 2rem);}
.popup-box .card {max-width: 500px;margin: auto;}

.mediapage .container, .youtusection .container, .container.pricepage, .sertbl .container, #footer .container{ width:100%; max-width:100%;    padding: 0 50px;}
#footer .container { display:flex;    justify-content: space-between;    align-items: center; padding-top: 24px; padding-bottom: 24px;}
.appbot img{ width:150px;}
.logobot img { width:90px;}
.phonebot a { color:#666; font-size:24px;    font-family: 'alethiapro-regular';}
.socbot svg { width:45px; height:45px;}
.appbot { position:relative; width:540px; min-width:540px; padding-left:220px;text-align: right;}
.appbot span{ position:absolute; left:0;}

.mb-60 { margin-bottom:60px;}
.mb-90 { margin-bottom:90px;}

.shock-sidebar.top-sidebar.scheme-1 .servbtn { bottom:85px;}

.homepage .shock-header .navbar.absolute { position:static}
.homepage .top-phone { margin-right:0;     position: absolute; right: 140px;}
.homehead .top-phone { margin-right:0;     position: absolute; right: 140px;}
.homepage .banner {  
    background: #fff;}
.homepage .banner .image-wrapper .video { max-height:800px;}
.hometop { padding-left:50px; padding-right:50px; padding-top:50px; padding-bottom:50px; display:flex; justify-content: space-between;}
.hometop .servbtn { position: static}
.hometop .doptxt{ position: static; max-width:100%; margin-top:0}
.minicart img.iconcart { width:50px;}
.minicart {    position: absolute; right: 130px;}
.minicart .dropdown-toggle::after { display:none}
.minicart .dropdown-menu[data-bs-popper] { left:auto; right:0; width:300px;border:none;box-shadow: 0px 6px 16px 0px #122D4429; border-radius:0px; padding:16px; }

.mcart-item { position:relative; margin-bottom:16px;}
.mcart-item .item-quantity  {    width: 80px;padding: 8px;}
.mcart-item .quantity-box { position: absolute; left: 76px; top: 40px;}
.mcart-img { width:60px; display:inline-block; margin-right:12px;    border: 1px solid #f8f8f5;  border-radius: 0px; padding: 4px; vertical-align:top}
.mcart-img img { width:100%;}
.mcart-name { font-size:13px;vertical-align:top;display:inline-block; width:calc(100% - 76px); line-height:1.3; max-height: 36px; -webkit-box-orient: vertical; overflow: hidden !important; text-overflow: ellipsis; -webkit-line-clamp: 2;max-width: 140px;}
.mcart-name a { color:#000}
.mcart-name a:hover {color:#D7BEA0}
.mcart-price {font-size:12px; font-weight:600; position:absolute; left:76px; margin-top:-17px;}
.mcart-del {position:absolute;     right: 0; top: -2px;}
.mcart-del:hover svg path {fill:#D7BEA0}
.mcart-itog { position:relative;margin-top: 25px; margin-bottom: 10px;} 
.mcart-btn { position:absolute; right:0;top:4px}
.mcart-btn a {  color:#fff; font-size:14px;background: #000; border-radius:0px; padding:11px 16px;}
.mcart-btn:hover svg path.mcart-btn-svg-fon {fill:#000}

.mcart-summ span.newprice { display:block; font-size:18px; font-weight:600}
.mcart-summ span.oldprice {    color: #D7BEA0; text-decoration: line-through; font-size: 16px;opacity: 0.75;}
.mcart-summ span.off-tag {color:#D7BEA0;font-size: 16px; margin-left:4px;}

#addtocart .modal-dialog { max-width:500px; text-align:center; }
#addtocart .modal-dialog .modal-content {padding:50px 30px;}
#addtocart .modal-dialog a {color:#D7BEA0}
#addtocart .modal-body { padding:0}
#addtocart .close-button { position:absolute; right:30px; top:30px;}

.modal-btns { display:flex;     justify-content: space-between; margin-top:30px;}
.modal-btns .btn { padding:13px 22px; border-radius:0px; border:none; text-transform:none; font-size:16px; width:210px}
.modal-btns .btn.btn-primary {color:#fff;    padding: 13px 33px; background:#000}
.modal-btns .btn.btn-secondary {  color: #D7BEA0; border: 1px solid; background:#fff;}

.catslist a { color:#666; margin-bottom:6px; font-size:20px;}
.catslist a.maincat { font-weight:600;    color: #927D65;}
.form-area h4 { font-size:1.25rem;}

.media-bar { background:#D7BEA0; padding:40px 0; color:#f8f8f5;    font-size: 22px;     font-family: 'alethiapro-regular';}
.media-bar a {color:#f8f8f5; }
.pricepage h2 { font-size:36px; margin-bottom:40px;}
.pricepage h3.title {    font-size: 28px;}
.pricepage .collapsible { }
.pricepage .collapsible .collapse-group{ margin-bottom:40px;   }
.price-item { display:flex; justify-content:space-between; margin-bottom:20px; font-size:18px; position:relative}
.price-item span { background:#fff;}

.col-lg-6.pricebl:nth-child(2n+1) { padding-right:25px;}
.col-lg-6.pricebl:nth-child(2n) { padding-left:25px;}
.pricedetail .price-item span { background:#fff;}
.price-item span:first-child { padding-right:10px;    max-width: 70%;}
.price-item:before { content:''; position:absolute; left:0; right:0; bottom:-8px; height:1px;  border-bottom: 1px solid #fff;    z-index: -1;}
.pricehead { text-transform:uppercase; font-size:20px; margin-bottom:20px; font-weight:500; color:#000; margin-top:10px;}
.price-summ { font-family: 'alethiapro-regular'; color:#000; padding-left:10px; }
.extended-intro .text-2 a.downloadlink { color: #927D65; font-size:30px;}
.extended-intro .text-2 span {font-size:22px;    font-family: 'Lato-Regular';}

.scrollprice {     max-height: 375px;overflow-y: auto; overflow-x: hidden;padding-right: 40px;}

.scrollprice::-webkit-scrollbar { width: 3px; height: 3px;}
.scrollprice::-webkit-scrollbar-button {  background-color: #D7BEA0; }
.scrollprice::-webkit-scrollbar-track {  background-color: #999;}
.scrollprice::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.scrollprice::-webkit-scrollbar-thumb { height: 50px; background-color: #D7BEA0; border-radius: 3px;}
.scrollprice::-webkit-scrollbar-corner { background-color: #999;}}
.scrollprice::-webkit-resizer { background-color: #D7BEA0;}

.app-page { padding:0 50px;}
.app-page .card .card-body { text-align:center}
.app-page .card {border:1px solid #f8f8f5; margin-bottom:40px;    padding: 24px;}
.app-page .mb-80 { margin-bottom:80px;}
.app-page .card h3 { height:70px}
.app-page .card .description { font-weight:400; font-size:18px; height:76px;} 

@media (max-width: 575px) {
.popup-bar {padding: 0 1rem;justify-content: flex-start;}
.popup-bar .description {line-height: 1;}
.popup-bar .button:not(.close-button) {	position: absolute;left: 0;width: 100%;height: 50px;margin: 0;}
.popup-bar .button:not(.close-button) .button-text,
.popup-bar .button:not(.close-button) .button-icon {	display: none;}
}


.side-widget {position: fixed;z-index: 11;top: 0;width: auto;height: 100%;padding: 1rem 0;pointer-events: none;transition: transform 1s cubic-bezier(0.2, 1, 0.20, 1);}
.side-widget.to-right {right: 1rem;transform: translateX(100px);}
.side-widget.to-left {left: 1rem;transform: translateX(-100px);}
.side-widget.to-right.show,
.side-widget.to-left.show {transform: translateX(0);}
.side-widget .item {width: auto;height: 100%;display: flex;justify-content: center;align-items: center;}
.side-widget .widget {position: relative;top: initial;right: initial;bottom: initial;left: initial;}
.side-widget .widget.label-icons .icon {margin: 0;}
.side-widget .widget.label-icons .link {display: inline-flex;align-items: center;justify-content: center;}
.side-widget .float-icon {width: 100%;height: 100%;display: block;border-radius: 0;border: 2px solid var(--gray-50-color);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.side-widget .link:hover .float-icon {background-color: var(--black-color);}
.side-widget .float-icon .icon {width: 42px;height: 42px;margin: 0;text-align: center;font-size: 1rem;line-height: 42px;color: var(--black-color);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.side-widget .link:hover .float-icon .icon {color: var(--white-color);}

.bricklayer .bricklayer-column {transform: none !important;}
.servhome { margin-top:150px;}

.basic-intro {position: relative;z-index: 1;width: 100%;margin-left: auto;margin-right: auto;}
.basic-intro .title {margin: 0;     font-size: 52px; text-transform: uppercase;}
.basic-intro .title-4 {font-size: 45px; text-transform: uppercase;}
.basic-intro .text-2 {    color: #666;     font-size: 36px; margin-top: 15px;line-height: 1;    text-transform: none;}
.basic-intro .text-2 a { color:#000}
.basic-intro .text-1 {     font-size: 45px;
    text-transform: uppercase;}
.desc-txt {font-size:20px;line-height: 1.4; margin-top:40px;}
.basic-intro .description {margin: 1.5rem 0; font-size:20px;    line-height: 1.2; margin-bottom:50px;}
.basic-intro .description a {     color: #D7BEA0;}
.basic-intro .description:last-child {margin-bottom: 0;}
.basic-intro .button {margin: 1.5rem 0 0;}
.side-intro .title {margin: 0;    font-size: 52px;
    text-transform: uppercase;}
.side-intro .text-1 {margin-right: 0;margin-bottom: 0;margin-left: 0;display: block;line-height: 1.1; }
.side-intro .text-2 {   margin: 2rem 0 0rem 5rem;display: block;line-height: 1.1;    color: #666;}
.side-intro .text-2 a {color: #666;}
.side-intro .description {margin: 3rem 0 0 0rem;  font-size:18px;    max-width: 90%;}
.side-intro .description.contsdesc {    position: relative;}
.side-intro .description.contsdesc a {color:#D7BEA0}
.contact-info { padding-left:80px;}
.contact-links { position:absolute; left:0px; width:60px; bottom:0}
.contact-links a { display:block; margin-top:8px;}
.side-intro .description.docslist { margin-left:0; max-width:95%}
.side-intro .description.docslist p { line-height:2;}
.side-intro .description.docslist p a { color:#000}
.side-intro .button { margin-top:50px;}

.giftban.has-overlay .overlay {opacity:0.3;}

  .search-result-txt { margin-bottom:50px;    font-size: 20px;}
.search-result-item { border-bottom:2px solid #f8f8f5; margin-bottom:30px;     padding-bottom: 30px;}
.search-result-item p {color:#666;    margin-top: 10px;    font-size: 18px;}
.search-result-item a {color: #D7BEA0; font-weight: 600; border-bottom: 1px solid #D7BEA0;    font-size: 22px;}
.search-result-item span.num-result { margin-right:10px;}
.search-result-item span.highlight {font-weight: 600; background:#f8f8f4; color:#000; padding:1px 5px;}
.search-page-form button { position:absolute; right:15px;    background: none; padding:0;    top: 5px;    border: none;}
.search-page-form { position:relative}

.search-page-form input {border-bottom:1px solid #D7BEA0!important}
.search-page-form .form-group { margin-bottom:20px;}

.detailserv .col-12.col-md-6 .gallery .image-wrapper img { margin-bottom:30px;}

.check-box { position:relative}
.cartitog {    background: #D7BEA0;color: #000; padding:42px 40px; border-radius:0;}
.itog-item { font-size:18px;    display: flex; justify-content: space-between; margin-bottom:10px;}
.itog-item span { font-size:20px; font-weight:500;}
.shipping-item { display: flex; font-size:18px;justify-content: space-between;border-bottom: 1px solid #f8f8f5;border-top: 1px solid #f8f8f5; padding-top:12px; padding-bottom:12px; margin-top:2px; margin-bottom:24px;}
.shipping-item span {font-size:20px; font-weight:500;}
.addritem { max-width:230px;}
.addritem b {  font-weight:500;}
.summ-item {font-size:24px;display: flex; justify-content: space-between; margin-bottom:24px;}
.summ-item span{  font-weight:600;}
.brands-list.cartpay { margin-bottom:24px;}
.brands-list.cartpay .form-group .check-box input[type="radio"]:checked + label{border-color: #25a9e0;}
.brands-list.cartpay .form-group .form-group .check-box label { padding-left: 30px; padding-top: 1px; cursor: pointer;}
.brands-list.cartpay .form-group .check-box label:before{position: absolute;left: 0;top: 7px;height:12px;width: 12px;content: "";border-radius: 100px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;border: 1px solid #D9D9D9}
.brands-list.cartpay .form-group .check-box label:after {position: absolute;left: 3px;top: 9.7px;content: "";height: 6px; width:6px;line-height: 12px;max-width: 0;font-size: 12px;color: var(--white-color);font-weight: 800;overflow: hidden;background: #fff;text-align: center;line-height:20px;display:block;-webkit-transition: max-width 500ms ease;-moz-transition: max-width 500ms ease;-ms-transition: max-width 500ms ease;-o-transition: max-width 500ms ease;transition: max-width 500ms ease; border-radius:100%}
.brands-list.cartpay .form-group .check-box input[type="radio"] {display: none;}
.brands-list.cartpay .form-group .check-box input[type="radio"]:checked + label:before{background-color:#000;border-color:#000;}
.brands-list.cartpay .form-group .check-box input[type="radio"]:checked + label:after {max-width: 20px;opacity: 1;}
.brands-list.cartpay .form-group .check-box label { padding-left:20px;    font-size: 18px;}
.infopvz .brands-list.cartpay .form-group .check-box label { font-size:18px;    display: block; padding-left:36px;}
.infopvz .brands-list.cartpay .form-group .check-box label span {color:#3A1B05; font-size:16px; display:block;}
.infopvz .brands-list.cartpay .form-group .check-box label:before { width:20px; height:20px;}
.infopvz .brands-list.cartpay { margin-top:24px;}
.infopvz .brands-list.cartpay .form-group .check-box label:after {height:12px;width: 12px;top: 11px; left:4px;}
.cartitog .theme-btn  { display:block; width:100%;background: #000; color:#fff; padding:13px; border-radius:0px; margin-bottom:24px; border:none;}
.cartitog .theme-btn:hover { background:#f8f8f5; color:#000;}
.agree-form.check-box{position:relative;}
.agree-form.check-box label{position: relative;cursor: pointer;margin-bottom: 0;font-weight: 400;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.agree-form.check-box input[type="checkbox"]:checked + label{border-color: var(--main-color);}
.agree-form.check-box label { padding-left: 24px;padding-top: 1px;cursor: pointer;font-size: 12px; line-height: 1.2;} .agree-form.check-box label a { color:#f8f8f5}
.agree-form.check-box label:before{position: absolute;left: 0;top: 4px;height:16px;width: 16px;background: none;content: "";border-radius: 2px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;border:1px solid #a8c2cf;}
.agree-form.check-box label:after {position: absolute;left: 0px;top: 0;height: 8px;line-height: 8px;max-width: 0;font-size: 14px;color: #ffffff;font-weight: 800;overflow: hidden;background: transparent;text-align: center;-webkit-transition: max-width 500ms ease;-moz-transition: max-width 500ms ease;-ms-transition: max-width 500ms ease;-o-transition: max-width 500ms ease;transition: max-width 500ms ease;}
.agree-form.check-box input[type="checkbox"] {display: none;}
.agree-form.check-box input[type="checkbox"]:checked + label:before{border: 5px solid #000;background-color: var(--white-color);}
.agree-form.check-box input[type="checkbox"]:checked + label:after {max-width: 20px;opacity: 1;	}

.item-quantity{width: 96px; border:1px solid #f8f8f5; border-radius:0px; position:relative; padding:10.2px 16px; text-align:center}
.quantity-box .item-quantity .input-group{}
.quantity-box .item-quantity input.qty-spinner {line-height: 16px;height: 16px;width: 16px !important;padding: 0px !important;box-shadow: none !important;border: none;text-align: center;font-size:12px;font-weight: 400;color: #182E39;border: none;border-radius: 0;background:none !important;}
.quantity-box .item-quantity input.qty-spinner:focus{background: none;}
.quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{position: absolute;height: 16px;width: 16px;padding: 6px 0px !important;line-height: 16px;left: -48px;top: -7px;border:none !important;border-radius: 0px;}
.quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up{position: absolute;height: 16px;width: 16px;padding: 6px 0px !important;    line-height: 16px; right: 0px; top: -7px;border:none !important;border-radius: 0px;margin-top: 0px;}
.quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:hover,
.quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:hover{}
.quantity-box .bootstrap-touchspin .input-group-btn-vertical i.plusbtn:before {content: "+";color: #000;font-weight: 500;font-style: normal;font-size:16px;}
.quantity-box .bootstrap-touchspin .input-group-btn-vertical i.minusbtn:before {content: "-";color: #000;font-weight: 500;font-style: normal;font-size:16px;}
.quantity-box .bootstrap-touchspin .input-group-btn-vertical{width: 100%;}
.quantity-box .bootstrap-touchspin .input-group-btn-vertical i{top: 6px;left: 14px;font-size: inherit !important; }
.quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{margin-top: 0px;}

.shipp-bl .h3, .info-bl .h3 { font-weight:700; text-transform:uppercase;color: #3A1B05; opacity:50%; margin-bottom:16px; font-size:14px;}
.shipp-bl, .tovar-bl { margin-bottom:40px;}
.cartpage input[type="text"], .cartpage select,
.cartpage input[type="email"]{position:relative;line-height:28px;display:inline-block;height:52px;width:100%;box-shadow:inherit;font-size:14px;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;padding:13px 10px;color:#000;border:1px solid #D7BEA0; background:none; border-radius:0px; margin-right:4px; margin-bottom:8px;}
.cartpage input::placeholder,
.cartpage textarea::placeholder{color:#000;font-size:14px;}
.cartpage select {color:#D7BEA0}
.col-lg-4.cartright { padding-left:35px;}
.col-lg-8.cartleft { padding-right:27px;}
.cartpage .halfinput input { width:49.7%;}
.cartpage .halfinput input:last-child { margin-right:0;}
.alerttxt { margin-top:-20px; margin-bottom:24px;border-left: 4px solid #FFCE50;background: #FCF6F0; border-radius:12px; padding:10px 16px; padding-left:48px; line-height:1.2; position:relative;}
.alerttxt a { color:#000; display:block; margin-top:6px;}
.alerttxt a:hover {color:rgb(221,122,37);}
.alerttxt:before { content:''; position: absolute; width:18px; height:18px; left:17px;top:10px; background-size:cover;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.67057 9.00011C1.67057 4.95191 4.9517 1.67079 8.99989 1.67079C13.0473 1.67079 16.3292 4.95197 16.3292 9.00011C16.3292 13.0474 13.0472 16.3294 8.99989 16.3294C4.95176 16.3294 1.67057 13.0475 1.67057 9.00011ZM8.99989 0.00411987C4.03122 0.00411987 0.00390625 4.03144 0.00390625 9.00011C0.00390625 13.9678 4.03116 17.9961 8.99989 17.9961C13.9677 17.9961 17.9959 13.9679 17.9959 9.00011C17.9959 4.03138 13.9676 0.00411987 8.99989 0.00411987ZM9.83311 4.00004C9.83311 3.5398 9.46001 3.16671 8.99978 3.16671C8.53954 3.16671 8.16644 3.5398 8.16644 4.00004V9.83337C8.16644 10.2936 8.53954 10.6667 8.99978 10.6667C9.46001 10.6667 9.83311 10.2936 9.83311 9.83337V4.00004ZM8.99561 11.9167C8.53537 11.9167 8.16228 12.2898 8.16228 12.75C8.16228 13.2103 8.53537 13.5834 8.99561 13.5834H9.00394C9.46418 13.5834 9.83728 13.2103 9.83728 12.75C9.83728 12.2898 9.46418 11.9167 9.00394 11.9167H8.99561Z' fill='%23FFCE50'/%3e%3c/svg%3e");}

.cart-act { margin-bottom:10px;}
.cart-act a{ font-size:16px; margin-left:32px; position:relative} 
.cart-act a:hover {    color: #000;}
.cart-act a:before {
    content: '';
    position: absolute;
    height: 20px;
    width: 1px;
    background: #f8f8f5;
   left: -16px;
    top: 0;
}
.prod-link a:hover svg path{fill: #000}
.cart-act .form-group,  .cart-act .check-box { display:inline-block;    vertical-align: top;}
.prod-del a:hover svg path {fill: #d9d9d9}

.brands-list.cart-check  .form-group .check-box label { padding:0}
.brands-list.cart-check .cart-act .form-group .check-box label { padding-left:24px;}
.brands-list.cart-check .cart-act .form-group .check-box label:after {top:7px;}
.brands-list.cart-check .form-group .check-box label:before {top:16px;}
.brands-list.cart-check .cart-act .form-group .check-box label:before {top:3px;}
.brands-list.cart-check .form-group { margin-bottom:0}

.container.cartpage { max-width:80%;}
.tovaritem { position:relative; display:flex;    justify-content: space-between; align-items: flex-start; padding-top:16px; padding-bottom:16px; margin-bottom:8px;border-bottom: 1px solid #f8f8f5;}
.tovaritem .prod-image img { width:100px; border-radius:0px;}

.tovaritem .price{position:relative; min-width:100px;margin-left:32px;}
.tovaritem .price span.oldprice{position:relative;color:#182E39;text-decoration:line-through;font-size:14px;opacity: 0.75;}
.tovaritem .price span.newprice { display:block; width:100%; font-weight:600;font-size: 18px; color: #000;}
.tovaritem .off-tag {
    position: absolute;
    font-weight: 400;
    line-height: 26px;
    display: inline-block;
    font-size: var(--font-14);
    color: #000;
    line-height: 1.6em;
    margin-left: 6px;
}
.prod-link a {color:#182E39;}
.prod-link {min-width: 385px; max-width:385px;}
.prod-link span { display:block; width:100%; margin-bottom:12px;    color: #000;    font-family: 'alethiapro-regular';     font-size: 20px;}
.prod-image, .prod-link, .prod-model, .prod-del { }
.prod-image { max-width:100px; min-width:100px;}
.prod-model span { opacity:50%}
.prod-model { font-size:16px;}
.cartpage .sec-title h1 { display:inline-block;    margin-bottom: 10px; vertical-align: sub;}
.prod-link .item-quantity {    padding: 8px 16px;}
.prod-link .quantity-box { display:flex;       align-items: center; vertical-align: -webkit-baseline-middle;  }
.prod-link .quantity-box span.forone { display:inline-block;color:#666; font-size:14px; font-weight:500;     width: auto; margin: 0;  vertical-align: top; margin-top: 5px; margin-left:10px;}
.cartitog .accordion-button { font-size:14px; font-weight:500; background:#D7BEA0; border:none!important; border-bottom:1px solid #f8f8f5!important; border-radius:0!important;    padding: 15px 0;}
.cartitog .accordion-button:not(.collapsed) { color:#000;}
.accordion-button:focus { border:none!important; box-shadow:none!important;}
.cartitog .accordion-item { border:none!important;border-radius:0!important}
.cartitog .widget-content .accordion-item { padding-bottom:0; margin-bottom:24px;}
.cartitog .accordion-body { margin-top:8px;}

.item-quantity .input-group-btn { width:18px; height:18px;    margin: 0!important; text-transform: none; font-family: 'Montserrat'; font-size:18px;}
.item-quantity .input-group-btn button { background:#fff; color:#D7BEA0; padding:0; margin:0; box-shadow:none; border:none; font-size:18px;   border-radius: 0; line-height:1;    display: block;    width: 100%;}
.item-quantity input.qty-spinner.form-control {    margin: 0!important;}

.servbtn {position: absolute; bottom: 45px;}
.servbtn.blogbtn { position:relative; bottom: auto; margin-top:30px;}
.servbtn .btn { background:#000; color:#fff; border-radius:0}
.servbtn .link { text-transform:uppercase;font-family: 'alethiapro-regular'; font-size:24px; color:#927D65;  }
.servbtn .link svg {   width: 100px;
    height: 16px;
    vertical-align: baseline;
    margin-left: 8px;}
.extended-intro {width: 100%;margin-left: auto;margin-right: auto;}
.deschead { text-align:center;    font-size: 20px;
    line-height: 1.2; color:#666;}
.extended-intro .wrapper {display: flex;justify-content: center;}
.extended-intro .left-column {width: auto;margin: 0;padding: 0;}
.extended-intro .right-column {width: auto;margin: 0;padding: 0;flex: 0 0 auto;display: flex;justify-content: flex-end;align-items: flex-end;}
.extended-intro .title {margin: 0;    color: #000;    font-weight: 400;    text-transform: uppercase;    margin-bottom: 20px;} .extended-intro .title.mb-45 { margin-bottom:45px;}
.title.mb-45 { margin-bottom:45px;}
.salebl .extended-intro .title { min-width:900px;}
.extended-intro .text-1 {margin: 0;display: block;text-align: left;    color: #000;}
.extended-intro .text-1.color-primary { color:#D7BEA0}
.extended-intro .text-2.color-white { color:#fff;}
.extended-intro .text-2 {margin: 0;display: block;        text-transform: none;   font-family: 'alethiapro-regular'; color: #666;} .extended-intro .text-2 a {color: #666;}  .extended-intro .text-2 a svg { width:50px; height:50px;}
.extended-intro .description {max-width: 60%;margin: 2rem 0 0 auto;display: block;text-align: right;    color: #666;}
.extended-intro .button {margin: 0 0 0 3rem; background:#D7BEA0; padding:16px 24px; border-radius:0px;}
.extended-intro .description.grey-light { color:#ccc;}
.bg-image.bg-fixed {background-position-x: right;}

@media (max-width: 1199px) {
.extended-intro .wrapper {display: block;}
.extended-intro .description {max-width: 100%;margin: 1rem 0 0;text-align: left;}
.extended-intro .right-column {display: block;text-align: left;}
.extended-intro .button {margin: 2rem 0 0;}
}

@media (max-width: 991px) {
.basic-intro .text-1, .basic-intro .text-2 {	display: block;}
.side-intro .button {	margin: 1.5rem 0 0 0;}
}



.banner {position: relative;width: 100%;height: 100%;}
.banner.teampage {    display: flex; align-items: center;}
.banner .content-wrapper {position: absolute;z-index: 2;width: 100%;height: auto;padding: 1rem;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.banner .image-wrapper {overflow: hidden;position: relative;width: 100%;height: auto;display: block;}
.banner .image-wrapper .image {width: 100%;display: block;}
.banner .image-wrapper .video {width: 100%;display: block;}
.banner-metadata {margin: 3rem 0 0;display: flex;justify-content: center;align-items: center;}
.banner-metadata.absolute {position: absolute;z-index: 1;bottom: 2.5rem;}
.banner-metadata .item:not(:first-child):not(:last-child) {margin: 0 2rem;}
.banner-metadata .item .text {margin: 0;    color: #666;}
.banner-metadata .item .icon {margin-right: 10px;}
.banner-breadcrumb {margin: 1.5rem 1rem 0;display: flex;justify-content: center;align-items: center;}
.banner-breadcrumb.absolute {position: absolute;z-index: 1;bottom: 2.5rem;}
.banner-breadcrumb .item:not(:last-child) {margin-right: 2rem;}
.banner-breadcrumb .item .text {    color: #666;    font-size: 14px;}
.banner-breadcrumb .item .link {display: flex;justify-content: center;align-items: center;    font-size: 14px;}
.banner-breadcrumb .item .link:after { content:'/'; position:absolute;     font-size: 14px; color: #666; right: -20px; top: 1px;}
.banner .banner-breadcrumb .item .icon {font-size: 0.85rem;margin: 5px 0 0 5px;}

@media (max-width: 767px) {

	.banner-metadata {flex-direction: column;}
	
	.banner-metadata .item:not(:first-child):not(:last-child) {margin: 1rem;}
}

@media (max-width: 991px) and (orientation: landscape) {

	.banner .image-wrapper .image,
	.banner .image-wrapper .video {	height: 100vh !important;}
}

/* #endregion Banner */

/*----------------------------------------------
4. Slider
----------------------------------------------*/

/* #region Slider */

:root .slider.scheme-1 {
  --color-1: var(--black-color);
  --color-2: var(--color);
  --color-3: var(--white-color);
  --color-4: var(--white-color);
  --color-5: var(--black-10-color);
}

:root .slider.scheme-2 {
  --color-1: var(--white-color);
  --color-2: var(--color);
  --color-3: var(--black-color);
  --color-4: var(--white-color);
  --color-5: var(--white-10-color);
}

:root .slider.scheme-3 {
  --color-1: var(--color);
  --color-2: var(--black-color);
  --color-3: var(--white-color);
  --color-4: var(--white-color);
  --color-5: var(--black-10-color);
}

:root .slider.scheme-4 {
  --color-1: var(--color);
  --color-2: var(--white-color);
  --color-3: var(--white-color);
  --color-4: var(--black-color);
  --color-5: var(--white-10-color);}
.swiper.thumbnails {margin-top: 15px;}
.swiper.gapped {padding: 0 45px;background-color: var(--color-1);}
.swiper.gapped:before {content: '';position: absolute;z-index: 2;top: 0;left: 0;width: 45px;height: 100%;background-color: inherit;}
.swiper.gapped:after {content: '';position: absolute;z-index: 2;top: 0;right: 0;width: 45px;height: 100%;background-color: inherit;}
.swiper.has-overflow {overflow: inherit;}
.swiper.has-overflow-right {overflow: inherit;width: 85%;margin-left: initial;margin-right: auto;}
.swiper.has-gap .swiper-slide {padding: 15px;}
.swiper .swiper-slide .image {width: 100%;display: block;}
.swiper .swiper-slide .image.large {position: relative;right: 10%;width: 120%;}
.swiper.thumbnails .swiper-slide .image {height: 120px;object-fit: cover;}
.swiper .swiper-button-next, .swiper .swiper-button-prev {top: 50%;width: 45px;height: 45px;justify-content: center;align-items: center;background-color: var(--color-1);color: var(--color-3);-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.swiper.has-pagination .swiper-button-next, .swiper.has-pagination .swiper-button-prev {top: calc(50% - 20px);}
.swiper.has-scrollbar .swiper-button-next, .swiper.has-scrollbar .swiper-button-prev {top: calc(50% - 10px);}
.swiper .swiper-button-next:hover, .swiper .swiper-button-prev:hover {background-color: var(--color-2);color: var(--color-4);}
.swiper .swiper-button-next {right: 0;}
.swiper .swiper-button-prev {left: 0;}
.swiper .swiper-button-next.simple, .swiper .swiper-button-prev.simple {width: auto;background-color: transparent;color: var(--color-3);}
.swiper .swiper-button-next.simple:hover, .swiper .swiper-button-prev.simple:hover {background-color: transparent;    color: #666;}
.swiper .swiper-button-next:after, .swiper .swiper-button-prev:after {font-size: 1.5rem;}
.swiper .swiper-side-gaps-prev {position: absolute;z-index: 1;top: 0;left: 0;width: 15px;height: 100%;}
.swiper .swiper-side-gaps-next {position: absolute;z-index: 1;top: 0;right: 0;width: 15px;height: 100%;}
.swiper.gapped .swiper-side-gaps-prev {width: 60px;}
.swiper.gapped .swiper-side-gaps-next {width: 60px;}
.swiper .swiper-pagination-bullets {position: relative;top: 0;padding: 5px;}
.swiper .swiper-pagination-bullets.absolute {position: absolute;top: initial;bottom: 2.5rem;padding: 0;}
.swiper .swiper-pagination-bullet {width: 10px;height: 10px;vertical-align: middle;border-radius: 50%;border: 2px solid;border-color: #D7BEA0;background-color: transparent;opacity: 0.5;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.swiper .swiper-pagination-bullet:hover {border: 2px solid;border-color: #D7BEA0;background-color: #D7BEA0;opacity: 1;}
.swiper .swiper-pagination-bullet-active {width: 14px;height: 14px;border: 2px solid;border-color: #D7BEA0;background-color: #D7BEA0;opacity: 1;}
.swiper .swiper-scrollbar {position: absolute;bottom: 0;left: 0;width: 100%;height: 8px;margin: auto;border-radius: 0;background-color: var(--color-5);}
.swiper.has-gap .swiper-scrollbar {left: 25px;width: calc(100% - 50px);}
.swiper.has-side-gaps .swiper-scrollbar {left: 15px;width: calc(100% - 30px);}
.swiper.gapped .swiper-scrollbar {left: 60px;width: calc(100% - 120px);}
.swiper .swiper-scrollbar-drag {position: relative;top: 0;left: 0;width: 100%;height: 100%;background-color: #666;border-radius: 0;cursor: grab;}
.swiper .drag-text {margin: 10px 10px 0;display: flex;align-items: center;justify-content: center;}
.swiper .drag-text .text {margin: 0 10px;font-size: 0.85rem;}
.swiper.has-drag-text:hover .drag-text .text {animation: expand-animation;animation-duration: 1s;animation-iteration-count: 2;}
.swiper .item:active,
.swiper .full-link:active {cursor: grabbing;
}

/* #endregion Slider */

/*----------------------------------------------
5. Gallery
----------------------------------------------*/

/* #region Gallery */

.gallery.scrolling-grid {margin-top: 5rem !important;margin-bottom: 5rem !important;}
.gallery .item {position: relative;display: flex;justify-content: center;align-items: center;}
.gallery.has-gap:not(.slider) .item {padding: 15px;}
.gallery.slider .item{padding: 0 15px;}
.gallery .item .image-wrapper {overflow: hidden;position: relative;width: 100%;height: auto;display: block;}
.gallery .item .image-wrapper span { position:absolute; color:#000; font-weight:400; font-size:32px;z-index: 1; text-transform:uppercase; font-family: 'alethiapro-regular';
    bottom: 20px;
    left: 20px;
    line-height: 1;}
.gallery .item .image {position: relative;z-index: 0;width: 100%;height: auto;display: block;transition: transform 2s cubic-bezier(0.2, 1, 0.2, 1); object-fit:cover;}
.mediapage .gallery .item .image {height: 65vh;}
.teamdetleft .gallery .item .image {height: 40vh;}
.swiper-autoheight, .swiper-autoheight .swiper-slide {}
.sertbl { background:#fff;}
.gallery .item .image-wrapper .overlay {content: '';position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background-color:rgba(106, 138, 123, 0.4);opacity: 0;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.gallery .item.active .overlay,
.gallery .item:hover .overlay {opacity: 1;}
.gallery .item .image-wrapper .overlay.has-border {background-color: transparent;border-color: #666;opacity: 0.5;}
.gallery .item .image-wrapper .overlay.has-border.top-item {border-top: 0
}

.gallery .item .image-wrapper .overlay.has-border.right-item {border-right: 0;}
.gallery .item .image-wrapper .overlay.has-border.bottom-item {border-bottom: 0;}
.gallery .item .image-wrapper .overlay.has-border.left-item {border-left: 0;}
.gallery .item .gallery-icon {position: absolute;z-index: 2;font-size: 5rem;    color: #666;opacity: 0;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.gallery .item.active .gallery-icon {opacity: 0.75;}
.gallery .item:hover .gallery-icon {font-size: 6rem;opacity: 0.75;}
.gallery .item .text-wrapper {position: absolute;z-index: 2;width: 100%;padding: 2.5rem 3.5rem;opacity: 1;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; bottom:0; color:#fff; text-align:left; font-size:20px;}
.gallery .item.active .text-wrapper,
.gallery .item:hover .text-wrapper {opacity: 1;}
.gallery .item .text-wrapper .title {    margin: 0;
    color: #fff;
    font-size: 44px;
    text-align: left;
    font-weight: 400;
    line-height: 1;}
.vipserv.gallery .item .text-wrapper .title { font-size:32px; margin-bottom:10px;}
.gallery .item .text-wrapper .description {margin: 1.5rem 0 0;    color: #fff;
}

@media (max-width: 991px) {

	.gallery .item .gallery-icon {	font-size: 3rem;}
	
	.gallery .item:hover .gallery-icon {	font-size: 3.5rem;}
.gallery .item .text-wrapper {	padding: 1rem;}
}

@media (max-width: 767px) {

	.gallery.scrolling-grid {margin-top: 0 !important;margin-bottom: 30px !important;}
}

/* #endregion Gallery */

/*----------------------------------------------
6. Button
----------------------------------------------*/

/* #region Button */

.button-wrapper {margin: 0;display: flex;justify-content: center;align-items: center;}
.button-wrapper .button:nth-child(2) {margin-left: 1.5rem;
}

button {appearance: none;-webkit-appearance: none;-moz-appearance: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.button {position: relative;width: auto;height: auto;margin: 0;padding: 0;display: inline-flex;justify-content: space-between;align-items: center;border: none;border-radius: 0px;background-color: #f8f8f5;text-decoration: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;cursor: pointer; color:#D7BEA0}
.button:not(.magnetic-effect) {-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.parent:hover .button,
.button:hover {background-color: var(--hover-color);border-color: var(--hover-color);border-image: unset;}
.button .button-text {position: relative;z-index: 1;margin: 0;padding: 1rem 1.25rem;font-size: 1rem;font-weight: 500;line-height: 1;text-decoration: none;text-align: center;    color: #000;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.button.small-button .button-text {padding: 0.75rem 1rem;}
.button:hover .button-text {color: var(--hover-color);}
.button .button-icon {position: relative;z-index: 1;margin-left: 0.75rem;font-size: 1rem;line-height: 1;    color: #fff;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.button .button-icon.left-icon {margin-left: 0;margin-right: -0.75rem;padding-left: 1.25rem;padding-right: 0;}
.button:hover .button-icon {color: var(--hover-color);
}

/* #endregion Button */

/* #region Button Simple */

.button.simple {background: none;}
.button.simple .button-text {margin: 0;padding: 0;font-weight: 500;}
.button.simple .button-icon {margin-left: 0.5rem;padding: 0;
}

/* #endregion Button Simple */

/* #region Button Outline */

.button.outline {border: 2px solid;border-color: #666;background-color: transparent;}
.button.outline:hover {background-color: var(--hover-color) !important;border-color: var(--hover-color);border-image: unset;
}

/* #endregion Button Outline */

/* #region Button Double Edge */

.button.double-edge .button-text {font-weight: 500;}
.button.double-edge .overlay {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background-color: transparent;-webkit-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;-moz-transition: all .4s ease-out 0s;transition: all 0.4s ease-out 0s;opacity: 1;}
.button.double-edge .overlay::before {content: '';position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid var(--color);transform: rotate(0deg);}
.button.double-edge .overlay::after {content: '';position: absolute;z-index: -1;top: 0;left: 5px;width: 100%;height: 100%;border: 1px solid var(--color);transform: rotate(5deg);
}

/* #endregion Button Double Edge */

/* #region Button Duocolor */

.button .button-duocolor {width: 48px;height: 48px;display: flex;justify-content: center;align-items: center;background-color: #666;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.button:hover .button-duocolor {background-color: var(--hover-color);}
.button .button-duocolor .button-icon {margin: 0;padding: 0;font-size: 1.2rem;
}

/* #endregion Button Duocolor */

/* #region Button Collision */

.button.button-collision {
  position: relative;overflow: hidden;}
.button.button-collision:hover {
  background-color: #666;}
.button.button-collision:before, .button.button-collision:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--hover-color);}
.button.button-collision:before {
  left: -20px;
  transform: translate(-50%, -50%);}
.button.button-collision:after {
  right: -20px;
  transform: translate(50%, -50%);}
.button.button-collision:hover:before {
  -webkit-animation: cross-left-animation 0.8s both;      animation: cross-left-animation 0.8s both;
  -webkit-animation-direction: alternate;      animation-direction: alternate;}
.button.button-collision:hover:after {
  -webkit-animation: cross-right-animation 0.8s both;      animation: cross-right-animation 0.8s both;
  -webkit-animation-direction: alternate;      animation-direction: alternate;
}

/* #endregion Button Collision */

/* #region Button Arrow */

:root .arrow-button.scheme-1 {--color-1: var(--black-color);
}

:root .arrow-button.scheme-2 {--color-1: var(--white-color);}
.arrow-button {transform: rotate(180deg);padding: 20px 0;display: inline-flex;align-items: center;text-decoration: none;background: none;}
.arrow-button .text {position: absolute;left: 0;bottom: 25px;transform: rotate(180deg);background: linear-gradient(to right, var(--color), var(--color) 50%, var(--color-1) 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 100%;font-size: 1rem;font-weight: 500;line-height: 1.2;color: var(--color-1);transition: background-position 0.4s ease;    text-transform: uppercase;}
.arrow-button:hover .text,
.parent:hover .arrow-button .text {background-position: 0 100%;}
.arrow-button .arrow {width: 0;display: grid;}
.arrow-button .arrow .item {overflow: hidden;position: relative;right: 21.1px;bottom: -1px;z-index: 2;width: 20px;height: 2px;background: #927D65;}
.arrow-button .arrow .item:nth-child(1) {transform-origin: left bottom;transform: rotate(45deg) translate3d(15px, -15px, 0);}
.arrow-button .arrow .item:nth-child(2) {margin-left: 10px;transform-origin: left bottom;transform: rotate(-45deg) translate3d(-4px, -6px, 0);visibility: hidden;}
.arrow-button .arrow .item:after {content: '';position: absolute;left: 0;height: 2px;display: block;background: #666;}
.arrow-button:hover .arrow .item:after,
.parent:hover .arrow-button .arrow .item:after {animation: width-animation 0.2s forwards;animation-delay: 0.2s;}
.arrow-button .line {overflow: hidden;position: relative;z-index: 1;width: 100px;height: 2px;background: #927D65;}
.arrow-button:hover .line:after,
.parent:hover .arrow-button .line:after {animation: left-animation 0.4s forwards;}
.arrow-button .line:after {content: '';position: absolute;left: 100%;width: 100px;height: 2px;display: block;background: #666;}
.arrow-button.prev {transform: rotate(0);}
.arrow-button.prev .text {transform: rotate(0);background: linear-gradient(to right, var(--color-1), var(--color-1) 50%, var(--color) 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 0;    color: #666;}
.arrow-button.prev:hover .text,
.parent.prev:hover .arrow-button .text {background-position: 100% 0;}
.arrow-button.cross {padding: 0;transform: rotate(0);}
.arrow-button.cross .arrow .item:nth-child(1) {width: 14px;right: 0;transform-origin: center;transform: rotate(90deg) translate3d(0, 0, 0);-webkit-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;-moz-transition: all .4s ease-out 0s;transition: all 0.4s ease-out 0s;}
.arrow-button.cross .text {position: relative;top: 0;margin-left: 7.5px;transform: rotate(0);}
.arrow-button.cross .line {width: 14px;position: relative;z-index: 2;
}

/* #endregion Button Arrow */

/* #region Button Gradient */

.button.gradient {position: relative;overflow: hidden;background-color: transparent;}
.button.gradient:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(45deg, var(--color-1) 0%, var(--color-2) 100%) !important;background-image: linear-gradient(45deg, var(--color-1) 0%, var(--color-2) 100%) !important;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;}
.button.gradient:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(45deg, var(--color-2) 0%, var(--color-1) 100%) !important;background-image: linear-gradient(45deg, var(--color-2) 0%, var(--color-1) 100%) !important;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 1s ease;opacity: 0;}
.button.gradient:hover:after {opacity: 1;}
.button.border-gradient {position: relative;overflow: hidden;background-color: transparent;}
.button.border-gradient:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-width: 2px !important;border-style: solid !important;border-image-slice: 1 !important;border-image-source: -webkit-linear-gradient(45deg, var(--color-1) 0%, var(--color-2) 100%) !important;border-image-source: linear-gradient(45deg, var(--color-1) 0%, var(--color-2) 100%) !important;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;}
.button.border-gradient:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-width: 2px !important;border-style: solid !important;border-image-slice: 1 !important;border-image-source: -webkit-linear-gradient(45deg, var(--color-2) 0%, var(--color-1) 100%) !important;border-image-source: linear-gradient(45deg, var(--color-2) 0%, var(--color-1) 100%) !important;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;opacity: 0;}
.button.border-gradient:hover:after {opacity: 1;}
.button.border-gradient .button-text {background-image: -webkit-linear-gradient(45deg, var(--color-1) 0%, var(--color-2) 100%);background-image: linear-gradient(45deg, var(--color-1) 0%, var(--color-2) 100%);-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;}
.button.border-gradient:hover .button-text {background-image: -webkit-linear-gradient(45deg, var(--color-2) 0%, var(--color-1) 100%);background-image: linear-gradient(45deg, var(--color-2) 0%, var(--color-1) 100%);-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;
}

/* #endregion Button Gradient */

/*----------------------------------------------
7. Card
----------------------------------------------*/

/* #region Card */
.aboutservright { padding-left:60px; padding-right:60px;}
.card {position: relative;z-index: 1;width: 100%;display: flex;flex-direction: column;word-wrap: break-word;background-color: transparent;background-clip: border-box;border: none;border-radius: 0;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.card.sertcard { background:#f8f8f5; padding:20px;}
.card.is-featured-left {height: 580px;}
.card.is-featured-right {width: calc( 100% - 1.5rem );height: calc( 290px - 0.75rem );margin-bottom: 1.5rem;margin-left: 1.5rem;}
.card.is-featured-right:last-child {margin-bottom: 0;}
.card .card-header {position: relative;z-index: 1;padding: 1.75rem;border: none;background: none;}
.card .card-header:first-child {border-radius: 0;}
.card .card-body {position: relative;z-index: 1;padding: 0; margin-top:30px;}
.card.is-horizontal .card-body {width: 55%;}
.card .card-metadata {display: flex;justify-content: flex-start;align-items: center;}
.card .card-metadata .item {margin-right: 1rem;}
.card .sticky-post-icon {position: absolute;z-index: 3;top: 10px;right: 10px;transform: rotate(45deg);border-radius: 50%;background-color: #666;}
.card .sticky-post-icon.has-gap {top: 25px;right: 25px;}
.card .sticky-post-icon .icon {width: 30px;height: 30px;font-size: 1rem;line-height: 30px;text-align: center;    color: #666;}
.card .wishlist-icon {position: absolute;z-index: 4;top: 10px;right: 10px;cursor: pointer;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;border-radius: 50%;background-color: #666;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.card .wishlist-icon:hover {background-color: var(--hover-color);}
.card .wishlist-icon.has-gap {top: 25px;right: 25px;}
.card .wishlist-icon .icon {font-size: 1.2rem;line-height: 30px;text-align: center;    color: #666;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.card .wishlist-icon:hover .icon {color: var(--hover-color);}
.card .overlay-icon {position: absolute;top: 1.25rem;right: 1.75rem;display: block;font-size: 2.5rem;
      color: #666;-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 1px;}
.card .card-icon {font-size: 2.75rem;    color: #666;}
.card .card-image-icon {width: auto;height: 50px;margin-right: auto;display: block;fill: var(--color);stroke: var(--color);}
.card .card-image-icon.smaller {width: auto;height: 35px;}
.card .title {margin-top: 0;margin-bottom: 1rem;    color: #666;}
.card .title a {color: #666;}
.card .title a:hover {    color: #D7BEA0;}
.card.has-icon .title {margin-top: 1rem;}
.card.has-price .title {margin: 0 0 1rem 0;}
.card .description {margin-bottom: 0rem; font-size:24px; color:#D7BEA0; }
.card .button-wrapper {display: flex;margin:0;justify-content: space-between; }
.card .button-wrapper .button {position: relative;z-index: 2;}
.card .number-wrapper {margin: 0 0 1.5rem 0;display: block;}
.card .button-wrapper p.price { color:#000;      font-family: 'alethiapro-regular'; font-size:20px;    margin: 0;}
.card .number {line-height: 0.8;    color: #666;}
.card .price-wrapper {display: flex;justify-content: center;align-items: baseline;line-height: 1;}
.card .price-wrapper .price {margin: 0;line-height: 0.9;    color: #666;}
.card .price-wrapper .currency,
.card .price-wrapper .billing {    color: #666;}
.card.tip-box {width: fit-content;margin: auto;}
.card.tip-box .card-body {padding: 0.75rem 1.5rem;display: flex;align-items: center;}
.card.tip-box .button {margin-left: 1rem;}
.card.has-image .image-wrapper {position: relative;z-index: 1;overflow: hidden;width: 100%;-webkit-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;-moz-transition: all .4s ease-out 0s;transition: all 0.4s ease-out 0s;}
.card.has-image .image-wrapper .image {width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;-webkit-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;-moz-transition: all .4s ease-out 0s;transition: all 0.4s ease-out 0s;}
.card.has-image.is-horizontal {flex-direction: row;}
.card.has-image.is-horizontal .image-wrapper {width: 45%;z-index: 2;}
.blogitem .card.has-full-image .title {margin-top: 1.1rem;}
.blogitem { margin-bottom:30px;}
a.readmore { position:absolute; right:0; bottom:0}
.holder.p-5 a.readmore {bottom:-100px;}
.dateblog {    color: #927D65;}
.servbtn.moreblog {    bottom: 95px; left: 5rem;}
.card.has-full-image {overflow: hidden;}
.card.has-full-image .title {margin-top: 1.5rem;}
.card.has-full-image .image-wrapper {width: 100%;height: 100%; }
.card.has-full-image .image-wrapper .image {width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;-webkit-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;-moz-transition: all .4s ease-out 0s;transition: all 0.4s ease-out 0s;}
.card.has-full-image .overlay {content: '';position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;background-color: #666;background: -webkit-linear-gradient(190deg, transparent 0%, var(--color) 70%);background: -o-linear-gradient(190deg, transparent 0%, var(--color) 70%);background: linear-gradient(190deg, transparent 0%, var(--color) 70%);-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;opacity: 1;}
.card .card-flex-wrapper {margin-top: 1.5rem;display: flex;justify-content: space-between;align-items: center;}
.card .overlay {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background-color: #666;opacity: 1;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.card .full-link {position: absolute;z-index: 3;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: flex-end;align-items: flex-end;}

.shoppage .card .card-body { border:none;}
.shoppage .card .card-body h4{ font-size:20px;    height: 72px;    color: #666;}
.shoppage .card .card-body h4 a {color: #666;}
.shoppage .navbar-holder { padding:0!important}
.shoppage .form-area .form-check-label { font-size:16px;}
.shoppage .arrow-button .line { width:80px;}
.shoppage .desc { margin-bottom:5px; font-style:italic}
.addtocart img { width:40px;}

@media (max-width: 991px) {

	.card.has-image.is-horizontal {flex-direction: column;}
.card.has-image.is-horizontal .image-wrapper {width: 100%;}
.card.is-horizontal .card-body {width: 100%;}
.card .label-vertical.to-bottom-right-out,
	.card .label-vertical.to-bottom-left-out {	bottom: 1.75rem;right: initial;left: 1.75rem;transform: rotate(0);-webkit-writing-mode: unset;writing-mode: unset;}
.card.has-metadata .label-vertical.to-bottom-right-out,
	.card.has-metadata .label-vertical.to-bottom-left-out,
	.card.has-shop-price .label-vertical.to-bottom-right-out,
	.card.has-shop-price .label-vertical.to-bottom-left-out {	display: none;}
.card .label-vertical.to-bottom-right-out .label-line,
	.card .label-vertical.to-bottom-left-out .label-line {	display: none;}
.card .label-vertical.to-bottom-right-out .icon,
	.card .label-vertical.to-bottom-left-out .icon {transform: rotate(0);margin-bottom: 0;}
.card.is-featured-left {height: 50vh;margin-bottom: 1rem;}
	
	.card.is-featured-right {width: 100%;height: 50vh;margin-bottom: 1rem;margin-left: 0;}
}

@media (max-width: 575px) {

	.card.has-full-image .card-metadata {	display: block;}
}

/* #endregion Card */

/* #region Card Outline */

.card.outline .overlay {background-color: transparent;opacity: 1;}
.card.outline .overlay::before {content: '';position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;border: 2px solid;border-radius: inherit;border-color: #666;transform: rotate(0deg);
}

/* #endregion Card Outline */

/* #region Card Double Edge */

.card.double-edge .card-header {padding: 2.25rem;}
.card.double-edge .card-body {padding: 2.25rem;}
.card.double-edge .overlay {background-color: transparent;opacity: 1;}
.card.double-edge .overlay::before {content: '';position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid var(--color);transform: rotate(0deg);}
.card.double-edge .overlay::after {content: '';position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid var(--color);transform: rotate(5deg);
}

/* #endregion Card Double Edge */

/* #region Card Boxed */

.card.boxed {position: relative;width: 100%;height: 100%;}
.card.boxed .image-wrapper {position: relative;overflow: hidden;width: 80%;margin-bottom: 20%;display: block;}
.card.boxed .image-wrapper .image {position: relative;z-index: 1;width: 100%;display: block;pointer-events: none;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.card.boxed .image-wrapper .image.outline {padding: 10px 10px 0;filter: drop-shadow(2px 0 0 transparent) drop-shadow(-2px 0 transparent) drop-shadow(0 2px 0 transparent) drop-shadow(0 -2px 0 transparent) drop-shadow(2px 2px 0 transparent) drop-shadow(2px -2px 0 transparent) drop-shadow(-2px 2px 0 transparent) drop-shadow(-2px -2px 0 transparent);-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.card.boxed .image-wrapper .image.outline.active,
.card.boxed:hover .image-wrapper .image.outline {filter: drop-shadow(2px 0 0 var(--color)) drop-shadow(-2px 0 var(--color)) drop-shadow(0 2px 0 var(--color)) drop-shadow(0 -2px 0 var(--color)) drop-shadow(2px 2px 0 var(--color)) drop-shadow(2px -2px 0 var(--color)) drop-shadow(-2px 2px 0 var(--color)) drop-shadow(-2px -2px 0 var(--color));}
.card.boxed .image-wrapper .image-overlay {position: absolute;z-index: 0;top: 0;left: 0;width: 100%;height: 100%;background-color: #666;opacity: 1;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.card.boxed .image-wrapper .image-overlay.outline {background-color: transparent;border: 2px solid;border-color: #666;}
.card.boxed .image-wrapper .image-overlay.active,
.card.boxed:hover .image-wrapper .image-overlay {background-color: var(--hover-color);}
.card.boxed .box {position: absolute;z-index: 1;bottom: 0;left: 20%;width: 80%;height: auto;display: block;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.card.boxed .box .list-wrapper {margin-top: 1.5rem;
}

@media (max-width: 767px) {

	.card.boxed .box .link {	display: block;}
.card.boxed .box .link .badge {	margin: 1rem 0 0 !important;display: inline-block;}
}

/* #endregion Card Boxed */

/*----------------------------------------------
8. Form
----------------------------------------------*/

/* #region Form */

:root .form-area.scheme-1 {--color-1: var(--black-color);--color-2: var(--black-10-color);
}

:root .form-area.scheme-2 {--color-1: var(--white-color);--color-2: var(--white-10-color);}
.form-area.scheme-2 .form-datetime::-webkit-calendar-picker-indicator {filter: brightness(1) invert(1);opacity: 0.5;}
.form-area {width: 100%;}
.form-area .form-row {position: relative;margin: 1.5rem -0.75rem;align-items: center;}
.form-area .form-row:first-child {margin-top: 0;}
.form-area .form-row:last-child {margin-bottom: 0;}
.form-area .form-label {font-size: 1rem;color: var(--gray-color);}
.form-area .form-check-label {margin: 0;    font-size: 12px;}
.form-area .form-check-label a {    color: #D7BEA0;}
.form-area .overlay-button {position: absolute;right: 0.75rem;padding: 0.75rem;background: none;}
.form-area .overlay-button:hover {background: none;}
.form-area .overlay-icon {display: block;font-size: 1rem;    color: #666;}
.form-area .overlay-image-icon {width: auto;height: 1.5rem;display: block;fill: var(--color);stroke: var(--color);}
.form-area .ajax-form {background-size: 32px;background-position: center center;background-repeat: no-repeat;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.form-area .ajax-form.sending {background-image: url(/assets/images/gif/loading.gif);pointer-events: none;opacity: 0.25;}
.form-area .form-alert {display: none;width: 100%;margin-top: 1.5rem;font-size: 1rem;}
.form-area .form-alert.success {color: var(--success-color);}
.form-area .form-alert.success::before {content: "\f058";margin-right: 5px;font-family: "Font Awesome 6 Free";font-weight: 900;}
.form-area .form-alert.error {color: var(--danger-color);}
.form-area .form-alert.error::before {content: "\f06a";margin-right: 5px;font-family: "Font Awesome 6 Free";font-weight: 900;}
.form-area .valid-feedback {display: none;width: 100%;margin-top: 0.25rem;font-size: 1rem;color: var(--success-color);}
.form-area .invalid-feedback {display: none;width: 100%;margin-top: 0.25rem;font-size: 1rem;color: var(--danger-color);}
.form-area .form-control {padding: 0.75rem;box-shadow: none;border-radius: 0;border-color: transparent;background-color: var(--color-2);color: var(--color-1);-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.form-area .form-control:focus {border-color: var(--gray-color);background-color: var(--color-2);box-shadow: 0 0 0 0.25rem var(--color-2);}
.form-area .form-control:disabled {font-size: 1rem;color: var(--gray-color);background-color: var(--color-2);opacity: 0.75;}
.form-area .form-control::placeholder {font-size: 1rem;color: var(--gray-color);}
.form-area .form-control::-webkit-search-decoration,
.form-area .form-control::-webkit-search-cancel-button,
.form-area .form-control::-webkit-search-results-button,
.form-area .form-control::-webkit-search-results-decoration {appearance: none;-webkit-appearance: none;}
.form-area .form-control.form-file {padding: 6px 6px;}
.form-area .form-control::-webkit-file-upload-button,
.form-area .form-control:hover::-webkit-file-upload-button {margin: 0 10px 0 0;border: none;appearance: none;-webkit-appearance: none;}
.form-area .form-control::file-selector-button {background-color: var(--color-2);color: inherit;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.form-area .form-control:hover:not(:disabled):not([readonly])::file-selector-button {background-color: var(--color-2);}
.form-area .was-validated .form-control:valid, .form-area .form-control.is-valid {border-color: var(--success-color);background-image: none;}
.form-area .was-validated .form-control:valid:focus, .form-area .form-control.is-valid:focus {border-color: var(--success-color);}
.form-area .was-validated .form-control:invalid, .form-area .form-control.is-invalid {border-color: var(--danger-color);padding: 0.75rem;background-image: none;}
.form-area .was-validated .form-control:invalid:focus, .form-area .form-control.is-invalid:focus {border-color: var(--danger-color);}
.form-area .form-select {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='darkgray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");background-repeat: no-repeat;background-position: right 0.75rem center;background-size: 16px 12px;}
.form-area .form-select option:disabled {margin-bottom: 0.75rem;background: none;font-size: 1rem;color: var(--gray-color);}
.form-area .form-select:focus option:disabled {display: none;}
.form-area .form-check-input {box-shadow: none;border-radius: 0;border-color: transparent;background-color: var(--color-2);cursor: pointer;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.form-area .form-check-input:focus {border-color: var(--gray-color);background-color: var(--color-2);box-shadow: 0 0 0 0.25rem var(--color-2);}
.form-area .form-check-input:checked {background-color: #666;border-color: #666;}
.form-area .form-check-input:disabled {opacity: 0.75;}
.form-area .form-check-input[disabled]~.form-check-label, .form-area .form-check-input:disabled~.form-check-label {font-size: 1rem;color: var(--gray-color);opacity: 0.75;}
.form-area .form-check-input.form-radio {border-radius: 50%;cursor: pointer;}
.form-area .form-check-input.form-switch {padding: 0;border-radius: 50rem;background-color: transparent;border-color: var(--gray-color);cursor: pointer;}
.form-area .form-check-input.form-switch:checked {background-color: #666;border-color: #666;}
.form-area .form-check-input.form-switch:not(:checked) {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='darkgray'/></svg>");}
.form-area .plan-switcher {max-width: 250px;margin: auto;display: flex;justify-content: space-between;align-items: center;}
.form-area .plan-switcher .form-label {margin: 0;}
.form-area .plan-switcher .form-switch {margin: 0;padding: 0;display: flex;justify-content: center;align-items: center;}
.form-area .form-range::-webkit-slider-runnable-track {border-radius: 0;background-color: var(--color-2);}
.form-area .form-range:not(:disabled)::-webkit-slider-thumb {background-color: var(--primary-color);}
.form-area .form-range:focus::-webkit-slider-thumb, .form-area .form-range:focus::-moz-range-thumb {box-shadow: 0 0 0 0.25rem var(--color-2);}
.form-area .form-datalist {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='darkgray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");background-repeat: no-repeat;background-position: right 0.75rem center;background-size: 16px 12px;}
.form-area .form-datalist::-webkit-calendar-picker-indicator {visibility: hidden;}
.form-area .form-datetime::-webkit-calendar-picker-indicator {margin-right: -4px;width: 16px;height: 16px;cursor: pointer;}
.form-area .form-color {width: 50px;height: 50px;padding: 10px;}
.form-area .form-color::-webkit-color-swatch {width: 100%;height: 100%;border: none;border-radius: 0;}
.form-area .form-color::-moz-color-swatch {width: 100%;height: 100%;border: none;border-radius: 0;}
.form-area .form-color:not(:disabled):not([readonly]) {cursor: pointer;
}

/* #endregion Form */

/* #region Form Floating */

.form-area .form-floating > .form-label {margin: 0;padding: 1rem calc(var(--bs-gutter-x) * 0.5);}
.form-floating > .form-control:focus~label, .form-floating > .form-control:not(:placeholder-shown)~label, .form-floating > .form-select~label {opacity: 1;transform: scale(1) translateY(-1.2rem) translateX(0);}
.form-area .form-floating .overlay-button {right: 0;bottom: 0;padding: 1rem;}
.form-area .form-floating .form-control::placeholder {font-size: 0;}
.form-area .form-floating > .form-control {height: initial;min-height: calc(3.5rem + 2px);padding: 1.25rem 0 0;line-height: inherit;border: none;border-bottom: 2px solid;border-bottom-    color: #666;background: none;box-shadow: none;outline: none;}
.form-area .form-floating > .form-control:disabled {opacity: 0.5;}
.form-area .form-floating > .form-control:focus {background: none;box-shadow: none;outline: none;border-bottom-    color: #666;}
.form-area .form-floating > .form-control.form-textarea {height: 120px;padding-top: 1.75rem;line-height: inherit;}
.form-area .form-floating > .form-control.form-file {padding: 1.75rem 0 0.5rem;}
.form-area .form-floating > .form-control.form-color {width: 100%;padding: 1.75rem 0 0.5rem;}
.form-area .form-floating > .form-control.form-color::-webkit-color-swatch {width: 50px;height: 30px;
  padding: 0;
  margin-top: 5px;margin-right: calc(100% - 30px);border: none;border-radius: 0;}
.form-area .form-floating > .form-control.form-color::-moz-color-swatch {width: auto;
  height: auto;
  padding: 0;
  margin-top: 5px;margin-right: calc(100% - 30px);border: none;border-radius: 0;}
.form-area .was-validated .form-floating .form-control:valid, .form-area .form-floating .form-control.is-valid {box-shadow: none;outline: none;}
.form-area .was-validated .form-floating .form-control.form-textarea:valid, .form-area .form-floating .form-control.form-textarea.is-valid {padding-top: 1.75rem;}
.form-area .was-validated .form-floating .form-control:invalid, .form-area .form-floating .form-control.is-invalid {padding: 1.25rem 0 0;box-shadow: none;outline: none;}
.form-area .was-validated .form-floating .form-control.form-textarea:invalid, .form-area .form-floating .form-control.form-textarea.is-invalid {padding-top: 1.35rem;}
.form-area .form-floating > .form-select,
.form-area .form-floating > .form-select:focus {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='darkgray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");background-repeat: no-repeat;background-position: right 0 bottom 10px;background-size: 12px 12px;}
.form-area .form-floating > .form-select option:first-child {margin-top: 1rem;}
.form-area .form-floating > .form-datalist,
.form-area .form-floating > .form-datalist:focus {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='darkgray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");background-repeat: no-repeat;background-position: right 0 bottom 10px;background-size: 12px 12px;}
.form-area .has-icon.form-floating > .form-datalist {background-image: none;
}

@media (max-width: 767px) {

	.form-area .form-row {}
	
	.form-area .form-row .form-col {margin-bottom: 1rem;}
}

/* #endregion Form Floating */

/*----------------------------------------------
9. Content
----------------------------------------------*/

/* #region Content */

.shock-main {	
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;}
.shock-section {position: relative;z-index: 10;}
.shock-section .container {position: relative;z-index: 1;}
.shock-section .container-fluid {position: relative;z-index: 1;padding: 0;
}

:root .shock-section .content.scheme-1 {--color-1: var(--black-color);--color-2: var(--gray-50-color);
}

:root .shock-section .content.scheme-2 {--color-1: var(--white-color);--color-2: var(--gray-75-color);}
.shock-section .archive,
.shock-section .content {max-width: 77%;margin-right: auto;margin-left: auto;}
.shock-section .content .stretched-section {margin-right: -15%;margin-left: -15%;}
.shock-section .content .block-section {margin-top: 3rem;margin-bottom: 3rem;}
.shock-section .content h1 {margin-top: 0;margin-bottom: 2rem;font-size: 3.5rem;font-weight: 800;color: var(--color-2);}
.shock-section .content h2 {margin-top: 0;margin-bottom: 2rem;font-size: 2.5rem;font-weight: 800;color: var(--color-2);}
.shock-section .content h3,
.shock-section .content h4,
.shock-section .content h5,
.shock-section .content h6 {margin-top: 2rem;margin-bottom: 1rem;font-weight: 700;color: var(--color-1);}
.post-reference {border-radius: 0.25rem;border: 1px solid;border-color: var(--gray-25-color);}
.post-reference-container {max-width: 77%;margin: 0 auto;display: flex;align-items: center;}
.post-reference .image-wrapper {width: auto;margin-right: 3rem;}
.post-reference .image-wrapper .image {width: auto;max-height: 200px;}
.post-reference .text-wrapper .title {margin-top: 0;}
.post-navigation {width: 100%;}
.post-navigation-buttons {display: flex;justify-content: flex-end;align-items: center;
}

@media (max-width: 991px) {

	.shock-main {	
		overflow: hidden;}
.shock-section .container {max-width: 960px !important;padding-left: 1rem;padding-right: 1rem;}
.shock-section .content-wrapper .container {padding-left: 0;padding-right: 0;}
.post-reference-container {width: 100%;max-width: 100%;display: block;padding: 1.5rem;}
.post-reference .image-wrapper {width: 100%;margin: 0 0 1.5rem;}
.post-reference .image-wrapper .image {width: 120px;height: 120px;margin: auto;object-fit: cover;border-radius: 50%;box-shadow: 0px 20px 50px 0px rgb(0 0 0 / 15%);}
}

@media (max-width: 768px) {

	.shock-section .archive,
	.shock-section .content {	max-width: 100%;}
.shock-section .content .stretched-section {margin-right: 0;margin-left: 0;}
}

/* #endregion Content */

/* #region Sidebar */

:root .shock-sidebar.scheme-1 {--color-1: var(--black-color);
}

:root .shock-sidebar.scheme-2 {--color-1: var(--white-color);}
.shock-sidebar {width: 100%;font-size: 1rem;color: var(--gray-color);}
.shock-sidebar .sidebar-block {display: block;margin-bottom: 3rem;}
.shock-sidebar:not(.top-sidebar) .sidebar-block:last-child {margin-bottom: 0;}
.shock-sidebar .sidebar-block .title {font-weight: 700;color: var(--color-1);}

.shock-sidebar .button-wrapper { display:flex;     align-items: center;    justify-content: flex-start; gap: 32px; margin-bottom:30px;}
.shock-sidebar .button-wrapper p.price {  font-size:28px; color:#000;    margin: 0;    font-family: 'alethiapro-regular';}
.shock-sidebar .button-wrapper a.addtocart.btn-cart { background:#D7BEA0; color:#000; padding:10px 30px;    line-height: 1; display: flex; align-items: center;      font-size: 22px;  font-family: 'alethiapro-regular';}
.shock-sidebar .button-wrapper a.addtocart.btn-cart img { width:30px; margin-right:8px; }


.menu-grid .menu-grid-icons .menu-grid-minor-item svg { width:40px; height:40px;}
.cartitem img { width:25px; -webkit-filter: grayscale(1) invert(1) brightness(3); filter: grayscale(1) invert(1) brightness(3); margin-right:6px;    opacity: 0.3;}

/* #endregion Sidebar */

/* #region Breadcrumb */

.breadcrumb-nav {margin-bottom: 3.5rem;padding-bottom: 1rem;
  border-bottom: 1px solid;
  border-color: var(--gray-25-color);}
.breadcrumb-nav .breadcrumb {margin: 0;}
.breadcrumb-nav .breadcrumb-item {margin: 0;font-size: 1rem;color: var(--gray-75-color);}
.breadcrumb-nav .breadcrumb .breadcrumb-item:before {margin: 0;content: none;}
.breadcrumb-nav .breadcrumb .breadcrumb-item + .breadcrumb-item::before {content: var(--bs-breadcrumb-divider, "/");float: left;padding-right: 0.5rem;color: inherit;opacity: 0.5;}
.breadcrumb-nav .breadcrumb-item.has-icon {display: flex;align-items: center;}
.breadcrumb-nav .breadcrumb-item .icon {margin-right: 5px;font-size: 1rem;color: var(--gray-color);}
.breadcrumb-nav .breadcrumb-item .image-icon {margin-right: 5px;width: auto;height: 1rem;fill: var(--gray-color);stroke: var(--gray-color);}
.breadcrumb-nav .breadcrumb .breadcrumb-item .breadcrumb-link {display: flex;align-items: center;text-decoration: none;color: var(--gray-color);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.breadcrumb-nav .breadcrumb .breadcrumb-item .breadcrumb-link:hover,
.breadcrumb-nav .breadcrumb .breadcrumb-item .breadcrumb-link:hover .icon {    color: #666;}
.breadcrumb-nav .breadcrumb .breadcrumb-item .breadcrumb-link:hover,
.breadcrumb-nav .breadcrumb .breadcrumb-item .breadcrumb-link:hover .image-icon {fill: var(--color);stroke: var(--color);
}

@media (max-width: 767px) {

	.breadcrumb-nav {margin-bottom: 1.5rem;}
.breadcrumb-nav .breadcrumb {display: block;}
.breadcrumb-nav .breadcrumb-item {	padding: 0;}
.breadcrumb-nav .breadcrumb .breadcrumb-item + .breadcrumb-item::before {	content: none;}
.breadcrumb-nav .breadcrumb-item .icon {	display: none;}
}

/* #endregion Breadcrumb */

/* #region Comments */

.comments .comments-wrapper {margin-bottom: 3.5rem;}
.comments .comment {position: relative;padding: 2rem 0;border-bottom: 1px solid;border-color: var(--gray-25-color);}
.comments .comment:first-child {border-top: 1px solid;border-color: var(--gray-25-color);}
.comments .comment .comment-metadata {display: flex;align-items: center;justify-content: space-between;}
.comments .comment .comment-metadata .comment-author {display: flex;align-items: center;justify-content: flex-start;}
.comments .comment .comment-metadata .comment-author .author-photo {margin-right: 1.5rem;}
.comments .comment .comment-metadata .comment-author .author-photo .image {width: 75px;height: 75px;border-radius: 50%;object-fit: cover;}
.comments .comment .comment-metadata .comment-author .author-name {margin: 0;}
.comments .comment .comment-metadata .comment-date {display: flex;justify-content: center;align-items: center;font-size: 0.85rem;}
.comments .comment .comment-metadata .comment-date .icon {margin-right: 5px;}
.comments .comment .comment-metadata .comment-date .text {line-height: 1;}
.comments .comment .comment-content {margin: 1.5rem 0;}
.comments .comment .comment-action {display: flex;align-items: center;justify-content: space-between;}
.comments .comment .comment-action .like-icon {display: flex;align-items: center;justify-content: space-between;cursor: pointer;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.comments .comment .comment-action .like-icon.active,
.comments .comment .comment-action .like-icon:hover {    color: #666;
}

/* #endregion Comments */

/* #region Picture Ornament */

.image-wrapper {width: 100%;}
.image-wrapper .image {width: 100%;    height: auto;display: block;}
.apparat-bl .image-wrapper .image {height: 100vh;object-fit: cover;}
.image-wrapper.circular-image {width: auto;display: block;}
.image-wrapper.circular-image .image {width: 75px;height: 75px;border-radius: 50%;object-fit: cover;object-position: center;}
.image-merge {position: absolute;top: 35%;width: 100%;}
.image-merge .image {position: absolute;width: 100%;display: block;}
.image-absolute .image {position: absolute;top: 0;width: 80%;display: block;
}

/* #endregion Picture Ornament */

/*----------------------------------------------
10. Essential
----------------------------------------------*/

/* #region Table */

:root .table.scheme-1 {--color-1: var(--black-color);--color-2: var(--gray-25-color);
}

:root .table.scheme-2 {--color-1: var(--white-color);--color-2: var(--gray-25-color);
}

table {
  caption-side: bottom;
  border-collapse: collapse;border-color: #666;}
.table > :not(:last-child) > :last-child > * {border-bottom-width: 1px;border-color: var(--color-1);}
.table.table-borderless > :not(:last-child) > :last-child > * {border-color: var(--color-2);}
.table th {color: var(--color-1);border-color: var(--color-2);}
.table td {color: var(--gray-color);border-color: var(--color-2);}
.table-hover > tbody > tr:hover {background-color: var(--color-2);}
.table .text {vertical-align: middle;}
.table .icon {margin-right: 0.5rem;vertical-align: middle;
}

/* #endregion Table */

/* #region Badge */

.badge {padding: 3.5px 10px;display: inline;border-radius: 0.25rem;background-color: #666;font-size: 0.85rem;font-weight: 400;color: var(--gray-color);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.badge.outline {background-color:#D7BEA0;}
.badge.flex {height: 29px;display: inline-flex;align-items: center;}
.badge.active,
.badge:hover {background-color: var(--hover-color);border-color: var(--hover-color);color: var(--white-color);}
.badge .badge-text {display: table-row;    color: #fff;}
.badge.active .badge-text,
.badge:hover .badge-text {color: var(--hover-color);}
.badge .badge-icon {margin-right: 5px;    color: #666;}
.badge:hover .badge-icon {color: var(--hover-color);}
.tag-cloud .badge {width: auto;height: 29px;display: inline-flex;align-items: center;margin: 2.5px 0;
}

/* #endregion Badge */

/* #region Label */

.label-horizontal {font-size: 0.9rem;font-weight: 500;line-height: 1;letter-spacing: 1px;color: var(--gray-color);}
.label-horizontal .label-line {width: 35px;height: 1px;margin: 0 10px 5px 0;display: inline-block;background-color: #666;}
.label-vertical {position: absolute;z-index: 3;bottom: calc(100% + 15px);right: 15%;width: fit-content;height: max-content;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;transform: rotate(180deg);font-size: 0.9rem;font-weight: 500;line-height: 1;letter-spacing: 1px;color: var(--gray-color);}
.label-vertical.to-top-right {top: 35px;right: 35px;}
.label-vertical.to-top-right-out {top: 0;right: -25px;}
.label-vertical.to-top-left {top: 35px;left: 35px;}
.label-vertical.to-top-left-out {top: 0;left: -25px;}
.label-vertical.to-bottom-right {bottom: 35px;right: 35px;}
.has-divider .label-vertical.to-bottom-right {bottom: 300px;font-size: 12px;font-weight: 400;}
.label-vertical.to-bottom-right-out {bottom: 0;right: -25px;}
.label-vertical.to-bottom-left {bottom: 35px;left: 35px;}
.label-vertical.to-bottom-left-out {bottom: 0;left: -25px;}
.label-vertical .label-text {line-height: 0;    color: #666;}
.label-vertical .label-text .icon {transform: rotate(90deg);margin-bottom: 10px;line-height: 0;}
.label-vertical .label-line {width: 1px;height: 35px;margin: 0 0 10px 0;display: inline-block;background-color: #666;}
.label-vertical.outline {bottom: 120%;right: 10%;font-size: 2.5rem;font-weight: 800;-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 1px;}
.label-vertical.outline .label-line {width: 5px;height: 35px;margin: 0 5px 0 0;display: inline-block;border: 1px solid;border-color: #666;background: none;}
.label-icons {position: absolute;z-index: 3;bottom: calc(100% + 15px);right: 10%;width: fit-content;height: fit-content;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;transform: rotate(0);font-size: 1rem;color: var(--gray-color);}
.label-vertical-icons {position: absolute;z-index: 3;bottom: calc(100% + 15px);right: 10%;width: fit-content;height: fit-content;}
.label-icons .link,
.label-vertical-icons .link {margin: 0;padding: 5px;}
.label-icons .icon {font-size: 1rem;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.label-vertical-icons .icon {margin: 0;display: block;font-size: 1rem;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.label-icons .label-line,
.label-vertical-icons .label-line {width: 1px;height: 35px;margin: 5px 0 0 0;display: inline-block;background-color: #666;}

@media (max-width: 767px) {
.label-vertical.outline {bottom: 110%;font-size: 1.5rem;}
.label-vertical.outline .label-line {display: none;}
}


.tooltip-item .tooltip {position:  absolute;transform: translate(-100vw, 0);}
.tooltip-item .tooltip-inner {
  border-radius: 0.15rem;
  background-color: #666;
  box-shadow: 0px 20px 50px 0px rgb(0 0 0 / 15%);
  color: var(--white-color);}
.tooltip-item .bs-tooltip-top .tooltip-arrow::before, 
.tooltip-item .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-    color: #666;}
.tooltip-item .bs-tooltip-right .tooltip-arrow::before, 
.tooltip-item .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-    color: #666;}
.tooltip-item .bs-tooltip-bottom .tooltip-arrow::before, 
.tooltip-item .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-    color: #666;}
.tooltip-item .bs-tooltip-left .tooltip-arrow::before, 
.tooltip-item .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-    color: #666;}
.tooltip-item [data-popper-placement="right"] {margin-left: 5px !important;}
.tooltip-item [data-popper-placement="left"] {margin-right: 5px !important;}

:root .horizontal-tab.scheme-1,
:root .vertical-tab.scheme-1 {--color-1: var(--black-color);--color-2: var(--white-color);--color-3: var(--gray-25-color);}
:root .horizontal-tab.scheme-2,
:root .vertical-tab.scheme-2 {--color-1: var(--white-color);--color-2: var(--black-color);--color-3: var(--gray-25-color);}
.horizontal-tab .tab-content {padding: 0;}
.vertical-tab {display: flex;justify-content: space-between;}
.vertical-tab .nav-tabs {width: 25%;}
.vertical-tab .tab-content {width: 75%;padding-top: 1.2rem;}
.nav-tabs {margin-top: 0;margin-bottom: 3rem;justify-content: center;border-bottom: 1px solid;border-color: var(--color-3);}
.nav-pills {width: 25%;height: 100%;margin: 0;border-left: 1px solid;border-color: var(--color-3);}
.nav-tabs .nav-item {margin: 0;}
.nav-pills .nav-item {width: 100%;margin: 0;}
.nav-tabs .nav-link,
.nav-pills .nav-link {position: relative;margin: 0;padding: 1.2rem 2rem;background: none;border: none;border-radius: unset;font-size: 1.2rem;font-weight: 700;text-align: left;color: var(--gray-color);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.nav-tabs .nav-link {padding: 0 1rem 1.5rem;}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus,
.nav-pills .nav-link:hover, .nav-pills .nav-link:focus {border: none;color: var(--color-1);}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link,
.nav-pills .nav-link.active, .nav-pills .nav-item.show .nav-link {background-color: inherit;border: none;color: var(--color-1);}
.nav-tabs .nav-link:before, .nav-tabs .nav-item .nav-link:before {content: '';position: absolute;top: calc(100% + -2.5px);right: 50%;width: 0;height: 5px;background-color: #666;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.nav-tabs .nav-link:after, .nav-tabs .nav-item .nav-link:after {content: '';position: absolute;top: calc(100% + -2.5px);left: 50%;width: 0;height: 5px;background-color: #666;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.nav-tabs .nav-link.active:before, .nav-tabs .nav-item.show .nav-link:before,
.nav-tabs .nav-link.active:after, .nav-tabs .nav-item.show .nav-link:after {width: 50%;}
.nav-pills .nav-link:before, .nav-pills .nav-item .nav-link:before {content: '';position: absolute;bottom: 50%;right: calc(100% + -1.5px);height: 0;width: 5px;background-color: #666;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.nav-pills .nav-link:after, .nav-pills .nav-item .nav-link:after {content: '';position: absolute;top: 50%;right: calc(100% + -1.5px);height: 0;width: 5px;background-color: #666;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.nav-pills .nav-link.active:before, .nav-pills .nav-item.show .nav-link:before,
.nav-pills .nav-link.active:after, .nav-pills .nav-item.show .nav-link:after {height: 50%;}

@media (max-width: 991px) {
.horizontal-tab .nav-tabs {	margin-bottom: 1.5rem;}
.vertical-tab {	display: block;}
.vertical-tab .nav-pills {	width: 100%;display: block;margin-bottom: 1.5rem;}
.vertical-tab .tab-content {	width: 100%;padding-top: 0;}
.nav-tabs .nav-link, .nav-pills .nav-link {padding: 0.75rem 1.5rem;}
}

.collapsible.has-line {position: relative;}
.collapsible.has-line:before {content: '';position: absolute;z-index: -1;top: 15px;left: 23.5px;width: 2px;height: 90%;background-color: var(--gray-25-color);}
.collapsible .collapse-group {margin: 0 0 1.5rem;}
.collapsible .collapse-group:last-child {margin: 0;}
.collapsible .collapse-group .title {margin: 0;padding-left: 1.5rem;    color: #666;    font-size: 24px; font-weight:400;}
.collapsible .collapse-group .collapse-content {width: 100%;padding-left: 70px;}
.collapsible .collapse-group .collapse-content > *:first-child {margin-top: 1rem;}
.collapsible .collapse-group .collapse-content .description {margin: 1rem 0;}
.collapsible .collapse-group .collapse-content .description:last-child:not(:first-child) {margin: 0;}
.collapsible .collapse-group .collapse-content .image {width: 100%;display: block;}
.collapsible .collapse-group .collapse-toggle {display: flex;justify-content: start;align-items: center;text-decoration: none;}
.collapsible .collapse-group .collapse-button {background-color: #F5ECE2;}
.collapsible .collapse-group .collapse-button.outline {border: 2px solid;border-color: #666;background-color: transparent;}
.collapsible .collapse-group .collapse-button > * {width: 45px;height: 45px;justify-content: center;align-items: center;}
.collapsible .collapse-group .collapse-button .collapse-number {width: 45px;height: 45px;display: block;line-height: 45px;text-align: center;font-size: 1.2rem;font-weight: 400;    color: #D7BEA0;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.collapsible .collapse-toggle[aria-expanded="true"] .arrow {opacity: 0;}
.collapsible .collapse-toggle[aria-expanded="true"] .arrow .item:after {animation: width-animation 0.2s forwards;animation-delay: 0.4s;}
.collapsible .collapse-toggle[aria-expanded="true"] .line:after {animation: left-animation 0.4s forwards;}

:root .icon-list.scheme-1 {	--color-1: var(--gray-25-color);}
:root .icon-list.scheme-2 {	--color-1: var(--white-10-color);}
.icon-list {position: relative;margin-bottom: 1rem;padding-left: 2rem;list-style: none;}
.icon-list .icon-list {margin-bottom: 0;}
.icon-list .item {text-align: left;}
.icon-list .link {position: initial;color: var(--gray-color);}
.icon-list .link:hover {    color: #666;}
.icon-list .icon {position: absolute;left: 0;margin: 0;padding: 1.5px 0;font-size: 1.3rem;    color: #666;}
.icon-list .image-icon {position: absolute;left: 0;width: auto;height: 1.5rem;margin: 0;padding: 1.5px 0;fill: var(--color);stroke: var(--color);}
.icon-list.has-counter li {display: flex;justify-content: space-between;align-items: center;}
.icon-list.has-counter li:hover .counter-number {    color: #666;}
.icon-list .counter-line {width: 100%;height: 1px;margin: 0 10px;background-color: var(--color-1);}

.list-wrapper {line-height: 0;}
.icon-h-list {margin: 0;padding: 0;display: inline-flex;align-items: center;list-style: none;cursor: pointer;}
.icon-h-list .item {margin: 0 0.75rem;padding: 0;}
.icon-h-list .item .icon {margin: 0;font-size: 1rem;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}

.checklist {position: relative;margin: 0;padding: 0;list-style: none;}
.checklist .item {margin: 1rem 0;display: flex;justify-content: space-between;align-items: center;text-align: left;}
.checklist .item:first-child,
.checklist .item:last-child {margin: 0;}
.checklist .icon {margin-left: 25px;display: block;font-size: 1.5rem;    color: #666;}
.checklist .image-icon {margin-left: 25px;display: block;width: 1.5rem;height: auto;fill: var(--color);stroke: var(--color);}

.modal .modal-dialog {padding: 0.5rem;}
.modal .modal-content {border: none;border-radius: 0;box-shadow: none;}
.modal .modal-header {position: relative;padding: 1.75rem;border: none;border-radius: 0;}
.modal .modal-header .close-button {position: absolute;z-index: 2;top: 1.75rem;right: 1.75rem;margin: 0;padding: 0;font-size: 1.5rem;    color: #666;cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.modal .modal-header .close-button:hover {color: var(--hover-color);}
.modal .modal-body {padding: 1.75rem;border: none;border-radius: 0;}
.modal .modal-footer {padding: 1.75rem;border: none;border-radius: 0;}
.modal-backdrop {background-color: var(--black-color);}
.modal-backdrop.show {opacity: 0.5;
}

@media (max-width: 767px) {
.modal .modal-header {	padding: 1rem;}
.modal .modal-header .close-button {	top: 1rem;right: 1rem;}
.modal .modal-body {	padding: 1rem;}
.modal .modal-footer {	padding: 1rem;}
}

.flutter-underline {position: relative;overflow: hidden;white-space: nowrap;}
.flutter-underline-graphic {position: absolute;top: 0;left: 0;pointer-events: none;fill: none;stroke-width: 2px;stroke: var(--color);transition: transform 0.7s;transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);opacity: 0;}
.flutter-underline-static .flutter-underline-graphic {opacity: 1;}
.flutter-underline.show .flutter-underline-graphic,
.flutter-underline.active .flutter-underline-graphic,
.flutter-underline:hover .flutter-underline-graphic {transform: translate3d(-66.6%, 0, 0);opacity: 1;}


.animated-underline {position: relative;z-index: 1;padding: 0;display: inline-block;background: none;text-decoration: none;color: inherit;}
.animated-underline::before {content: '';position: absolute;z-index: -1;bottom: 0;left: 0;width: 0;height: 30%;background-color: #666;}
.animated-underline.active::before,
.parent:hover .animated-underline::before {animation: width-animation 0.5s forwards;}

.floating-item {animation: up-down-animation 1s infinite ease-in-out alternate;}
.floating-item-smooth {animation: up-down-smooth-animation 1s infinite ease-in-out alternate;}

.image-mirror {position: relative;width: 100%;height: 100%;display: flex;align-items: start;justify-content: center;}
.image-mirror .image-wrapper {width: 90%;height: 90%;-webkit-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;-moz-transition: all .4s ease-out 0s;transition: all 0.4s ease-out 0s;}
.image-mirror .image-wrapper .image {width: 100%;height: 100%;object-fit: cover;}
.image-mirror .mirror-button {position: absolute;z-index: 1;right: 0;bottom: 0;width: 50%;height: 75%;display: flex;justify-content: center;align-items: center;background-color: var(--white-50-color);border: 10px solid var(--gray-50-color);mix-blend-mode: color-burn;text-decoration: none;}
.image-mirror:hover .mirror-button {background-color: var(--white-color);mix-blend-mode: color;}
.image-mirror .mirror-button .mirror-icon {font-size: 5rem;color: var(--black-50-color);-webkit-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;-moz-transition: all .4s ease-out 0s;transition: all 0.4s ease-out 0s;}
.image-mirror:hover .mirror-button .mirror-icon {font-size: 6rem;    color: #666;}

@media (max-width: 991px) {	
.image-mirror .mirror-button .mirror-icon {	font-size: 4rem;}
.image-mirror:hover .mirror-button .mirror-icon {	font-size: 5rem;}}


.text-icon-overlay {width: 100%;height: 250px;position: relative;display: flex;justify-content: center;align-items: center;}
.text-icon-overlay .text-wrapper {max-width: 600px;text-align: center;}
.text-icon-overlay .text {margin: 0;    color: #666;}
.text-icon-overlay .image-icon {position: absolute;top: 0;width: auto;height: 250px;fill: var(--gray-color);opacity: 0.15;}

.counter {position: relative;line-height: 1.2;}
.counter svg path:first-child {stroke-dasharray: 1.5 1;}
.animated-counter {width: 100%;display: flex;justify-content: center;align-items: center;}
.animated-counter .progressbar-text {position: relative;top: 0;margin-right: 0;display: flex;align-items: center;justify-content: center;background-color: var(--black-color);text-align: center;line-height: 0.9;color: var(--white-color);}
.animated-counter .title {margin: 1rem 0 0;    color: #666;}
.animated-counter .description {margin: 1rem 0 0;}

@media (max-width: 991px) {.row *:last-child .animated-counter {	margin-bottom: 0;}.animated-counter {	margin-bottom: 1.5rem;}}
.line-progress-bar {width: auto;height: auto;display: block;}
.line-progress-bar .item {height: 80px;margin: 1.5rem 0;}
.line-progress-bar .item:first-child {margin-top: 0;}
.line-progress-bar .item:last-child {margin-bottom: 0;}
.line-progress-bar .title {margin: 0;    color: #666;}
.line-progress-bar .progressbar-text {position: relative;top: -30px;width: 70px;height: 40px;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 1.2rem;font-weight: 400;background-color: var(--black-color);color: var(--white-color);}
.line-progress-bar .counter:not(.active) .progressbar-text {left: 0% !important;}
.line-progress-bar .outline .progressbar-text {width: 120px;height: 40px;top: initial;bottom: 65px;font-size: 3rem;font-weight: 800;-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 1px;}

.radial-progress-bar {position: relative;text-align: center;}
.radial-progress-bar .item {height: auto;margin-bottom: -40px;}
.radial-progress-bar .title {margin: 0 0 1rem;    color: #666;}
.radial-progress-bar .progressbar-text {position: relative;top: -40px;width: 70px;height: 40px;margin: auto;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 1.2rem;font-weight: 400;background-color: var(--black-color);color: var(--white-color);}
.radial-progress-bar .outline .progressbar-text {width: 160px;height: 40px;top: initial;bottom: 45px;font-size: 3rem;font-weight: 800;-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 1px;}
.radial-progress-bar svg path:first-child {stroke-dasharray: 3.5 1.75;}

@media (max-width: 991px) {.radial-progress-bar .outline .progressbar-text {width: 130px;height: 45px;bottom: 35px;font-size: 2rem;}}

.scrolling-text {position: relative;width: 100%;height: 100%;display: flex;align-items: center;}
.scrolling-text .image-wrapper {width: 100%;height: 100%;}
.scrolling-text .image-wrapper .image {width: 800px;height: auto;display: block;}
.scrolling-text .text-wrapper {position: relative;width: 100%;height: auto;overflow: hidden;white-space: nowrap;    text-align: center;}
.scrolling-text.has-image .text-wrapper {position: absolute;}
.scrolling-text .text-wrapper .text {margin: 0;line-height: 1;    color: #666;}
.scrolling-text .text-wrapper .text:first-child {margin-bottom: 1rem;}

:root .animated-text.scheme-1 {--color-1: var(--black-color);}
:root .animated-text.scheme-2 {--color-1: var(--white-color);}
.animated-text {background: linear-gradient(to right, var(--color), var(--color) 50%, var(--color-1) 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 100%;transition: background-position 0.4s ease;font-weight: 700 !important;color: var(--color-1);}
.animated-text:hover {background-position: 0% 100%;filter: none;}
.animated-text .icon {color: var(--color-1);-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.animated-text:hover .icon {    color: #666;}


.circular-text {position: relative;}
.circular-text.absolute {position: absolute;}
.circular-text .emblem {z-index: 2;top: 0;right: 0;bottom: 0;left: 0;width: 9rem;height: 9rem;border-radius: 50%;
  text-transform: uppercase;font-size: 1rem;line-height: 1;    color: #666;animation: spin-animation 20s linear infinite;text-align: center;}
.circular-text.large .emblem {width: 14rem;height: 14rem;font-size: 2rem;line-height: 1;}
.circular-text .emblem.to-top-right {position: absolute;top: -5rem;left: initial;bottom: 0;right: -5rem;width: 10rem;height: 10rem;}
.circular-text .emblem.to-top-left {position: absolute;top: -5rem;right: initial;bottom: 0;left: -5rem;width: 10rem;height: 10rem;}
.circular-text .emblem span {
  position: absolute;
  display: inline-block;top: 0;right: 0;bottom: 0;left: 0;
  transition: all 0.5s cubic-bezier(0, 0, 0, 1);
}

@media (max-width: 991px) {

	.circular-text {position: absolute;width: calc(100% - 2rem);height: 100%;display: flex;justify-content: center;align-items: center;}
.circular-text .emblem.to-top-right,
	.circular-text .emblem.to-top-left {position: relative;top: initial;right: initial;bottom: initial;left: initial;width: 10rem;height: 10rem;}
}

/* #endregion Circular Text */

/* #region Vertical Lines */

:root .vertical-lines.scheme-1 {--color-1: var(--black-10-color);
}

:root .vertical-lines.scheme-2 {--color-1: var(--gray-10-color);
}

:root .vertical-lines.scheme-3 {--color-1: var(--gray-25-color);}
.vertical-lines {position: fixed;top: 0;z-index: 0;width: 100%;height: 100%;}
.vertical-lines .line {position: absolute;width: 1px;height: 100%;border: 1px solid;border-color: var(--color-1);opacity: 0.75;}
.vertical-lines.diagonal .line {transform: skewX(-5deg);}
.vertical-lines .line:before {content: '';position: absolute;top: 0;left: 0;width: 1px;height: 5%;background-color: #666;opacity: 0;animation: vertical-line-animation 5s infinite ease-in-out;animation-delay: 5s;}
.vertical-lines .line.delay-1:before {animation: vertical-line-animation 5s infinite ease-in-out;animation-delay: 5s;}
.vertical-lines .line.delay-2:before {animation: vertical-line-animation 5s infinite ease-in-out;animation-delay: 6s;}
.vertical-lines .line.delay-3:before {animation: vertical-line-animation 5s infinite ease-in-out;animation-delay: 7s;}
.vertical-lines .line.delay-4:before {animation: vertical-line-animation 5s infinite ease-in-out;animation-delay: 8s;
}

@media(max-width: 991px) {.vertical-lines {	display: none;}
}

/* #endregion Vertical Lines */

/* #region Scroll Down */

.scroll-down {position: relative;top: 100px;right: -30px;height: 45px;width: 27px;background-color: transparent;border: 2px solid;border-color: var(--gray-color);border-radius: 50rem;cursor: pointer;outline: none;opacity: 0.7;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.scroll-down:hover {opacity: 1;}
.scroll-down:before {position: absolute;top: 10px;left: 50%;content: '';width: 6px;height: 6px;margin-left: -3px;background-color: #666;border-radius: 50%;-webkit-animation: scroll-down-animation 2s infinite;animation: scroll-down-animation 2s infinite;box-sizing: border-box;
}

/* #endregion Scroll Down */

/* #region ZZZ */

:root .zzz.scheme-1 {--color-1: var(--white-color);--color-2: var(--color);
}

:root .zzz.scheme-2 {--color-1: var(--black-color);--color-2: var(--color);
}

:root .zzz.scheme-3 {--color-1: var(--color);--color-2: var(--white-color);}
.zzz {position: relative;z-index: -1;width: 0;height: 15px;display: block;opacity: 0.5;}
.zzz.active {animation: width-animation 1s forwards;animation-delay: 0.4s;}
.zzz.over-text {bottom: 20px;}
.zzz.large {height: 32px;}
.zzz::before,
.zzz::after {content: '';position: absolute;left: 0;width: inherit;height: inherit;background-size: 14.5px 100%;top: 1px;background-image: linear-gradient(45deg, var(--color-1) 35%, transparent 0),
		linear-gradient(-45deg, var(--color-1) 35%, transparent 0);}
.zzz.large::before,
.zzz.large::after {background-size: 32px 100%;}
.zzz::before {top: -1px;background-image: linear-gradient(45deg, var(--color-2) 35%, transparent 0),
		linear-gradient(-45deg, var(--color-2) 35%, transparent 0);
}

/* #endregion ZZZ */

/*----------------------------------------------
12. Footer
----------------------------------------------*/

/* #region Footer */

:root .shock-footer.scheme-1 {--color-1: var(--black-color);--color-2: var(--white-color);--color-3: var(--white-10-color);
}

:root .shock-footer.scheme-2 {--color-1: var(--white-color);--color-2: var(--black-color);--color-3: var(--black-10-color);}
.shock-footer {position: relative;background-color: var(--color-1);}
.shock-footer .footer-content {position: relative;padding: 35px 0;}
.shock-footer .footer-content .footer-item {margin-bottom: 2.5rem;}
.shock-footer .footer-content .footer-item:last-child {margin-bottom: 0;}
.shock-footer .footer-content .title {margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px solid;border-color: var(--color-3);font-size: 1.1rem;font-weight: 600;color: var(--color-2);}
.shock-footer .footer-content .footer-brand {margin: 0;margin-bottom: 1.5rem;padding: 0;display: flex;justify-content: flex-start;align-items: center;}
.shock-footer .footer-content .footer-brand .logo {width: auto;height: 100%;max-height: 38px;display: block;}
.shock-footer .footer-content .footer-brand .logo-after-text {
  margin-left: 10px;
  
  font-size: 1.2rem;
  font-weight: 500;color: var(--color-2);}
.shock-footer .footer-content .footer-brand .site-title {
  
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;color: var(--color-2);}
.shock-footer .footer-content .footer-text {margin-bottom: 1.5rem;}
.shock-footer .footer-content .nav-item {margin: 0;}
.shock-footer .footer-content .nav-link {margin: 0;
  padding: 0.5rem 0;font-size: 1rem;color: var(--color-2);}
.shock-footer .footer-content .nav-list {margin: 0;}
.shock-footer .footer-content .nav-list .nav-item:first-child .nav-link {padding-top: 0;}
.shock-footer .footer-content .nav-list .nav-item:last-child .nav-link {padding-bottom: 0;}
.shock-footer .footer-content .nav-link .text {background: linear-gradient(to right, var(--color), var(--color) 50%, var(--gray-color) 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 100%;transition: background-position 0.4s ease;font-weight: 700;color: var(--gray-color);}
.shock-footer .footer-content .nav-link:hover .text {background-position: 0% 100%;filter: none;}
.shock-footer .footer-content .nav-link.has-icon:hover .icon {    color: #666;}
.shock-footer .footer-content .nav-link.has-icon:hover .image-icon {fill: var(--color);stroke: var(--color);}
.shock-footer .footer-content .nav-link.has-icon {display: inline-flex;align-items: center;}
.shock-footer .footer-content .nav-link.has-icon .icon {margin-right: 10px;}
.shock-footer .footer-content .nav-link.has-icon .image-icon {margin-top: 2px;margin-right: 10px;width: auto;height: 1rem;fill: var(--gray-color);stroke: var(--gray-color);}
.shock-footer .footer-content .footer-image {position: relative;overflow: hidden;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background-color: #666;}
.shock-footer .footer-content .footer-image .image {width: 100%;height: 100%;object-fit: cover;object-position: center;-webkit-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;-moz-transition: all .4s ease-out 0s;transition: all 0.4s ease-out 0s;}
.shock-footer .footer-content .footer-image:hover .image {opacity: 0.5;filter: none;transform: scale3d(1.1, 1.1, 1);}
.shock-footer .footer-content .footer-image .title {position: absolute;z-index: 1;margin: 0;padding: 0;border: none;background: linear-gradient(to right, var(--white-color), var(--white-color) 50%, transparent 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 100%;transition: background-position 0.4s ease;font-size: 1.8rem;font-weight: 700;color: transparent;opacity: 0;}
.shock-footer .footer-content .footer-image:hover .title {background-position: 0 100%;opacity: 1;}
.shock-footer .top-bar {position: relative;background-color: var(--color-1);}
.shock-footer .top-bar:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--color-2);opacity: 0.025;}
.shock-footer .top-bar .footer-content .footer-brand {margin: 0;justify-content: center;}
.shock-footer .top-bar .footer-content .nav-link .icon {color: var(--gray-color);}
.shock-footer .top-bar .footer-content .nav-link:hover .icon {    color: #666;}
.shock-footer .bottom-bar {position: relative;padding: 20px 50px;background-color: var(--color-1); display:flex; justify-content:space-between;}
.shock-footer .bottom-bar:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--color-2);opacity: 0.025;}
.shock-footer .bottom-bar .text {font-size: 0.85rem;letter-spacing: 1px;opacity: 0.5;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.shock-footer .bottom-bar a { color:#666}
.shock-footer .bottom-bar:hover .text {opacity: 1;}

@media (max-width: 991px) {
	.shock-footer .container {max-width: 960px !important;padding-left: 1rem;padding-right: 1rem;}
.shock-footer .top-bar .footer-content {	padding: 1rem 0 2rem;}
.shock-footer .top-bar .row > * {justify-content: center !important;}
.shock-footer .top-bar .footer-content .footer-item,
	.shock-footer .top-bar .footer-content .nav-list {margin-top: 1rem;margin-bottom: 0;}
}

@media (max-width: 767px) {
	.shock-footer .footer-content .row > *:not(:first-child) {margin-top: 0;}
.shock-footer .footer-content .row > *:last-child .footer-item {	margin-bottom: 0;}
.shock-footer .footer-content .footer-item,
	.shock-footer .footer-content .footer-item:last-child {margin-bottom: 1.5rem;}
	
	.shock-footer .footer-content .title {	padding-top: 1.5rem;padding-bottom: 0;border-bottom: none;border-top: 1px solid;border-color: var(--color-3);}
.shock-footer .footer-content .nav-list {	margin-bottom: 1.5rem;}
}

/* #endregion Footer */

.appdet .doptxt {max-width:80%;}
.appdet .doptxt br { display:none}

@media (min-width: 1631px) and (max-width: 1820px) {
.detailserv .top-first h1 span, .side-intro .title, .text-style-02 { font-size:50px; max-width: 95%;}
.basic-intro .title, .text-style-1 {font-size:50px;}
h2 {font-size:50px;}
.detailserv .top-first h1{ font-size:35px} .text-style-6 { font-size:35px;}}
@media (min-width: 1200px) and (max-width: 1630px) {
.detailserv .top-first h1 span, .side-intro .title, .text-style-02 { font-size:50px; max-width: 95%;}
.basic-intro .title, .text-style-1 {font-size:40px;}
h2 {font-size:40px;}
.detailserv .top-first h1{ font-size:30px;        max-width: 90%;} .text-style-6 { font-size:32px;}
.side-intro h1.page404 { font-size:50px;}
.side-intro h1.page404 .text-2 { margin-left:0;        margin-top: 5px;}
.text-style-10 { font-size:24px;}
.extended-intro .text-2 a.downloadlink { font-size:30px;}
.extended-intro .text-2 span { font-size:24px;}
.pricepage h2 { font-size:40px;}
.basic-intro .title-4 { font-size:35px;}
.collapsible .collapse-group .title { font-size:24px;}
.container.max-w-50.pricepage { max-width: 60% !important;}
.extended-intro .text-2 { font-size:40px;}
.appblock .extended-intro .text-2 { font-size:30px;}
.media-bar svg { width:50px; height:50px;}
.holder.p-5 .basic-intro .title { font-size:48px;}
.image-wrapper .image { height:100%; object-fit:cover;}
.image-wrapper {height:100%;}
.mediapage .navbar-holder { padding-top:60px!important;}
.app-page .card .description { font-size:16px;}
.app-page .card { padding:20px;}
.appdet .doptxt { font-size:18px;}
.holder.contactsform { padding-left:15px;}
.max-w-75 {max-width: 95% !important;}
.shock-sidebar .button-wrapper a.addtocart.btn-cart {font-size: 20px;padding: 10px 24px;}
.shock-sidebar .button-wrapper p.price { font-size:24px;}
.banner.teampage .vh-50 { height: 35vh !important;}
.banner.teampage .content-wrapper { padding-top:100px;}
.servhome  .gallery .swiper-slide .item .image {    height: 75vh !important;}
.animh2 { font-size:140px;}
.animtxt { font-size:50px;}
.servhome { margin-top: 100px;}
.vipblock .vh-75 { height: 65vh !important;}
.gallery .item .text-wrapper .title { font-size:32px;}
.servbtn.moreblog {        bottom: 45px; left: auto; right: 15px;}
.mediapage .gallery .item .image { height: 55vh;}
.youtusection .swiper.has-gap .swiper-slide { padding:0}
.price-item { font-size:16px;}
.price-item span:first-child {max-width:85%}
.col-lg-6.pricebl:nth-child(2n+1) { padding-right: 15px;}
.col-lg-6.pricebl:nth-child(2n) { padding-left: 15px;}
.price-item span { min-width:105px;}
.salebl .extended-intro .description {         margin: 0; margin-left: 10%; max-width: 90%;}
.salebl .extended-intro .left-column { width:60%;}
.pb-8.pricedetail { padding-bottom:50px!important}
.textcompl { font-size:20px; padding-left:210px;}
.textcompl img { width:180px;}
.servdetbl .basic-intro .text-2 { font-size:28px;}
.sert-section { margin-bottom: 0px;}
.servteam.pt-5 { padding-top:40px!important}
.pt-5.mediapage.servmedia{ padding-top:40px!important}
.wlcm-section img { min-height:600px; object-fit:cover}
.wlcm-section .side-intro .title { font-size:40px;}
.container.cartpage { max-width: 85%;}
}
@media (min-width: 1320px) and (max-width: 1449px) {
.textcompl { font-size:18px; padding-left:180px;}
.textcompl img { width:160px;}
.container.cartpage { max-width: 90%;}
.cartitog {     padding: 36px 24px;}
.itog-item, .shipping-item { font-size:16px;}
.itog-item span, .shipping-item span { font-size:18px;}
}
@media (min-width: 1200px) and (max-width: 1319px) {
.complexblock { position:absolute; width:80%; left: 10%;  margin-top: 12%; height:300px;}
.textcompl img { margin-top:-30px;}
.servaboutblock { margin-bottom:300px;}
.container.cartpage { max-width: 100%;}
.cartitog {     padding: 36px 24px;}
.itog-item, .shipping-item { font-size:16px;}
.itog-item span, .shipping-item span { font-size:18px;}
}
@media (min-width: 1200px) and (max-width: 1230px) {.complexblock { margin-top:7%}}
@media (min-width: 1231px) and (max-width: 1260px) {.complexblock { margin-top:8%}}
@media (min-width: 1261px) and (max-width: 1300px) {.complexblock { margin-top:12%}}
@media (min-width: 992px) and (max-width: 1199px) {
h2 { font-size: 40px;}
.basic-intro .title, .text-style-1 {font-size:40px;}
.detailserv .top-first h1 span, .side-intro .title, .text-style-02, .text-style-5 { font-size:48px;}
.detailserv .top-first h1{ font-size:33px;        max-width: 90%;}
.side-intro .description { font-size:18px;}
.shock-header .navbar {padding: 15px 20px;}
.top-first { padding-left:30px;}
.text-style-6 { font-size:30px;}
.contact-info {padding-left: 55px;}
.contact-info p { margin-bottom:10px;}
.contact-info p:last-child { margin-bottom:0}
.side-intro .text-2 { margin-left:55px;}
.top-first .cont-socials svg { width: 38px; height: 38px;}
.shock-header .navbar .navbar-brand .logo {max-height:40px;}
.top-phone { font-size:26px;    margin-right: 390px;}
.text-style-10 { font-size:22px;}
.image.vh-50.fit-cover { height: 40vh !important;}
.teamdetright { padding-left:5px; padding-right:5px;        margin-top: 40px;}
.teamdetleft { padding-left:5px;        margin-top: 40px;}
.gallery.has-gap:not(.slider) .item { padding:5px;}
.extended-intro .text-2 a.downloadlink { font-size:26px;}
.extended-intro .text-2 span { font-size:20px;}
.pricepage h2 { font-size:32px;}
.collapsible .collapse-group .title { font-size:24px;}
.container.max-w-50.pricepage { max-width: 70% !important;}
.pricepage .collapsible .collapse-group { margin-bottom: 24px;}
.extended-intro .text-2 { font-size:30px;}
.media-bar svg { width:35px; height:35px;}
.media-bar { font-size:18px;}
.holder.p-5 .basic-intro .title { font-size:40px;}
.image-wrapper .image { height:100%; object-fit:cover;}
.image-wrapper {height:100%;}
.basic-intro .description { font-size:18px;}
.mediapage .navbar-holder, .apparatpage .navbar-holder { padding-top:50px!important;}
.youtusection { padding-top:50px!important;}
.app-page .col-md-6.col-lg-3 { width:33.3%}
.app-page .card .description { font-size:16px;}
.app-page .card { padding:20px;}
.appdet .doptxt { font-size:16px;}
.aboutservright { padding-left:30px; padding-right:30px;}
.holder.contactsform { padding-left:0px;}
.image-mirror .image-wrapper { width:100%}
.appbot span { display:none}
.appbot {    width: 300px; min-width: 300px; padding-left: 0;}
.side-intro h1.page404 .text-2 { margin-left:0;        margin-top: 5px;}
.max-w-75 {max-width: 100% !important;}
.shock-sidebar .button-wrapper { display:block}
.shock-sidebar .button-wrapper a.addtocart.btn-cart {font-size: 20px;padding: 10px 24px;        justify-content: center;}
.shock-sidebar .button-wrapper p.price { font-size:26px; margin-bottom:15px;}
.banner.teampage .vh-50 { height: 35vh !important;}
.banner.teampage .content-wrapper { padding-top:100px;}
.basic-intro .title-4 { font-size:32px;}
a.readmore {top:-5px}
.holder.onlineblock { padding-left:40px;}
.servhome  .gallery .swiper-slide .item .image {    height: 90vh !important;}
.animh2 { font-size:120px;}
.animtxt { font-size:40px;}
.servhome { margin-top: 80px;}
.vipblock .vh-75 { height: 60vh !important;}
.vipblock { font-size:20px;}
.gallery .item .text-wrapper .title { font-size:32px;}

.servbtn.moreblog {        bottom: 45px; left: auto; right: 15px;}
.servbtn.moreblog .link { font-size:18px;}
.mediapage .gallery .item .image { height: 45vh;}
.youtusection .swiper.has-gap .swiper-slide { padding:0}
.mediablog .holder.p-5 { padding:30px!important;}
.mediablog .holder.p-5 .basic-intro .title { font-size:30px;}
.mediablog .holder.p-5 a.readmore {bottom:-50px; top:auto}
.pb-5.mediapage { padding-bottom:0!important}

.priceimg { display:none}
.pattfon .col-lg-9 { width:100%;}
.price-item { font-size:16px;}
.price-item span:first-child {max-width:85%}
.col-lg-6.pricebl:nth-child(2n+1) { padding-right: 15px;}
.col-lg-6.pricebl:nth-child(2n) { padding-left: 15px;}
.price-item span { min-width:105px;}

.servdetbl .basic-intro .text-2 { font-size:28px;}
.sert-section { margin-bottom: 0px;}
.servteam.pt-5 { padding-top:40px!important}
.pt-5.mediapage.servmedia{ padding-top:40px!important}
.complexblock { position:absolute; width:80%; left: 10%;  margin-top: 6%; height:300px;}
.textcompl img { margin-top:-30px;width:160px;}
.textcompl { font-size:16px; padding-left:180px;}
.servaboutblock { margin-bottom:300px;}
.pb-8.pricedetail { padding-bottom:50px!important}

.wlcm-section { margin-top:80px;}
.wlcm-section img { min-height:550px; object-fit:cover}
.wlcm-section .side-intro .title { font-size:35px;}
.shophome .stretched, .sert-section .stretched { margin:0 !important}
.gifthome, .shophomeimg {     padding-right: calc(var(--bs-gutter-x)* .5) !important;
    padding-left: calc(var(--bs-gutter-x)* .5) !important;}
.shophome { margin-bottom:80px}
.gifthome { margin-bottom:80px}

.shophome .row.g-5,  .sert-section .row.g-5  { margin:0!important}
.backgold .holder { padding-left: 40px;}
.backgold .servbtn .link svg { width:80px; height:14px;}
.container.cartpage { max-width: 100%;}

.col-lg-8.cartleft { width:60%;}
.col-lg-4.cartright { width:40%}
.cartitog {     padding: 32px 20px;}
.itog-item, .shipping-item { font-size:15px;}
.itog-item span, .shipping-item span { font-size:18px;}
.prod-link span { font-size:18px;}
.prod-link { min-width: 325px; max-width: 325px;}
.cartpage .halfinput input {width: 49.6%;}
}
@media (min-width: 768px) and (max-width: 991px) {
h2 { font-size: 32px;}
.basic-intro .title, .text-style-1 {font-size:30px;}
.detailserv .top-first h1 span, .side-intro .title, .text-style-02, .text-style-5 { font-size:40px;}
.detailserv .top-first h1{         font-size: 25px; max-width: 92%;}
.side-intro .description { font-size:16px;}
.shock-header .navbar {padding: 15px 10px;}
.top-first { padding-left:20px;}
.text-style-6 { font-size:26px;}
.contact-info {padding-left: 45px;}
.contact-info p { margin-bottom:8px;}
.contact-info p:last-child { margin-bottom:0}
.side-intro .text-2 { margin-left:45px;}
.top-first .cont-socials svg { width: 30px; height: 30px;}
.label-vertical { display:none}
.menu-toggle, .menu-toggle:hover { transform:none!important;}
.shock-header .navbar .navbar-brand .logo {max-height:25px;}
.top-phone { font-size:24px;  margin-right: auto;  margin-left: 15px;}
.text-style-10 { font-size:24px;}
.image.vh-50.fit-cover { height: 30vh !important;}
.teamdetright { padding-left:5px; padding-right:15px;        margin-top: 40px; width:50%;        padding-top: 15px;}
.teamdetleft { padding-left:5px;  width:50%;   margin-top: 40px;}
.gallery.has-gap:not(.slider) .item { padding:5px;}
.gallery .bricklayer { display:grid;    grid-template-columns: 1fr 1fr;}
.extended-intro .text-2 a.downloadlink { font-size:24px;}
.extended-intro .text-2 span { font-size:18px;}
.pricepage h2 { font-size:30px;}
.collapsible .collapse-group .title { font-size:22px;}
.container.max-w-50.pricepage { max-width: 90% !important;}
.price-item { font-size:16px;}
.pricepage .collapsible .collapse-group { margin-bottom: 24px;}
.extended-intro .text-2 { font-size:30px;}
.media-bar svg { width:40px; height:40px;}
.extended-intro .text-2 a svg { width:40px; height:40px;}
.media-bar { font-size:20px;        padding-bottom: 30px;}
.media-bar .col-12.col-lg-3 { width:50%; text-align:left; margin-bottom:10px;}
.media-bar .col-12.col-lg-3  .footer-item.text-center {text-align:left!important;}
.holder.p-5 .basic-intro .title { font-size:32px;}
.image-wrapper .image { height:100%; object-fit:cover;}
.image-wrapper {height:100%;}
.basic-intro .description { font-size:16px;}
.mediapage .navbar-holder, .apparatpage .navbar-holder{ padding-top:30px!important;}
.youtusection { padding-top:50px!important; padding-bottom:50px!important;}
.gallery.scrolling-grid { margin-top: 2rem !important; margin-bottom: 2rem !important;}
.holder.p-5 { padding: 2rem !important;}
.bricklayer .bricklayer-column {    transform: none !important;}
.app-page .card .description { font-size:16px;}
.app-page .card { padding:20px;}
.appdet .doptxt { font-size:16px;}
.aboutservright { padding-left:15px; padding-right:15px;}
.servbtn .link { font-size:20px;        letter-spacing: 1.2px;}
.servbtn .link svg {width: 60px;height: 12px;}
.holder.onlineblock { padding-left:15px;}
.holder.contactsform { padding-left:0px;}
.image-mirror .image-wrapper { width:100%}
.appbot span { display:none}
.appbot {    width: 260px; min-width: 260px; padding-left: 0;}
.logobot img { width: 50px;}
.socbot svg { width: 35px; height: 35px;}
.appbot img {  width: 120px;}
.phonebot a { font-size:20px;}
.shock-footer .bottom-bar .text {font-size: 0.75rem; letter-spacing: 0;}
.side-intro h1.page404 .text-2 { margin-left:0;        margin-top: 5px;}
.filtblock { width:100%;}
.catalogblock  { width:100%;}
.max-w-75 {max-width: 100% !important;}
.shock-sidebar .button-wrapper { display:block}
.shock-sidebar .button-wrapper a.addtocart.btn-cart {font-size: 20px;padding: 10px 24px;        justify-content: center;}
.shock-sidebar .button-wrapper p.price { font-size:26px; margin-bottom:15px;}
.banner.teampage .vh-50 { height: 30vh !important;}
.banner.teampage .content-wrapper { padding-top:60px;}
.basic-intro .title-4 { font-size:28px;}
.shoppage .swiper-slide .card .card-body h4 { font-size:16px;        height: 57px;  margin-bottom: 5px;}
.shoppage .swiper-slide .addtocart img { width:30px;}
.shoppage .swiper-slide .card .button-wrapper p.price { font-size:18px;}
.minicart img.iconcart { width: 42px;}
.minicart {    right: 100px; top: 13px;}
a.readmore {top:-5px}
.servhome  .gallery .swiper-slide .item .image {    height: 70vh !important;}
.animh2 { font-size:100px;}
.animtxt { font-size:40px;}
.servhome { margin-top: 60px;}
.vipblock .vh-75 { height: 50vh !important;}
.vipblock { font-size:18px;}
.gallery .item .text-wrapper .title { font-size:32px;}
.detailserv .top-first .doptxt {    font-size: 16px; bottom:70px;    max-width: 90%;}
.detailserv .firstscreen img, .detailserv .firstscreen {height: 80vh;}

.mediapage .gallery .item .image { height: 45vh;}
.youtusection .swiper.has-gap .swiper-slide { padding:0}
.servbtn.moreblog {        bottom: 45px; left: auto; right: 15px;}
.servbtn.moreblog .link { font-size:16px; letter-spacing:0}
.mediablog .holder.p-5 a.readmore {bottom:-50px; top:auto}

.priceimg { display:none}
.pattfon .col-lg-9 { width:100%;}
.price-item { font-size:18px;}
.price-item span:first-child {max-width:85%}
.col-lg-6.pricebl:nth-child(2n+1) { padding-right: 10px;}
.col-lg-6.pricebl:nth-child(2n) { padding-left: 10px;}
.price-item span { min-width:105px;}

.servdetbl .basic-intro .text-2 { font-size:22px;}
.servdetbl .desc-txt { font-size:16px;}
.servdetbl .basic-intro .text-1 { font-size:35px;}
.sert-section { margin-bottom: 0px;}
.servteam.pt-5 { padding-top:40px!important; padding-bottom:30px!important;}
.pt-5.mediapage.servmedia{ padding-top:40px!important}
.complexblock { position:absolute; width:80%; left: 10%;  margin-top: 6%; height:300px;}
.textcompl img { margin-top:-30px;width:160px;}
.textcompl { font-size:16px; padding-left:180px;}
.servaboutblock { margin-bottom:300px;}
.pb-8.pricedetail { padding-bottom:30px!important; padding-top:30px!important}
.salebl .vh-75 { height: 55vh !important;}

.wlcm-section { margin-top:80px;}
.wlcm-section img { min-height:550px; object-fit:cover}
.wlcm-section .side-intro .title { font-size:35px;}
.backgold .holder { padding-left: 20px;}
.backgold .servbtn .link svg { width:80px; height:14px;}
.applinks {  margin-top: 40px; margin-bottom:40px;}
.apparat-bl .basic-intro .text-1 { font-size:35px;}
.apparat-bl .basic-intro .text-2 { font-size:28px;}
.apparat-bl .desc-txt { font-size:16px;}
.apparat-bl .image-wrapper .image {height: 100%;}
.container.cartpage { max-width: 100%;}

.col-lg-8.cartleft { width:100%; padding-right:15px}
.col-lg-4.cartright { width:100%; padding-left:15px;}
.prod-link span { font-size:18px;}
.prod-link { min-width: 325px; max-width: 325px;}
.cartpage .halfinput input {width: 49.6%;}

}
@media (min-width: 380px) and (max-width: 767px) {
.proditem { width:50%}
.shoppage .card .card-body h4 { font-size:16px;    height: 57px; margin-bottom: 8px;}
.card .button-wrapper p.price { font-size:18px;}
.addtocart img { width: 30px;}
}
.pchide, .allprice { display:none}
@media (min-width: 280px) and (max-width: 575px) {.col-xs-6.load-more-item.blogitem { width:100%}}
@media (min-width: 280px) and (max-width: 767px) { .mobilehide { display:none} .pchide { display:block}
.pchide a {    color: #927D65; font-family: 'alethiapro-regular'; font-size:16px;    background-color: #F5ECE2; padding:5px 10px;}
p, body, li { font-size:14px;}
.shock-header { z-index:99}
#filtercat .modal-body{ padding:30px 50px;}
.catslist a { font-size:16px;}
h2 { font-size: 24px;}
.top-phone { display:none}
.allprice { display:block;     text-transform: uppercase;
    font-family: 'alethiapro-regular';
    font-size: 24px;
    color: #927D65;}
.allprice a { color: #927D65;}
.container.cartpage { max-width: 100%;}
.max-w-75 {max-width: 100% !important;        padding: 0;}
.shock-header .navbar .navbar-brand .logo { height:30px; width:152px; opacity:1;}
.firstscreen { height:75vh;}
.appservdet, .hiddenpricemob, .beautybox { display:none}
.banner .image-wrapper .video {	height: 100vh !important;}
.apparatpage .firstscreen { height:100vh;}
.top-first {        padding-left: 15px;
        padding-right: 15px;
        position: absolute;
        z-index: 1;
        height: 75vh;
        display: block;
         align-content: center;}
.doptxt { font-size: 16px; line-height: 1.4; margin-top: 30px; margin-bottom:30px!important}
.doptxt br { display:none}
.top-first svg { width:70%}
.top-first svg path {}
.top-first  .doptxt {        bottom: auto;
        color: #f8f8f5;
        position: relative;}
.social-list svg { width:30px; height:30px;}
.social-list {top:100px;}
.holder { padding-left: 15px; padding-right:15px;}
.apparat-bl .holder.p-5  { padding:30px 15px!important;}
.side-intro .title, .basic-intro .text-1 { font-size:24px;        color: #fff;}
.sert-section .side-intro .title { color:#000}
.sert-section .side-intro .description{ color:#000}
.basic-intro .title { font-size:24px;}
.basic-intro .text-2 { font-size:18px;}
.side-intro .description, .desc-txt { font-size:16px; margin-top:20px;        color: #fff;}
.backgold { padding-top:30px; padding-bottom:30px;}
.arrow-button .text { font-size:14.6px;}
.scrolling-text { display:none}
.about-section { margin-top: 100px; margin-bottom: 120px;}
.apparat-bl .image-wrapper .image { height:100%;}
.service-section { margin-top: 60px;}
.basic-intro .description {font-size: 16px;}
.service-section .gallery .col-lg-3 {    width: 50%; transform: none !important;} 
.service-section .gallery .col-lg-2 { display:none}
.service-section .gallery .image-wrapper h3 {left: 15px; bottom: 15px;height: 47px;font-size: 14px; display: flex; align-content: flex-end; flex-wrap: wrap;}
.bricklayer .bricklayer-column {transform: none !important;}
.stretched { margin:0!important}
.gallery.has-gap:not(.slider) .item { padding:0}
.gallery.scrolling-grid {padding-left: 10px; padding-right:10px;}
.rounded {border-radius:0!important}
.sert-section { margin-bottom: 30px;}
.banner .image-wrapper .video {    height: 75vh !important;        min-height: 400px;}
.apparatpage .banner .image-wrapper .video { height:100vh!important;}
.wlcm-section .gallery .item .image-wrapper { display: none}
.menu-toggle {transform: none !important;}
.menu-grid .menu-grid-main-item { font-size:14px;    padding: 10px 15px;}
.menu-grid {overflow-y:scroll!important; z-index:9}
.menu-grid .menu-grid-item.item-2, .menu-grid .menu-grid-item.item-3, .menu-grid .menu-grid-item.item-4, .menu-grid .menu-grid-item.item-5 { display:block!important;transform: none !important;}
.menu-grid .menu-grid-item.item-1 { height: auto!important}
.menu-grid .menu-grid-item-inner { padding:10px 40px;}
.menu-grid .menu-grid-item-image .image { height:140px}
.menu-grid-search { bottom: 0; left: 1.5rem; width: 85%; text-align: left; position: relative; margin-top: 20px; }
.menu-grid .menu-grid-item.item-3 .menu-grid-label { margin-bottom:30px;}
.menu-grid-item-image  { min-height:200px;}
.menu-grid .menu-grid-item-image { position:static}
.menu-grid .menu-grid-item-image .title  {    background-position: 0 100%; opacity: 1;}

.text-style-1 { font-size:24px;}
.detailserv .top-first h1 span { font-size:40px; margin:0;        color: #fff;}
.detailserv .top-first h1 {        font-size: 22px; line-height: 1.2; color: #fff;}
.detailserv .top-first h1 br {  display:none}
.servbtn {        bottom: 30px;}
.teamdetright .servbtn { position:static; margin-top:40px;}
.teamdetright  .servbtn .link { color: #927D65;}
a.btn { padding:16px 40px;}
.salebl .extended-intro .title {min-width:15px;}
.text-style-02 { font-size:24px;}
.text-style-6 { font-size:20px;}
.servparent .gallery .col-4.aos-init.aos-animate { width:100%;transform: none !important;}
.servparent .gallery .col-4.aos-init.aos-animate .item {transform: none !important;}
.servparent .gallery .item .image-wrapper span { font-size:24px; line-height:1.2}
.servparent.about-section {  margin-top: 60px; margin-bottom: 60px;}
.card .description { font-size:18px;}
.card .title { margin-bottom:0}
.aboutservright { padding-left: 15px; padding-right: 15px;padding-top:30px; padding-bottom:30px;}



.shock-header .navbar.absolute { position:relative; padding: 10px 0; padding-bottom: 20px;}
.menu-toggle .menu-toggle-container {    height: 23px; width: 30px;}
.menu-toggle .menu-toggle-icon {    height: 60px; width: 60px;}
.menu-toggle:not(.is-open):hover .menu-toggle-line-top { width:25px;}
.menu-toggle .menu-toggle-line-top, .menu-toggle .menu-toggle-line-bottom, .menu-toggle .menu-toggle-line-middle {    height: 3px; width: 30px;}
.menu-toggle .menu-toggle-line-middle { top: 10px;}
.menu-toggle:not(.is-open):hover .menu-toggle-line-bottom { width: 20px;}

.viptxt { height:auto;        display: block;}
.viptxt span { font-size:18px}
.applinks img {
    width: 100%;
}
.vipitem { margin-bottom: 10px;}
.firstscreen:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) -5.82%, rgba(0, 0, 0, 0.9) 110.04%);
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: 100vh;
    z-index: 1;
}
.contact-info { padding:0}
.contact-links { position: relative;        width: auto;}
.contact-links a { display:inline-block;}
.top-first .cont-socials svg { width: 30px; height: 30px;}
.label-vertical { display:none}
.contact-info p { margin-bottom:5px;}
.contact-info p:last-child { margin-bottom:0}
.side-intro .text-2 a { color:#F5ECE2}
.side-intro .description.contsdesc { color:#eee;        position: static;}
.side-intro .text-2 { margin-left:0; margin-top:20px; color:#F5ECE2}
.xsblack .title{ color:#000!important}
.navbar-holder { display:none}
.col-xs-6.load-more-item { width:50%;}
.card .card-body { margin-top:10px;}
.card.has-full-image .title { margin-top:10px; font-size: 18px;}
.badge .badge-text { font-size:12px;}

.apparatpage .title{ color:#000!important}
.banner.teampage .title{ color:#000!important;        font-size: 40px;}
.image.vh-50.fit-cover { height: 25vh !important;}
.banner-breadcrumb { margin: 0; margin-top: 15px; display: block; text-align: center; line-height: 1;}
.banner-breadcrumb .item .link, .banner-breadcrumb .item .text { font-size:12px;        line-height: 1.2; display: block;}
.banner-breadcrumb .item:not(:last-child) { margin-right: 15px;}
.banner-breadcrumb .item .link:after {    right: -12px; top: 0px;}
.banner.teampage {    align-items: flex-start;}
.gallery.has-gap:not(.slider) .item { padding:5px;}

.extended-intro .text-2 a.downloadlink { font-size:18px;}
.extended-intro .text-2 span { font-size:16px;}
.pricepage h2 { font-size:26px;}
.collapsible .collapse-group .title { font-size:18px;        padding-left: 16px;}
.container.max-w-50.pricepage { max-width: 100% !important;}
.price-item { font-size:14px;        display: block;}
.price-item:before { display: none}
.price-item span:first-child { display:block; width:100%; padding:0;        font-weight: 600;}
.price-item span { padding-right:20px;}
.price-item span.price-summ { padding-left:0}
.pricepage .collapsible .collapse-group { margin-bottom: 24px;}
.collapsible .collapse-group .collapse-button > * { width:40px; height:40px;}

.extended-intro .text-2 {        font-size: 24px;         margin-top: 0;
        text-align: left;}
.giftban .extended-intro .left-column { padding:40px 15px}
.giftban .extended-intro .title { margin-bottom:10px}
.giftprice .col-12 { margin-top:16px;}
.salebl .extended-intro .text-2 { text-align:left}
.media-bar svg { width:40px; height:40px;}
.extended-intro .text-2 a svg { width:30px; height:30px;}
.media-bar { font-size:0;        padding: 20px;}
.media-bar .col-12.col-lg-3 { width:25%; }
.holder.p-5 .basic-intro .title { font-size:24px;        color: #000;}
.image-wrapper .image { height:100%; object-fit:cover;}
.image-wrapper {height:100%;}
.basic-intro .description { font-size:16px;}
.mediapage .navbar-holder { padding-top:30px!important;}
.youtusection { padding-top:20px!important;}
.gallery.scrolling-grid { margin-top: 2rem !important; margin-bottom: 2rem !important;}
.holder.p-5 { padding: 15px !important;}
.bricklayer .bricklayer-column {    transform: none !important;}
.extended-intro .title.mb-45 { margin-bottom: 15px;}
.app-page .card h3,.app-page .card .description { height: auto}
.app-page { padding:0 15px;}
.servbtn .link { color:#F5ECE2}
.servbtn .link svg path {stroke:#F5ECE2}
.servbtn .link svg  {width:35px; height:35px;}
.teamdetright  .servbtn .link svg { width:60px; height:12px;}
.teamdetright .servbtn .link svg path { stroke: #927D65; }
.aboutservright h2.title, .holder.onlineblock h2.title { color:#000;}
.holder.onlineblock { margin-top:40px;        padding: 0;}
.appbot span { display:none}
.appbot {        width: auto; min-width: 20px;  padding-left: 0; margin-top: 15px; text-align: left; position:absolute; bottom:10px}
.logobot img { width: 40px;}
.socbot svg { width: 30px; height: 30px;}
.appbot img {  width: 150px;}
.phonebot a { font-size:18px;}
.shock-footer .bottom-bar .text {font-size: 0.75rem; letter-spacing: 0;}
#footer .container { padding-left:15px; padding-right:15px; padding-bottom:80px;        position: relative;}
.shock-footer .bottom-bar { padding:15px;        display: block;}
.docsbot { margin-top:10px;}
.holder.contactsform { padding-left:0px; padding-right:0}
.image-mirror .image-wrapper { width:100%}
.shock-sidebar .button-wrapper { display:block}
.shock-sidebar .button-wrapper a.addtocart.btn-cart {font-size: 20px;padding: 10px 24px;        justify-content: center;}
.shock-sidebar .button-wrapper p.price { font-size:26px; margin-bottom:15px;}
.banner.teampage .vh-50 { height: 15vh !important;}
.banner.teampage .content-wrapper { padding-top:10px;}
.basic-intro .title-4 { font-size:24px;}
.mobile-premier { padding-top:40px!important; padding-bottom:40px!important;}
.mobile-premier .basic-intro .description { padding-left:10px; padding-right:10px}
.shoppage .swiper-slide .card .card-body h4 { font-size:16px;        height: 57px;  margin-bottom: 5px;}
.shoppage .swiper-slide .addtocart img { width:30px;}
.shoppage .swiper-slide .card .button-wrapper p.price { font-size:18px;}
.minicart img.iconcart { width: 35px;}
.minicart {    right: 100px; top: 13px;}
.banner-breadcrumb .item { display:inline-block;}
.side-intro .description.docslist p a {color: #fff;}
.side-intro .description.docslist{color: #ccc;}
.detailserv .gallery .image-wrapper iframe { height:300px!important}
a.readmore {top:-5px}

.servhome  .gallery .swiper-slide .item .image {    height: 40vh !important;}
.servhome .gallery.slider .item { padding: 0 5px;}
.servhome { margin-top: 10px;         margin-bottom: 0;
        padding: 0 10px;}
.vipblock .vh-75 { height: auto !important;}
.vipblock { font-size:16px;margin-top: 10px;        padding-top: 40px; padding-bottom: 100px; }
.vipblock .extended-intro .text-2 { text-align:left; margin-top:5px;        font-size: 18px;}
.vipblock .servbtn { bottom: -80px;}
.vipblock .servbtn .link {color:#927D65;        font-size: 18px;}
.vipblock  .servbtn .link svg { width:60px; height:12px;}
.vipblock .servbtn .link svg path { stroke: #927D65; }
.gallery .item .text-wrapper .title { font-size:18px;        hyphens: auto;}
.detailserv .top-first .doptxt {}
.detailserv .firstscreen img {height: 75vh;}
.mediapage .gallery .item .image { height: 25vh;}
.mediapage .gallery.scrolling-grid { padding-left: 0; padding-right: 0;}
.servbtn.moreblog {    bottom: -40px; left:15px;}
.servbtn.moreblog .link svg { width:60px; height:12px;}
.servbtn.moreblog .link svg path {stroke: #927D65}
.youtusection .swiper.has-gap .swiper-slide { padding:0}
.youtusection .gallery.slider .item{ padding:0}
.deschead { font-size:16px;}
.mediablog .holder.p-5 a.readmore { position:static}
.mediablog .basic-intro .description { margin-bottom:15px;}
.servbtn.moreblog .link {color: #927D65;        font-size: 16px;}
.pb-6.mediablog { margin-bottom:100px;}

.missiontxt { font-size:24px}

.priceimg { display:none}
.pattfon .col-lg-9 { width:100%;}
.price-item { font-size:16px;}
.price-item span:first-child {max-width:85%}
.col-lg-6.pricebl:nth-child(2n+1) { padding-right: 15px;}
.col-lg-6.pricebl:nth-child(2n) { padding-left: 15px;}
.price-item span { min-width:105px;}
.collapsible .collapse-group .collapse-content { padding-left:60px}
.basic-intro .description:last-child { }
.pb-8.pricedetail { padding-bottom:0px!important; padding-top:30px!important}
.servdetbl .basic-intro .text-1, .apparat-bl .basic-intro .text-1 { color:#000}
.servdetbl .desc-txt, .apparat-bl .desc-txt { color:#666}
.textcompl img { position:static; width:180px; margin:0 auto; display:block}
.textcompl { padding-left:30px; padding-right:30px; text-align:center; font-size:20px;}
.apphead { margin-top:50px;}
.homestart { margin-bottom:40px;}
.about-section.homepagemenu { margin-top:10px; margin-bottom:30px;}
.about-section.homepagemenu .col-4 { width:100%}
.about-section.homepagemenu .gallery .item .image { height:150px;}
.appblock { margin-top:0;        font-size: 18px;        padding-top: 20px;}
.applinks { margin-top: 20px; margin-bottom: 50px;        display: flex;}
.appblock  .extended-intro .text-2 { font-size: 18px; text-align: left;}
.appblock .extended-intro .text-2 br { display:none}
.shophome .side-intro .title, .backgold .side-intro .title { color:#000}
.shophome .side-intro .description, .backgold .side-intro .description{ color:#666}
.backgold  .servbtn .link {color: #927D65;        font-size: 16px;}
.backgold .servbtn .link svg { width:60px; height:12px;}
.backgold .servbtn .link svg path {stroke: #927D65;}

.form-area .form-floating > .form-control { min-height:40px}
.form-area .form-floating > .form-control.form-textarea { height:70px}
.collapsible.has-line.mt-35 { margin-top:0!important}

.col-lg-8.cartleft { width:100%; padding-right:15px}
.col-lg-4.cartright { width:100%; padding-left:15px;}
.prod-link span { font-size:18px;}
.prod-link { min-width: 325px; max-width: 325px;}
.cartpage .halfinput input {width: 100%;}
.itog-item, .shipping-item { font-size:14px;}
.itog-item span, .shipping-item span { font-size:16px;}
.cartitog {     padding: 32px 20px;}
.col-lg-8.cartleft  .info-bl .col-6 { width:100%}
.tovaritem { display:block; padding-left:80px;}
.prod-image { position:absolute;    max-width: 60px; min-width: 60px; left:0}
.tovaritem .prod-image img { width:60px;}
.tovaritem .price {    margin-left: 0; margin-top: 10px;}
.prod-del {position: absolute; width: 30px; right: 0; bottom: 20px;}

.teamdetleft .bricklayer[data-columns="3"] .bricklayer-column-sizer, .teamdetleft .bricklayer[data-columns="2"] .bricklayer-column-sizer { width:100%!important}
.teamdetleft .gallery.has-gap:not(.slider) .item { display:none}
.teamdetleft .gallery.has-gap:not(.slider) .item:first-child { display:block!important}
.teamdetleft .gallery .item .image { height: 60vh;}
.banner.teampage.shopdetail { display:block}
.banner.teampage.shopdetail .content-wrapper { position:static}
.banner.teampage.shopdetail .vh-50, .swiper.thumbnails, .appsert, .detailserv .col-12.col-md-6 .gallery .image-wrapper img { display:none}
.firstscreen.appdet { overflow:hidden}
.detailserv .col-12.col-md-6 .gallery .image-wrapper { margin-top:30px;}
}
@media (min-width: 575px) and (max-width: 767px) {.servhome  .gallery .swiper-slide .item .image {    height: 70vh !important;}.gallery .item .text-wrapper .title { font-size:32px;}
.about-section.homepagemenu .col-4 { width:33.3%}
.about-section.homepagemenu .gallery .item .text-wrapper .title { font-size:20px;}
}
@media (min-width: 480px) and (max-width: 574px) {.servhome  .gallery .swiper-slide .item .image {    height: 60vh !important;}.gallery .item .text-wrapper .title { font-size:30px;}}
@media (min-width: 441px) and (max-width: 479px) {.servhome  .gallery .swiper-slide .item .image {    height: 50vh !important;}.gallery .item .text-wrapper .title { font-size:28px;}}
@media (min-width: 400px) and (max-width: 440px) {.servhome  .gallery .swiper-slide .item .image {    height: 45vh !important;}}
@media (min-height: 700px) and (max-height: 750px) and (min-width: 992px) and (max-width: 2500px) {
.detailserv .top-first h1 { font-size:40px;}
.doptxt { font-size:18px;}
.detailserv .top-first h1 span { margin-bottom:20px;}
}

@media (min-height: 600px) and (max-height: 699px) and (min-width: 992px) and (max-width: 2500px) {
.detailserv .top-first h1 { font-size:35px;}
.doptxt { font-size:16px;}
.detailserv .top-first h1 span { margin-bottom:15px; font-size:55px;}
}