/** Twirion — единый CSS (shop + admin + preview + visual-fill). */ /* ===== twirion-com.css ===== */ /* Twirion production CSS — fork of https://www.twirion.com/ ; шрифты Graphik LCG лежат в assets/fonts/ (same-origin). */ @font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-MediumItalic-B3qX_GiT.eot);src:local("Graphik LCG Medium Italic"),local("GraphikLCG-MediumItalic"),url(../fonts/GraphikLCG-MediumItalic-B3qX_GiT.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-MediumItalic-CNtW2Yhu.woff2) format("woff2"),url(../fonts/GraphikLCG-MediumItalic-dp7NZ8Ys.woff) format("woff"),url(../fonts/GraphikLCG-MediumItalic-BO_AdeW1.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-SuperItalic-DSq9lWyS.eot);src:local("Graphik LCG Super Italic"),local("GraphikLCG-SuperItalic"),url(../fonts/GraphikLCG-SuperItalic-DSq9lWyS.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-SuperItalic-uOHvvlrq.woff2) format("woff2"),url(../fonts/GraphikLCG-SuperItalic-BC4Hzf9C.woff) format("woff"),url(../fonts/GraphikLCG-SuperItalic-CWqWKMsD.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-SemiboldItalic-BDJ_3iz-.eot);src:local("Graphik LCG Semibold Italic"),local("GraphikLCG-SemiboldItalic"),url(../fonts/GraphikLCG-SemiboldItalic-BDJ_3iz-.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-SemiboldItalic-Dp1tEON4.woff2) format("woff2"),url(../fonts/GraphikLCG-SemiboldItalic-D3tPCN8n.woff) format("woff"),url(../fonts/GraphikLCG-SemiboldItalic-KUZ4cy9t.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-Black-ucE09qJ7.eot);src:local("Graphik LCG Black"),local("GraphikLCG-Black"),url(../fonts/GraphikLCG-Black-ucE09qJ7.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-Black-Coks8QlJ.woff2) format("woff2"),url(../fonts/GraphikLCG-Black-CbJclJrZ.woff) format("woff"),url(../fonts/GraphikLCG-Black-P1sYoiem.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-Super-majhDzh2.eot);src:local("Graphik LCG Super"),local("GraphikLCG-Super"),url(../fonts/GraphikLCG-Super-majhDzh2.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-Super-BjVjstzx.woff2) format("woff2"),url(../fonts/GraphikLCG-Super-ClSiNe1C.woff) format("woff"),url(../fonts/GraphikLCG-Super-CDA44w8k.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-Thin-CAXQPr2N.eot);src:local("Graphik LCG Thin"),local("GraphikLCG-Thin"),url(../fonts/GraphikLCG-Thin-CAXQPr2N.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-Thin-iWOq2ptW.woff2) format("woff2"),url(../fonts/GraphikLCG-Thin-vrqcJ-4O.woff) format("woff"),url(../fonts/GraphikLCG-Thin-CuTmfVEP.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-ExtralightItalic-B4-zRlrx.eot);src:local("Graphik LCG Extralight Italic"),local("GraphikLCG-ExtralightItalic"),url(../fonts/GraphikLCG-ExtralightItalic-B4-zRlrx.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-ExtralightItalic-CiJB-Qir.woff2) format("woff2"),url(../fonts/GraphikLCG-ExtralightItalic-BG8zO96s.woff) format("woff"),url(../fonts/GraphikLCG-ExtralightItalic-BRovqli-.ttf) format("truetype");font-weight:200;font-style:italic}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-Regular-DoCAdmhq.eot);src:local("Graphik LCG Regular"),local("GraphikLCG-Regular"),url(../fonts/GraphikLCG-Regular-DoCAdmhq.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-Regular-BteGvBxa.woff2) format("woff2"),url(../fonts/GraphikLCG-Regular-B9-l3qbt.woff) format("woff"),url(../fonts/GraphikLCG-Regular-Co_Y4w3J.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-BoldItalic-C6HY1Vid.eot);src:local("Graphik LCG Bold Italic"),local("GraphikLCG-BoldItalic"),url(../fonts/GraphikLCG-BoldItalic-C6HY1Vid.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-BoldItalic-BgjJ_UUa.woff2) format("woff2"),url(../fonts/GraphikLCG-BoldItalic-CLV4jsY8.woff) format("woff"),url(../fonts/GraphikLCG-BoldItalic-CXwZ99uN.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-LightItalic-CY_svUMj.eot);src:local("Graphik LCG Light Italic"),local("GraphikLCG-LightItalic"),url(../fonts/GraphikLCG-LightItalic-CY_svUMj.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-LightItalic-BzkUemp5.woff2) format("woff2"),url(../fonts/GraphikLCG-LightItalic-CUayS6K2.woff) format("woff"),url(../fonts/GraphikLCG-LightItalic-f6e0GYAL.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-BlackItalic-5D0yUEKL.eot);src:local("Graphik LCG Black Italic"),local("GraphikLCG-BlackItalic"),url(../fonts/GraphikLCG-BlackItalic-5D0yUEKL.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-BlackItalic-BImd1N0Q.woff2) format("woff2"),url(../fonts/GraphikLCG-BlackItalic-9dx5lt1U.woff) format("woff"),url(../fonts/GraphikLCG-BlackItalic-DCN72WTH.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-Medium-CeZYhpzT.eot);src:local("Graphik LCG Medium"),local("GraphikLCG-Medium"),url(../fonts/GraphikLCG-Medium-CeZYhpzT.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-Medium-C3iboBQC.woff2) format("woff2"),url(../fonts/GraphikLCG-Medium-3nAl5uVO.woff) format("woff"),url(../fonts/GraphikLCG-Medium-n_fMQGn0.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-Light-DEI3c3El.eot);src:local("Graphik LCG Light"),local("GraphikLCG-Light"),url(../fonts/GraphikLCG-Light-DEI3c3El.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-Light-DhEIld1X.woff2) format("woff2"),url(../fonts/GraphikLCG-Light-Jr4k_nx8.woff) format("woff"),url(../fonts/GraphikLCG-Light-C0C_ej01.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-Semibold-C57V_qIy.eot);src:local("Graphik LCG Semibold"),local("GraphikLCG-Semibold"),url(../fonts/GraphikLCG-Semibold-C57V_qIy.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-Semibold-KTcuLY-Y.woff2) format("woff2"),url(../fonts/GraphikLCG-Semibold-DsORtjG4.woff) format("woff"),url(../fonts/GraphikLCG-Semibold-DRp0X2nE.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-Bold-B1ncEX0a.eot);src:local("Graphik LCG Bold"),local("GraphikLCG-Bold"),url(../fonts/GraphikLCG-Bold-B1ncEX0a.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-Bold-oGnNkPcM.woff2) format("woff2"),url(../fonts/GraphikLCG-Bold-PfNYYX1Y.woff) format("woff"),url(../fonts/GraphikLCG-Bold-F5gfnp-5.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-Extralight-CgciYJ-p.eot);src:local("Graphik LCG Extralight"),local("GraphikLCG-Extralight"),url(../fonts/GraphikLCG-Extralight-CgciYJ-p.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-Extralight-4YBntr2A.woff2) format("woff2"),url(../fonts/GraphikLCG-Extralight-DKlIPINK.woff) format("woff"),url(../fonts/GraphikLCG-Extralight-BRuq0vLu.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-ThinItalic-CKk9peEE.eot);src:local("Graphik LCG Thin Italic"),local("GraphikLCG-ThinItalic"),url(../fonts/GraphikLCG-ThinItalic-CKk9peEE.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-ThinItalic-9DwLTSdj.woff2) format("woff2"),url(../fonts/GraphikLCG-ThinItalic-CQkvrZBQ.woff) format("woff"),url(../fonts/GraphikLCG-ThinItalic-eCpe5zd0.ttf) format("truetype");font-weight:100;font-style:italic}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-RegularItalic-EdY_IlaX.eot);src:local("Graphik LCG Regular Italic"),local("GraphikLCG-RegularItalic"),url(../fonts/GraphikLCG-RegularItalic-EdY_IlaX.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-RegularItalic-C_x3Giul.woff2) format("woff2"),url(../fonts/GraphikLCG-RegularItalic-CbS26FVT.woff) format("woff"),url(../fonts/GraphikLCG-RegularItalic-BV29kWlT.ttf) format("truetype");font-weight:400;font-style:italic}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Graphik LCG,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}html{font-size:.95vw}@media (max-width: 1023px){html{font-size:16px}}html body{font-family:Graphik LCG,sans-serif;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-6{bottom:-1.5rem}.-right-80{right:-20rem}.bottom-0{bottom:0}.bottom-\[-18\.5rem\]{bottom:-18.5rem}.bottom-\[-21\.875rem\]{bottom:-21.875rem}.left-0{left:0}.left-\[-40rem\]{left:-40rem}.right-0{right:0}.right-\[-0\.8125rem\]{right:-.8125rem}.right-\[-1\.625rem\]{right:-1.625rem}.top-0{top:0}.top-\[-40rem\]{top:-40rem}.top-\[10\.1rem\]{top:10.1rem}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.m-3{margin:.75rem}.mx-\[-3\.69rem\]{margin-left:-3.69rem;margin-right:-3.69rem}.mx-\[-4\.37rem\]{margin-left:-4.37rem;margin-right:-4.37rem}.mx-\[-4\.38rem\]{margin-left:-4.38rem;margin-right:-4.38rem}.mb-\[9rem\]{margin-bottom:9rem}.ml-1{margin-left:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-36{margin-top:9rem}.mt-4{margin-top:1rem}.mt-40{margin-top:10rem}.mt-48{margin-top:5rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-\[12\.94rem\]{margin-top:12.94rem}.mt-\[7\.62rem\]{margin-top:7.62rem}.mt-\[9\.5rem\]{margin-top:9.5rem}.box-content{box-sizing:content-box}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-10{width:2.5rem;height:2.5rem}.size-11{width:2.75rem;height:2.75rem}.size-12{width:3rem;height:3rem}.size-14{width:3.5rem;height:3.5rem}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-24{width:6rem;height:6rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-\[16\.875rem\]{width:16.875rem;height:16.875rem}.size-\[18\.875rem\]{width:18.875rem;height:18.875rem}.size-\[24\.125rem\]{width:24.125rem;height:24.125rem}.size-\[36\.5625rem\]{width:36.5625rem;height:36.5625rem}.size-\[5\.5rem\]{width:5.5rem;height:5.5rem}.size-\[53rem\]{width:53rem;height:53rem}.size-full{width:100%;height:100%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-24{height:6rem}.h-56{height:14rem}.h-9{height:2.25rem}.h-\[0\.9em\]{height:.9em}.h-\[20\.6875rem\]{height:20.6875rem}.h-\[3\.25rem\]{height:3.25rem}.h-\[41\.4375rem\]{height:41.4375rem}.h-\[43\.375rem\]{height:43.375rem}.h-\[5\.75rem\]{height:5.75rem}.h-full{height:100%}.w-1{width:.25rem}.w-60{width:15rem}.w-\[12\.125rem\]{width:12.125rem}.w-\[13\.4375rem\]{width:13.4375rem}.w-\[20\.625rem\]{width:20.625rem}.w-\[21\.4375rem\]{width:21.4375rem}.w-\[23\.125rem\]{width:23.125rem}.w-\[40\.75rem\]{width:40.75rem}.w-\[7\.375rem\]{width:7.375rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-\[69vw\]{min-width:69vw}.max-w-\[80vw\]{max-width:80vw}.flex-1{flex:1 1 0%}.flex-\[0\.48\]{flex:.48}.shrink-0{flex-shrink:0}.translate-y-1{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-5{--tw-translate-y: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[135deg\]{--tw-rotate: 135deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory}.snap-center{scroll-snap-align:center}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[2\.31rem\]{gap:2.31rem}.gap-\[2\.37rem\]{gap:2.37rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-7{row-gap:1.75rem}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-\[0\.38rem\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.38rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.38rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[6\.25rem\]{border-radius:6.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-t-\[2\.5rem\]{border-top-left-radius:2.5rem;border-top-right-radius:2.5rem}.rounded-bl-none{border-bottom-left-radius:0}.rounded-br-\[2\.5rem\]{border-bottom-right-radius:2.5rem}.border{border-width:1px}.border-\[0\.15rem\]{border-width:.15rem}.border-b{border-bottom-width:1px}.border-\[transparent\]{border-color:transparent}.border-text{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.bg-\[\#171515\]{--tw-bg-opacity: 1;background-color:rgb(23 21 21 / var(--tw-bg-opacity))}.bg-\[\#2C1A22\]{--tw-bg-opacity: 1;background-color:rgb(44 26 34 / var(--tw-bg-opacity))}.bg-\[\#35D11C\]{--tw-bg-opacity: 1;background-color:rgb(53 209 28 / var(--tw-bg-opacity))}.bg-\[\#3A3838\]{--tw-bg-opacity: 1;background-color:rgb(58 56 56 / var(--tw-bg-opacity))}.bg-\[\#550E2B\]\/40{background-color:#550e2b66}.bg-\[\#BF033B\]{--tw-bg-opacity: 1;background-color:rgb(191 3 59 / var(--tw-bg-opacity))}.bg-\[rgba\(224\,_9\,_73\,_0\.20\)\]{background-color:#e0094933}.bg-\[rgba\(44\,_26\,_34\,_0\.80\)\]{background-color:#2c1a22cc}.bg-\[transparent\]{background-color:transparent}.bg-bg-twirion{--tw-bg-opacity: 1;background-color:rgb(15 1 3 / var(--tw-bg-opacity))}.bg-red-2{--tw-bg-opacity: 1;background-color:rgb(224 9 73 / var(--tw-bg-opacity))}.bg-text{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-16{padding-left:4rem;padding-right:4rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[3\.69rem\]{padding-left:3.69rem;padding-right:3.69rem}.px-\[4\.37rem\]{padding-left:4.37rem;padding-right:4.37rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[0\.38rem\]{padding-top:.38rem;padding-bottom:.38rem}.pb-10{padding-bottom:2.5rem}.pb-\[7\.5rem\]{padding-bottom:7.5rem}.pl-\[4\.37rem\]{padding-left:4.37rem}.pt-12{padding-top:3rem}.pt-\[1\.12rem\]{padding-top:1.12rem}.text-start{text-align:start}.text-\[0\.75rem\]\/\[1\.25rem\]{font-size:.75rem;line-height:1.25rem}.text-\[0\.875rem\]{font-size:.875rem}.text-\[0\.875rem\]\/\[1\.25rem\]{font-size:.875rem;line-height:1.25rem}.text-\[1\.25rem\]\/\[1\.5rem\]{font-size:1.25rem;line-height:1.5rem}.text-\[1\.25rem\]\/\[1\.75rem\]{font-size:1.25rem;line-height:1.75rem}.text-\[1\.25rem\]\/\[2rem\]{font-size:1.25rem;line-height:2rem}.text-\[1\.5rem\]\/\[2rem\]{font-size:1.5rem;line-height:2rem}.text-\[1rem\]\/\[1\.25rem\]{font-size:1rem;line-height:1.25rem}.text-\[1rem\]\/\[1\.5rem\]{font-size:1rem;line-height:1.5rem}.text-\[2\.25rem\]\/\[2\.5rem\]{font-size:2.25rem;line-height:2.5rem}.text-\[2\.5rem\]\/\[3rem\]{font-size:2.5rem;line-height:3rem}.text-\[2rem\]\/\[2\.5rem\]{font-size:2rem;line-height:2.5rem}.text-\[2rem\]\/\[3rem\]{font-size:2rem;line-height:3rem}.text-\[3rem\]\/\[4rem\]{font-size:3rem;line-height:4rem}.text-\[4rem\]\/\[5rem\]{font-size:4rem;line-height:5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.not-italic{font-style:normal}.leading-5{line-height:1.25rem}.tracking-wide{letter-spacing:.025em}.text-\[\#262626\]{--tw-text-opacity: 1;color:rgb(38 38 38 / var(--tw-text-opacity))}.text-\[transparent\]{color:transparent}.text-red-2{--tw-text-opacity: 1;color:rgb(224 9 73 / var(--tw-text-opacity))}.text-text{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline-offset-4{text-underline-offset:4px}.underline-offset-\[0\.2rem\]{text-underline-offset:.2rem}.opacity-15{opacity:.15}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-\[0\.5rem\]{outline-width:.5rem}.outline-\[\#171515\]{outline-color:#171515}.blur-\[12\.5rem\]{--tw-blur: blur(12.5rem);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[12rem\]{--tw-blur: blur(12rem);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[200px\]{--tw-blur: blur(200px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[30\.5rem\]{--tw-blur: blur(30.5rem);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[20px\]{--tw-backdrop-blur: blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}#root{white-space:pre-line}.scrollbar-hidden::-webkit-scrollbar{display:none}.\*\:size-full>*{width:100%;height:100%}.placeholder\:text-text::-moz-placeholder{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.placeholder\:text-text::placeholder{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.before\:mx-\[4\.37rem\]:before{content:var(--tw-content);margin-left:4.37rem;margin-right:4.37rem}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:bg-\[\#FFF\]:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.before\:text-red-2:before{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(224 9 73 / var(--tw-text-opacity))}.before\:content-\[\'\(\'\]:before{--tw-content: "(";content:var(--tw-content)}.after\:text-red-2:after{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(224 9 73 / var(--tw-text-opacity))}.after\:content-\[\'\)\'\]:after{--tw-content: ")";content:var(--tw-content)}.hover\:border-text:hover{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-red-2:focus{--tw-border-opacity: 1;border-color:rgb(224 9 73 / var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}@media not all and (min-width: 1024px){.max-lg\:order-last{order:9999}.max-lg\:mx-\[-3\.69rem\]{margin-left:-3.69rem;margin-right:-3.69rem}.max-lg\:mb-\[10rem\]{margin-bottom:10rem}.max-lg\:mt-12{margin-top:3rem}.max-lg\:mt-14{margin-top:3.5rem}.max-lg\:mt-40{margin-top:10rem}.max-lg\:mt-48{margin-top:12rem}.max-lg\:mt-8{margin-top:2rem}.max-lg\:mt-9{margin-top:2.25rem}.max-lg\:mt-\[4\.5rem\]{margin-top:4.5rem}.max-lg\:mt-\[5\.5rem\]{margin-top:5.5rem}.max-lg\:mt-\[5\.75rem\]{margin-top:5.75rem}.max-lg\:mt-\[7\.5rem\]{margin-top:7.5rem}.max-lg\:flex{display:flex}.max-lg\:hidden{display:none}.max-lg\:size-20{width:5rem;height:5rem}.max-lg\:size-4{width:1rem;height:1rem}.max-lg\:h-10{height:2.5rem}.max-lg\:h-12{height:3rem}.max-lg\:h-\[2\.6875rem\]{height:2.6875rem}.max-lg\:h-\[20\.6875rem\]{height:20.6875rem}.max-lg\:w-1{width:.25rem}.max-lg\:w-\[12\.75rem\]{width:12.75rem}.max-lg\:w-\[13\.4375rem\]{width:13.4375rem}.max-lg\:w-\[40\.75rem\]{width:40.75rem}.max-lg\:w-\[6\.0625rem\]{width:6.0625rem}.max-lg\:w-\[70vw\]{width:70vw}.max-lg\:w-full{width:100%}.max-lg\:min-w-\[69vw\]{min-width:69vw}.max-lg\:snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.max-lg\:snap-mandatory{--tw-scroll-snap-strictness: mandatory}.max-lg\:snap-center{scroll-snap-align:center}.max-lg\:grid-flow-row{grid-auto-flow:row}.max-lg\:flex-col{flex-direction:column}.max-lg\:flex-wrap{flex-wrap:wrap}.max-lg\:justify-center{justify-content:center}.max-lg\:gap-14{gap:3.5rem}.max-lg\:gap-4{gap:1rem}.max-lg\:gap-6{gap:1.5rem}.max-lg\:gap-\[4\.1rem\]{gap:4.1rem}.max-lg\:gap-y-5{row-gap:1.25rem}.max-lg\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.max-lg\:overflow-x-auto{overflow-x:auto}.max-lg\:rounded-2xl{border-radius:1rem}.max-lg\:p-3{padding:.75rem}.max-lg\:px-4{padding-left:1rem;padding-right:1rem}.max-lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.max-lg\:px-\[3\.69rem\]{padding-left:3.69rem;padding-right:3.69rem}.max-lg\:py-4{padding-top:1rem;padding-bottom:1rem}.max-lg\:py-\[0\.38rem\]{padding-top:.38rem;padding-bottom:.38rem}.max-lg\:pb-11{padding-bottom:2.75rem}.max-lg\:pb-12{padding-bottom:3rem}.max-lg\:pb-\[0\.38rem\]{padding-bottom:.38rem}.max-lg\:text-\[0\.875rem\]\/\[1\.25rem\]{font-size:.875rem;line-height:1.25rem}.max-lg\:text-\[1rem\]\/\[1\.5rem\]{font-size:1rem;line-height:1.5rem}.max-lg\:text-\[3rem\]\/\[4rem\]{font-size:3rem;line-height:4rem}.max-lg\:outline-\[0\.35rem\]{outline-width:.35rem}.max-lg\:before\:mx-\[3\.69rem\]:before{content:var(--tw-content);margin-left:3.69rem;margin-right:3.69rem}}@media not all and (min-width: 640px){.max-sm\:-mx-4{margin-left:-1rem;margin-right:-1rem}.max-sm\:mb-\[5rem\]{margin-bottom:5rem}.max-sm\:ml-\[0\.38rem\]{margin-left:.38rem}.max-sm\:ml-auto{margin-left:auto}.max-sm\:mt-10{margin-top:2.5rem}.max-sm\:mt-12{margin-top:3rem}.max-sm\:mt-14{margin-top:3.5rem}.max-sm\:mt-20{margin-top:5rem}.max-sm\:mt-5{margin-top:1.25rem}.max-sm\:mt-6{margin-top:1.5rem}.max-sm\:mt-8{margin-top:2rem}.max-sm\:mt-\[3\.5rem\]{margin-top:3.5rem}.max-sm\:mt-\[7\.5rem\]{margin-top:7.5rem}.max-sm\:hidden{display:none}.max-sm\:size-14{width:3.5rem;height:3.5rem}.max-sm\:size-4{width:1rem;height:1rem}.max-sm\:size-6{width:1.5rem;height:1.5rem}.max-sm\:size-8{width:2rem;height:2rem}.max-sm\:h-5{height:1.25rem}.max-sm\:h-\[1\.625rem\]{height:1.625rem}.max-sm\:h-\[14\.9375rem\]{height:14.9375rem}.max-sm\:h-\[3\.5rem\]{height:3.5rem}.max-sm\:w-0{width:0px}.max-sm\:w-0\.5{width:.125rem}.max-sm\:w-\[15\.5rem\]{width:15.5rem}.max-sm\:w-\[18\.125rem\]{width:18.125rem}.max-sm\:w-\[6\.8125rem\]{width:6.8125rem}.max-sm\:w-\[80vw\]{width:80vw}.max-sm\:w-full{width:100%}.max-sm\:min-w-\[80vw\]{min-width:80vw}.max-sm\:translate-y-1{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.max-sm\:translate-y-1\.5{--tw-translate-y: .375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.max-sm\:translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.max-sm\:translate-y-3{--tw-translate-y: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.max-sm\:flex-col{flex-direction:column}.max-sm\:gap-1{gap:.25rem}.max-sm\:gap-3{gap:.75rem}.max-sm\:gap-4{gap:1rem}.max-sm\:gap-5{gap:1.25rem}.max-sm\:gap-8{gap:2rem}.max-sm\:gap-y-4{row-gap:1rem}.max-sm\:text-pretty{text-wrap:pretty}.max-sm\:break-all{word-break:break-all}.max-sm\:p-6{padding:1.5rem}.max-sm\:px-3{padding-left:.75rem;padding-right:.75rem}.max-sm\:px-4{padding-left:1rem;padding-right:1rem}.max-sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.max-sm\:px-\[2\.56rem\]{padding-left:2.56rem;padding-right:2.56rem}.max-sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.max-sm\:py-4{padding-top:1rem;padding-bottom:1rem}.max-sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.max-sm\:py-\[0\.38rem\]{padding-top:.38rem;padding-bottom:.38rem}.max-sm\:pb-8{padding-bottom:2rem}.max-sm\:pb-\[1\.63rem\]{padding-bottom:1.63rem}.max-sm\:pt-8{padding-top:2rem}.max-sm\:text-center{text-align:center}.max-sm\:text-\[0\.75rem\]\/\[1\.25rem\]{font-size:.75rem;line-height:1.25rem}.max-sm\:text-\[1\.25rem\]\/\[1\.5rem\]{font-size:1.25rem;line-height:1.5rem}.max-sm\:text-\[1\.25rem\]\/\[2rem\]{font-size:1.25rem;line-height:2rem}.max-sm\:text-\[1\.5rem\]\/\[2rem\]{font-size:1.5rem;line-height:2rem}.max-sm\:text-\[1\.625rem\]\/\[2\.25rem\]{font-size:1.625rem;line-height:2.25rem}.max-sm\:text-\[1rem\]\/\[1\.25rem\]{font-size:1rem;line-height:1.25rem}.max-sm\:text-\[1rem\]\/\[1\.5rem\]{font-size:1rem;line-height:1.5rem}.max-sm\:before\:mx-4:before{content:var(--tw-content);margin-left:1rem;margin-right:1rem}}@media (max-width: 300px){.max-\[300px\]\:w-full{width:100%}}@media (min-width: 640px){.sm\:hidden{display:none}}@media (min-width: 1024px){.lg\:mt-24{margin-top:6rem}.lg\:mt-3{margin-top:.75rem}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-\[25rem\]{height:25rem}.lg\:w-\[39\.375rem\]{width:39.375rem}.lg\:w-\[70\.7\%\]{width:70.7%}.lg\:snap-start{scroll-snap-align:start}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:gap-12{gap:3rem}.lg\:gap-4{gap:1rem}.lg\:gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.lg\:gap-x-3\.5{-moz-column-gap:.875rem;column-gap:.875rem}.lg\:gap-y-10{row-gap:2.5rem}.lg\:overflow-hidden{overflow:hidden}.lg\:text-balance{text-wrap:balance}.lg\:px-\[4\.38rem\]{padding-left:4.38rem;padding-right:4.38rem}.lg\:pb-\[3\.13rem\]{padding-bottom:3.13rem}.lg\:uppercase{text-transform:uppercase}}.\[\&\>div\]\:flex-1>div{flex:1 1 0%}.\[\&_\*\]\:outline-none *{outline:2px solid transparent;outline-offset:2px}.\[\&_\*\]\:focus\:outline-none:focus *{outline:2px solid transparent;outline-offset:2px}.\[\&_div\]\:w-\[39\.375rem\] div{width:39.375rem} /* ===== sdk-theme.css ===== */ /** Twirion — единый CSS темы (SDK shop + home + responsive). */ /* ===== sdk-design-tokens.css ===== */ /** * Общие токены SDK / Legacy Legends для всей темы. */ :root { --sdk-global-font: "Kanit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --sdk-price-font: "Libre Franklin", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --sdk-accent: #6a2fff; --sdk-accent-blue: #1ebbf0; --sdk-accent-hover: #e03c3c; --sdk-btn-neutral: #6a2fff; --sdk-btn-neutral-hover: #6a2fff; --sdk-btn-neutral-text: #ffffff; --sdk-green: #1bc365; --sdk-green-hover: #45a049; --sdk-text: #111111; --sdk-text-muted: #333333; --sdk-border: rgba(106, 47, 255, 0.22); --sdk-border-input: rgba(106, 47, 255, 0.22); --sdk-radius-card: 25px; --sdk-radius-btn: 99px; --sdk-radius-input: 2px; --sdk-container-max: 1400px; --sdk-gutter: 20px; --sdk-card-min: 260px; --sdk-card-max: 335px; --sdk-bp-sm: 480px; --sdk-bp-md: 768px; --sdk-bp-lg: 992px; --sdk-bp-xl: 1200px; --the7-accent-color: var(--sdk-accent-blue); --the7-title-color: var(--sdk-text); --the7-base-color: var(--sdk-text-muted); --the7-input-border-color: var(--sdk-border-input); --the7-input-border-radius: var(--sdk-radius-input); --the7-divider-color: var(--sdk-border); } /* ===== theme.css ===== */ :root { --sdk-global-font: "Kanit", sans-serif; } /* Полный набор токенов: assets/css/sdk-design-tokens.css */ .sdk-announcement-bar, .sdk-announcement-bar *, .sdk-marquee-wrap *, .sdk-marquee-content * { box-sizing: border-box; } .sdk-announcement-bar { background-color: var(--ann-bg, #6a2fff); color: var(--ann-text, #ffffff); font-size: var(--ann-font-size, 14px); font-weight: var(--ann-font-weight, 400); font-style: var(--ann-font-style, normal); text-transform: var(--ann-transform, none); text-decoration: none; width: 100%; position: relative; z-index: 9999; display: block; overflow: hidden; line-height: 1.5; border: none; } .sdk-announcement-bar:hover { text-decoration: none; color: var(--ann-text, #ffffff); } .sdk-announcement-bar img { display: inline-block; vertical-align: middle; max-height: 1.2em; width: auto; } .sdk-announcement-bar.is-static { padding: 10px 15px; text-align: center; } .sdk-static-content { display: flex; justify-content: center; align-items: center; gap: var(--ann-gap, 30px); } .sdk-ann-separator { color: var(--ann-sep-color, #ffffff); display: inline-flex; align-items: center; } .sdk-announcement-bar.is-marquee { padding: 8px 0; display: flex; } .sdk-marquee-wrap { display: flex; width: 100%; overflow: hidden; white-space: nowrap; } .sdk-marquee-content { display: flex; align-items: center; flex-shrink: 0; animation: sdk-scroll var(--ann-duration, 20s) linear infinite; animation-direction: var(--ann-direction, normal); } .sdk-marquee-content .sdk-ann-separator { margin: 0 var(--ann-gap, 30px); } .sdk-marquee-content:not(:has(.sdk-ann-separator)) .sdk-ann-item { margin-right: var(--ann-gap, 50px); } .sdk-announcement-bar:hover .sdk-marquee-content { animation-play-state: var(--ann-play-state, running); } @keyframes sdk-scroll { from { transform: translateX(0); } to { transform: translateX(-100%); } } @media (max-width: 767px) { .sdk-announcement-bar { font-size: calc(var(--ann-font-size, 14px) * 0.9); padding: 8px 10px; } .sdk-static-content { gap: 15px; flex-wrap: wrap; } .sdk-ann-separator { margin: 0 15px; } } .sdk-header-trust-bar { width: 100%; background-color: #f8f9fa; color: #333333; border-bottom: 1px solid #e0e0e0; padding: 10px 15px; font-size: 14px; line-height: 1.5; position: relative; z-index: 9998; } .sdk-header-trust-bar .sdk-container { max-width: 1200px; margin: 0 auto; text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px; } .sdk-trust-item { display: inline-flex; align-items: center; white-space: nowrap; } .sdk-trust-item .sdk-icon-img { margin-right: 6px; vertical-align: middle; height: 16px; width: auto; } .sdk-separator { color: #ccc; margin: 0 2px; } @media (max-width: 991px) { .sdk-header-trust-bar { padding: 8px 15px; font-size: 13px; } } @media (max-width: 767px) { .sdk-header-trust-bar .sdk-container { gap: 6px 12px; } .sdk-trust-item { font-size: 12px; } .sdk-separator { display: none; } .sdk-trust-item.sdk-hide-mobile { display: none; } } @media (max-width: 480px) { .sdk-header-trust-bar { padding: 6px 10px; } .sdk-trust-item { font-size: 11px; } } /* Footer trust bar styles: see assets/css/sdk-footer.css */ /* Footer 3-column links (sdk-main-copy parity) */ #footer .wf-container { font-size: 14px; line-height: 1.5; word-spacing: normal; } #footer .wf-container .widget { font-size: 14px; line-height: 1.5; } #footer .widget-title { font-size: 16px; font-weight: 600; margin-bottom: 15px; } #footer .menu { list-style: none; margin: 0; padding: 0; } #footer .menu li { margin: 0 0 8px; } #footer .menu a { color: #ffffff; text-decoration: none; } #footer .menu a:hover { opacity: 0.85; text-decoration: none !important; } /* ===== sdk-header-bar.css ===== */ /* SDK header-bar styles extracted from sdk-main-copy/index.html */ /* Theme CSS variables */ .vertical-centering{top:50%;transform:translateY(-50%)}.horizontal-centering{left:50%;transform:translateX(-50%)}.centering-mixin{top:50%;left:50%;transform:translate(-50%,-50%)}/*! Prefix flex for IE10 in LESS * https://gist.github.com/codler/2148ba4ff096a19f08ea * Copyright (c) 2014 Han Lin Yap http://yap.nu; MIT license *//*! normalize.css by Dream-Theme.com based on http://github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}.old-ie audio,.old-ie canvas,.old-ie video{display:inline;zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}*{padding:0;margin:0}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:active,a:focus,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}code,kbd,pre,samp{font-family:monospace,serif;font-family:'courier new',monospace}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dd,dl,menu,ol,ul{list-style:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}legend{border:0;padding:0;white-space:normal}.old-ie legend{margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}.old-ie button,.old-ie input,.old-ie select,.old-ie textarea{vertical-align:middle}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}.old-ie button,.old-ie input[type=button],.old-ie input[type=reset],.old-ie input[type=submit]{overflow:visible}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}.old-ie input[type=checkbox],.old-ie input[type=radio]{height:13px;width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.formError{position:absolute;top:300px;left:300px;padding-bottom:13px;display:block;z-index:5000}.ajaxSubmit{padding:10px;text-align:center;border:1px solid #999;display:none}.formError .formErrorContent{background:#8a0b2c;color:#fff;width:165px;font-family:tahoma;font-size:11px;border:0 solid #ddd;text-shadow:#f5f5f5;padding:4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}.greenPopup .formErrorContent{background:#33be40}.blackPopup .formErrorContent{background:#393939;color:#FFF}.formError .formErrorArrow{position:absolute;bottom:0;left:20px;width:15px;height:15px;z-index:5001;border:none}.formError .formErrorArrowBottom{top:0;margin:-6px}.formError .formErrorArrow div{border:none;height:1px;background:#8a0b2c;margin:0 auto;line-height:0;font-size:0;display:block}.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.formError .formErrorArrow .line10{width:15px;border:none}.formError .formErrorArrow .line9{width:13px;border:none}.formError .formErrorArrow .line8{width:11px}.formError .formErrorArrow .line7{width:9px}.formError .formErrorArrow .line6{width:7px}.formError .formErrorArrow .line5{width:5px}.formError .formErrorArrow .line4{width:3px}.formError .formErrorArrow .line3{width:1px}.formError .formErrorArrow .line2{width:3px;border:none;display:none}.formError .formErrorArrow .line1{width:1px;border:none;display:none}.dt-contact-form.dt-form .formError,.dt-contact-form.dt-form .hide-privacy-message,.dt-contact-form.dt-form span .formError,.popup-message-style .dt-contact-form.dt-form .formError{display:none}.dt-contact-form.dt-form span .formError.field-success,.dt-contact-form.dt-form span .formError.first,.inline-message-style .dt-contact-form.dt-form .formError.field-success,.inline-message-style .dt-contact-form.dt-form .formError.first,.popup-message-style .dt-contact-form.dt-form .formError.field-success,.popup-message-style .dt-contact-form.dt-form .formError.first{display:-ms-flexbox;display:-ms-flex;display:flex}.dt-contact-form.dt-form .formError .close-message{position:absolute;top:50%;width:30px;height:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:15px;line-height:30px;text-align:center;opacity:.5}.dt-contact-form.dt-form .formError .close-message svg{fill:#fff;width:18px}.dt-contact-form.dt-form .formError .close-message:hover{cursor:pointer;opacity:1}.dt-contact-form.dt-form .error-field:not(.field-success){border-color:red}.inline-message-style .dt-contact-form.dt-form{position:relative}.inline-message-style .form-fields>span{position:static}.inline-message-style .formError{z-index:100;width:100%;top:0!important;left:0!important;margin:0 0 10px!important;padding:15px 40px 15px 45px;box-sizing:border-box}.inline-message-style .formError.run-animation{position:relative}.inline-message-style .formError .formErrorContent{width:100%;background:0 0}.inline-message-style .formError .formErrorArrow{display:none}.popup-message-style .parentFormundefined.run-animation{-webkit-transform:translate3d(200px,-50%,0);-ms-transform:translate3d(200px,-50%,0);transform:translate3d(200px,-50%,0);-webkit-animation:slide-in-message,slide-out-message;animation:slide-in-message,slide-out-message;-webkit-animation-duration:1.2s,1.1s;animation-duration:1.2s,1.1s;-webkit-animation-delay:.4s,9s;animation-delay:.4s,9s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease;animation-timing-function:ease}.popup-message-style .parentFormundefined.run-animation .formErrorContent{opacity:1}.parentFormundefined:before{position:absolute;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;top:0px;left:0;width:65px;height:100%;content:"";-webkit-mask:url(../images/the7-exclamation-circle-fill.svg);mask-image:url(../images/the7-exclamation-circle-fill.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background:#fff;-webkit-mask-size:24px;mask-size:24px}.greenPopup.parentFormundefined:before{-webkit-mask:url(../images/the7-check-circle-fill.svg);mask-image:url(../images/the7-check-circle-fill.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:24px;mask-size:24px}.popup-message-style .parentFormundefined.run-animation,.popup-message-style .parentFormundefined:not(.run-animation){display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;box-shadow:0px 10px 40px 0px rgba(0,0,0,.3);border:none;opacity:0;position:fixed!important;top:50%!important;left:100%!important;right:auto!important;margin:0!important;padding:15px 40px 15px 45px;width:400px;max-height:500px;z-index:9999;overflow:hidden;font-weight:700;color:#FFF;box-sizing:border-box}.popup-message-style .parentFormundefined.run-animation a,.popup-message-style .parentFormundefined.run-animation a:hover,.popup-message-style .parentFormundefined:not(.run-animation) a,.popup-message-style .parentFormundefined:not(.run-animation) a:hover{color:#fff}.popup-message-style .parentFormundefined.run-animation .formErrorContent,.popup-message-style .parentFormundefined:not(.run-animation) .formErrorContent{width:100%;background:0 0}.popup-message-style .parentFormundefined.run-animation .formErrorArrow,.popup-message-style .parentFormundefined:not(.run-animation) .formErrorArrow{display:none}@-webkit-keyframes slide-in-message{0%{opacity:0;-webkit-transform:translate3d(600px,-50%,0);transform:translate3d(600px,-50%,0)}50%{opacity:0;-webkit-transform:translate3d(-200px,-50%,0);transform:translate3d(-200px,-50%,0)}100%{opacity:1;-webkit-transform:translate3d(-400px,-50%,0);transform:translate3d(-400px,-50%,0)}}@keyframes slide-in-message{0%{opacity:0;-webkit-transform:translate3d(600px,-50%,0);transform:translate3d(600px,-50%,0)}50%{opacity:0;-webkit-transform:translate3d(-200px,-50%,0);transform:translate3d(-200px,-50%,0)}100%{opacity:1;-webkit-transform:translate3d(-400px,-50%,0);transform:translate3d(-400px,-50%,0)}}@-webkit-keyframes slide-out-message{0%{opacity:1;-webkit-transform:translate3d(-400px,-50%,0);transform:translate3d(-400px,-50%,0)}50%{opacity:0;-webkit-transform:translate3d(-100px,-50%,0);transform:translate3d(-100px,-50%,0)}100%{opacity:0;-webkit-transform:translate3d(800px,-50%,0);transform:translate3d(800px,-50%,0)}}@keyframes slide-out-message{0%{opacity:1;-webkit-transform:translate3d(-400px,-50%,0);transform:translate3d(-400px,-50%,0)}50%{opacity:0;-webkit-transform:translate3d(-100px,-50%,0);transform:translate3d(-100px,-50%,0)}100%{opacity:0;-webkit-transform:translate3d(800px,-50%,0);transform:translate3d(800px,-50%,0)}}.rev_slider_wrapper{z-index:1}.tp-scrollbelowslider:hover{cursor:pointer}.is-iphone .kenburnimg img{transform:none!important}/*!Revolution slider arrows*/.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .dt-owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .dt-owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled,.owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit;outline:0}.owl-carousel.owl-loaded{display:block;display:grid}.owl-carousel.owl-loading{opacity:0;display:grid}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .dt-owl-item{visibility:hidden}.owl-carousel.owl-drag .dt-owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .dt-owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated:not(.elementor-element){animation-duration:var(--transition-speed,1000ms);animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;-ms-touch-action:none;touch-action:none;z-index:9500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp::after,.pswp::before{content:' ';display:table}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.pswp--animate_opacity{opacity:.001;will-change:unset;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0;-webkit-backface-visibility:hidden}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1);text-align:center;display:-ms-flexbox;display:-ms-flex;display:flex}.pswp__bg{-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}.pswp__error-msg a{color:#CCC;text-decoration:underline}.admin-bar .pswp{z-index:100000}.pswp-video-wrap{-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-align-self:center;-ms-flex-item-align:center;align-self:center;line-height:0;width:100%;max-width:900px;position:relative;margin:0 auto;text-align:left;z-index:1045}.video-wrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;width:100%}.video-wrapper iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%}.video-wrapper video{width:100%!important;height:auto!important}.pswp .pswp__ui--fit .pswp__caption,.pswp .pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.5)}.admin-bar .pswp .pswp__ui--fit .pswp__caption,.admin-bar .pswp .pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.7)}.pswp.video-active .pswp__share-tooltip.show-share-pin .pswp__share--pinterest{display:none}.pswp__caption .pswp__caption__center{text-align:center}.pswp__caption h5{color:#fff;margin-bottom:5px}.pswp button.pswp__button{height:1.5em;width:1.5em;margin-top:-.75em;background:0 0!important;opacity:.5}.pswp button.pswp__button:before{display:block;width:100%;height:100%;content:"";background-color:#fff!important}.pswp .pswp__top-bar button.pswp__button{height:26px;width:26px;margin-top:-13px;top:50%;margin-right:15px}.pswp--touch .pswp__ui:not(.pswp__ui--hidden) .pswp__button--arrow--left,.pswp--touch .pswp__ui:not(.pswp__ui--hidden) .pswp__button--arrow--right{visibility:visible}.pswp button.pswp__button:focus,.pswp button.pswp__button:hover{opacity:1}.pswp .pswp__button:active{opacity:.9}.pswp--zoom-allowed .pswp__button--zoom:before{-webkit-mask:url(../images/zoom-in.svg);mask-image:url(../images/zoom-in.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:24px;mask-size:24px}.pswp--zoomed-in .pswp__button--zoom:before{-webkit-mask:url(../images/zoom-out.svg);mask-image:url(../images/zoom-out.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:24px;mask-size:24px}.pswp--supports-fs .pswp__button--fs{-webkit-mask:url(../images/fullscreen.svg);mask-image:url(../images/fullscreen.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:24px;mask-size:24px}.pswp--fs .pswp__button--fs{-webkit-mask:url(../images/fullscreen-exit.svg);mask-image:url(../images/fullscreen-exit.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:24px;mask-size:24px}.pswp button.pswp__button--close{margin-right:15px}.pswp button.pswp__button--close:before{-webkit-mask:url(../images/x-lg.svg);mask-image:url(../images/x-lg.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right center;mask-position:right center;-webkit-mask-size:26px;mask-size:26px}.pswp__button--share:before{-webkit-mask:url(../images/the7-share-fill.svg);mask-image:url(../images/the7-share-fill.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right center;mask-position:right center}.pswp .pswp__button--arrow--left:before,.pswp .pswp__button--arrow--right:before{position:static;display:flex;justify-content:center;align-items:center;width:1.5em;height:1.5em}.pswp button.pswp__button.pswp__button--arrow--left:before{background-image:none!important;-webkit-mask:url(../images/the7-chevron-left.svg);mask-image:url(../images/the7-chevron-left.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right center;mask-position:right center}.pswp button.pswp__button.pswp__button--arrow--right:before{background-image:none!important;-webkit-mask:url(../images/the7-chevron-right.svg);mask-image:url(../images/the7-chevron-right.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right center;mask-position:right center}.pswp .pswp__share-tooltip,.pswp .pswp__share-tooltip a:first-child,.pswp .pswp__share-tooltip a:last-child{border-radius:0}.pswp .pswp__share-tooltip a{display:none;color:#222}.pswp .pswp__share-tooltip a svg{fill:#222}.pswp__share-tooltip a:hover{color:#fff!important;text-decoration:none}.pswp__share-tooltip a:hover svg{fill:#fff}.pswp__share-tooltip a svg{min-width:15px;margin-right:5px}.hide-pspw-share .pswp__button--share,.hide-pspw-share .pswp__share-modal{display:none}.pswp .pswp__share-tooltip.show-share-d .pswp__share--download,.pswp .pswp__share-tooltip.show-share-fb .pswp__share--facebook,.pswp .pswp__share-tooltip.show-share-g .pswp__share--google,.pswp .pswp__share-tooltip.show-share-in .pswp__share--linkedin,.pswp .pswp__share-tooltip.show-share-pin .pswp__share--pinterest,.pswp .pswp__share-tooltip.show-share-tw .pswp__share--twitter,.pswp .pswp__share-tooltip.show-share-wp .pswp__share--whatsapp{display:flex}.pswp__share-tooltip:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--pinterest:hover{background:#cf2834!important}a.pswp__share--linkedin:hover{background:#007bc7}a.pswp__share--whatsapp:hover{background:#36b74d}a.pswp__share--google:hover{background:#e64235}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button{position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px}.pswp__button--arrow--right:before{left:0;right:6px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{min-width:150px;z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}a.pswp__share--pinterest:hover{color:#CE272D}a.pswp__share--download:hover{background:#DDD}.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#BBB}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#CCC}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp--css_animation .pswp__preloader--active,.pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@keyframes donut-rotate{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}.asp_all_buttons_container{margin-top:20px}#page .asp_product_item{padding:0;margin:0}#page .asp_product_description,#page .asp_product_item{box-shadow:none;border:none}.asp_product_buy_button input{margin-right:5px}@media (max-width:500px){#page .asp_price_container,#page .asp_product_buy_btn_container{text-align:left}}.content .elementor-nav-menu,.content .elementor-nav-menu ul{margin:0}.ifb-flip-box.ifb-hover .ifb-face.ifb-front{opacity:0}.mec-container{max-width:100%}@media only screen and (min-width:961px){.mec-container{width:auto}}.mec-event-footer .mec-booking-button,.mec-event-sharing-wrap li a{text-decoration:none}.mec-single-event .mec-event-social li.mec-event-social-icon a{text-decoration:none}.mec-event-footer .mec-booking-button,.mec-event-footer .mec-booking-button:hover{border:none}#page .mec-topsec .mec-event-image{line-height:0}#page.ls-overflow-visible{overflow-x:hidden!important}/*! * WireFrame v.1.0.rc2 - teeny-tiny leyout framework by Dream-Theme (http://dream-theme.com, http://themeforest.net/user/Dream-Theme) * Copyright © 2013 Dream-Theme. All rights reserved. */.responsive-off #page{display:grid;grid-template-rows:auto;grid-template-columns:100%;grid-template-areas:"header" "slider" "title" "fancyheader" "elementor-header" "checkout" "main" "footer"}.footer-overlap.responsive-off #page{grid-template-areas:"header" "page-inner" "slider" "title" "fancyheader" "elementor-header" "checkout" "main" "footer"}.floating-navigation-below-slider.responsive-off #page{grid-template-areas:"slider" "header" "title" "fancyheader" "elementor-header" "main" "footer"}.responsive-off.header-side-left:not(.sticky-header) #page,.responsive-off.header-side-line.left-side-line #page{grid-template-areas:"header-side slider" "header-side title" "header-side fancyheader" "header-side elementor-header" "header-side checkout" "header-side main" "header-side footer"}.footer-overlap.responsive-off.header-side-left:not(.sticky-header) #page,.footer-overlap.responsive-off.header-side-line.left-side-line #page{grid-template-areas:"header-side page-inner" "header-side footer"}.responsive-off.header-side-right:not(.sticky-header) #page{grid-template-areas:"slider header-side" "title header-side" "fancyheader header-side" "elementor-header header-side" "checkout header-side" "main header-side" "footer header-side"}.footer-overlap.responsive-off.header-side-right:not(.sticky-header) #page{grid-template-areas:"page-inner header-side" "footer header-side"}.footer-overlap.floating-navigation-below-slider.responsive-off .page-inner{display:grid;grid-template-rows:auto;grid-template-columns:100%;grid-template-areas:"slider" "header" "title" "fancyheader" "elementor-header" "checkout" "main" "footer"}.no-cssgridlegacy.no-cssgrid .wf-container-main:before,.no-cssgridlegacy.no-cssgrid .wf-container:before{content:"";display:table}.no-cssgridlegacy.no-cssgrid .wf-container-main:after,.no-cssgridlegacy.no-cssgrid .wf-container:after{content:"";display:table;clear:both}.ancient-ie .no-cssgridlegacy.no-cssgrid .wf-container,.ancient-ie .no-cssgridlegacy.no-cssgrid .wf-container-main{zoom:1}.page-inner{-ms-grid-column:1;-ms-grid-row:2;grid-area:page-inner}.is-safari .page-inner{max-width:100%}.header-side-left:not(.sticky-header) .page-inner,.header-side-line.left-side-line .page-inner{-ms-grid-column:2}.header-side-right:not(.sticky-header) .page-inner{-ms-grid-column:1}#main-slideshow,.photo-scroller{-ms-grid-column:1;-ms-grid-row:2;grid-area:slider}.floating-navigation-below-slider #main-slideshow,.floating-navigation-below-slider .photo-scroller{-ms-grid-column:1;-ms-grid-row:1}.header-side-left:not(.sticky-header) #main-slideshow,.header-side-left:not(.sticky-header) .photo-scroller,.header-side-line.left-side-line #main-slideshow,.header-side-line.left-side-line .photo-scroller{-ms-grid-column:2}.header-side-right:not(.sticky-header) #main-slideshow,.header-side-right:not(.sticky-header) .photo-scroller{-ms-grid-column:1}.masthead{-ms-grid-column:1;-ms-grid-row:1;grid-area:header}.floating-navigation-below-slider .masthead{-ms-grid-column:1;-ms-grid-row:2}.side-header-v-stroke.masthead,.side-header.masthead{-ms-grid-column:1;grid-area:header-side}.checkout-page-title{grid-area:checkout;-ms-grid-column:1;-ms-grid-row:4}.is-safari .checkout-page-title{max-width:100%}.header-side-left:not(.sticky-header) .checkout-page-title,.header-side-line.left-side-line .checkout-page-title{-ms-grid-column:2}.header-side-right:not(.sticky-header) .checkout-page-title{-ms-grid-column:1}.page-title{-ms-grid-column:1;-ms-grid-row:3;grid-area:title}.is-safari .page-title{max-width:100%}.header-side-left:not(.sticky-header) .page-title,.header-side-line.left-side-line .page-title{-ms-grid-column:2}.header-side-right:not(.sticky-header) .page-title{-ms-grid-column:1}.fancy-header{-ms-grid-column:1;-ms-grid-row:3;grid-area:fancyheader}.is-safari .fancy-header{max-width:100%}.header-side-left:not(.sticky-header) .fancy-header,.header-side-line.left-side-line .fancy-header{-ms-grid-column:2}.header-side-right:not(.sticky-header) .fancy-header{-ms-grid-column:1}.elementor-location-header{grid-area:elementor-header}#main{-ms-grid-column:1;-ms-grid-row:5;grid-area:main}.is-safari #main{max-width:100%}.header-side-left:not(.sticky-header) #main,.header-side-line.left-side-line #main{-ms-grid-column:2}.header-side-right:not(.sticky-header) #main{-ms-grid-column:1}.footer{-ms-grid-column:1;-ms-grid-row:6;grid-area:footer}.is-safari .footer{max-width:100%}.header-side-left:not(.sticky-header) .footer,.header-side-line.left-side-line .footer{-ms-grid-column:2}.header-side-right:not(.sticky-header) .footer{-ms-grid-column:1}.responsive-off #main:not(.sidebar-none) .wf-container-main{display:-ms-grid;display:grid}.responsive-off .sidebar-right .wf-container-main{grid-template-areas:"content sidebar"}.responsive-off .sidebar-left .wf-container-main{grid-template-areas:"sidebar content"}.responsive-off .sidebar{grid-area:sidebar;-ms-grid-row:1}.responsive-off .sidebar-right .sidebar{-ms-grid-column:3}.responsive-off .sidebar-left .sidebar{-ms-grid-column:1}.responsive-off .content{grid-area:content;-ms-grid-row:1}.responsive-off .sidebar-right .content{-ms-grid-column:1}.responsive-off .sidebar-left .content{-ms-grid-column:3}.wf-mobile-visible,.wf-phone-visible{display:none}.content,.sidebar,.wf-cell,.wf-usr-cell,.wf-wrap,.wpb_row{box-sizing:border-box}.footer .widget,.wf-cell,.wf-usr-cell{display:inline-block;vertical-align:top;padding:0 22px}.ancient-ie .footer .widget,.ancient-ie .wf-cell,.ancient-ie .wf-usr-cell{display:inline;zoom:1}.wf-1,.wf-1-1,.wf-span-12{width:100%}.wf-1-2,.wf-2-4,.wf-span-6{width:50%}.wf-1-3,.wf-span-4{width:33.3333%}.wf-2-3,.wf-span-8{width:66.6667%}.wf-1-4,.wf-span-3{width:25%}.wf-3-4,.wf-span-9{width:75%}.wf-1-5{width:20%}.wf-2-5{width:40%}.wf-1-6,.wf-span-2{width:16.6667%}.wf-span-1,.wf-span-10{width:83.3333%}.wf-span-7{width:58.3333%}.wf-table{display:table;width:100%}.wf-tr{display:table-row}.wf-td{display:table-cell;vertical-align:middle}.wf-float-left{float:left}.wf-float-right{float:right}.wf-container{font-size:0;line-height:0;word-spacing:-4px;margin:0 -22px;padding:0}.wf-wrap{max-width:100%;padding:0 44px;margin:0 auto}#main-slideshow{position:relative;z-index:1;clear:both;overflow:hidden}#main-slideshow-content{display:none}#main-slideshow.fixed{padding:44px;margin-top:0px}#main-slideshow.layer-fixed{padding:40px;margin-top:0px}#main-slideshow.fix.rv-slider{padding-top:0;padding-bottom:0;margin-top:0px}#main-slideshow.fix:after,#main-slideshow.fixed:after,#main-slideshow.layer-fixed:after{position:absolute;left:0;width:100%;height:1px;content:"";top:auto;bottom:0}#main-slideshow #main-slideshow-content{display:block}.transparent .page-title{visibility:hidden}#fancy-header{position:relative;display:-ms-flexbox;display:-ms-flex;display:flex}#fancy-header>.wf-wrap{position:relative;z-index:1;max-width:100%}.fancy-header-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.content-right.fancy-header .hgroup,.title-left .breadcrumbs,.title-right .hgroup{text-align:right}.fancy-header.title-center .hgroup{text-align:center}.mobile-false #fancy-header .breadcrumbs,.mobile-false #fancy-header .fancy-subtitle,.mobile-false #fancy-header .fancy-title{opacity:0}#fancy-header .fancy-title>span{display:inline-block}.ie-mobile #fancy-header .breadcrumbs,.ie-mobile #fancy-header .fancy-subtitle,.ie-mobile #fancy-header .fancy-title{opacity:1}#fancy-header .breadcrumbs.start-animation,#fancy-header .fancy-subtitle.start-animation,#fancy-header .fancy-title.start-animation{animation:mk_fade .7s 1 cubic-bezier(.445,.05,.55,.95);opacity:1}.fancy-header .hgroup,.page-title .hgroup{overflow:hidden}.fancy-header .hgroup{padding:5px 0}#fancy-header.content-left.breadcrumbs-off .hgroup,#fancy-header.content-right.breadcrumbs-off .hgroup,#fancy-header.title-center.breadcrumbs-off .hgroup{margin-top:5px;margin-bottom:5px}#fancy-header.content-left .breadcrumbs.breadcrumbs-bg,#fancy-header.content-right .breadcrumbs.breadcrumbs-bg,#fancy-header.title-center .breadcrumbs.breadcrumbs-bg{margin-top:10px}#fancy-header.titles-off .breadcrumbs{margin-top:5px;margin-bottom:5px}#fancy-header.content-left .breadcrumbs,#fancy-header.content-right .breadcrumbs,#fancy-header.title-center .breadcrumbs{margin-bottom:10px}#fancy-header.disabled-bg.breadcrumbs-off.page-title h1,#fancy-header.disabled-bg.content-left .breadcrumbs,#fancy-header.disabled-bg.content-left.breadcrumbs-off .hgroup,#fancy-header.disabled-bg.content-right .breadcrumbs,#fancy-header.disabled-bg.content-right.breadcrumbs-off .hgroup,#fancy-header.disabled-bg.title-center .breadcrumbs,#fancy-header.disabled-bg.title-center.breadcrumbs-off .hgroup{margin-bottom:0}#fancy-header.content-left .hgroup,#fancy-header.content-right .hgroup,#fancy-header.title-center .hgroup{padding-bottom:5px}.fancy-header .fancy-title{margin:5px 0;padding:0}.fancy-header .fancy-subtitle{margin:0;padding:5px 0}.fancy-header .wf-td .breadcrumbs,.page-title .wf-td .breadcrumbs{display:inline-block}.breadcrumbs.bg-dark,.breadcrumbs.bg-light,.hr-breadcrumbs .breadcrumbs.bg-dark,.hr-breadcrumbs .breadcrumbs.bg-light{padding:4px 10px}.breadcrumbs.bg-dark{background-color:rgba(15,18,19,.1)}.breadcrumbs.bg-light{background-color:rgba(255,255,255,.12)}.title-left .breadcrumbs{float:right}.fancy-header .breadcrumbs li{position:relative;background:0 0}.breadcrumbs li:first-child:before,.fancy-header .breadcrumbs li:first-child:before{content:""}.breadcrumbs li:before,.fancy-header .breadcrumbs li:before{position:absolute;left:0;top:0;width:15px;height:13px;content:"/";opacity:.5;text-align:left;z-index:3}.breadcrumbs li:before{opacity:1}.page-title{display:-ms-flexbox;display:-ms-flex;display:flex}.fancy-title-head,.page-title-head{max-width:100%}.page-title.overlay-bg{position:relative}.page-title.overlay-bg .wf-wrap{position:relative;z-index:1}.page-title.overlay-bg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:""}.page-title .wf-wrap{position:relative}.page-title .wf-wrap:after{position:absolute;width:100%;bottom:0;content:""}.page-title.disabled-bg .wf-wrap:after,.page-title.full-width-line .wf-wrap:after,.page-title.gradient-bg .wf-wrap:after,.page-title.solid-bg .wf-wrap:after,.page-title.transparent-bg .wf-wrap:after{display:none}.fancy-header>.wf-wrap,.page-title>.wf-wrap{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;box-sizing:border-box}.content-left>.wf-wrap{-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;-ms-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-ms-flex-flow:column wrap;flex-flow:column wrap}.content-right>.wf-wrap{-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;-ms-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-ms-flex-flow:column wrap;flex-flow:column wrap}.title-center>.wf-wrap{-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-flow:column wrap;flex-flow:column wrap}.title-left>.wf-wrap,.title-right>.wf-wrap{-ms-flex-pack:space-between;-ms-justify-content:space-between;justify-content:space-between}.page-title.title-left .hr-breadcrumbs,.page-title.title-right h1{text-align:right}.title-center .hr-breadcrumbs,.title-center h1{text-align:center}.page-title h1,.page-title h2{margin:0}.page-title .hr-breadcrumbs .breadcrumbs:after{display:none}.page-title .wf-container-title,.page-title.full-width-line{border-bottom:1px solid}.page-title.title-left.disabled-bg h1,.page-title.title-right.disabled-bg h1{margin:0}.dt-breadcrumbs-shortcode{display:-ms-flexbox;display:-ms-flex;display:flex}.dt-breadcrumbs-shortcode.align-centre{-ms-flex-pack:center;-ms-justify-content:center;justify-content:center}.dt-breadcrumbs-shortcode.align-right{-ms-flex-pack:flex-end;-ms-justify-content:flex-end;justify-content:flex-end}.breadcrumbs{list-style:none}.page-title.title-center .breadcrumbs{text-align:center}.breadcrumbs li{position:relative;display:inline-block;padding-left:12px;margin-left:8px}.breadcrumbs li:first-child{padding-left:0;margin-left:0;background:0 0!important}.breadcrumbs li a,.fancy-header .breadcrumbs li a{color:inherit}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.filter{position:relative;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center}.filter.iso-filter{z-index:1}.filter-align-left .filter{-ms-flex-pack:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-flow:row wrap;flex-flow:row wrap}.filter-align-right .filter{-ms-flex-pack:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-flow:row wrap;flex-flow:row wrap}.filter:before{content:"";display:table}.filter:after{content:"";display:table;clear:both}.filter-by,.filter-categories,.filter-categories a,.filter-extras,.filter-sorting{display:inline-block;box-sizing:border-box}.filter-by,.filter-categories,.filter-sorting{display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex;-ms-align-items:center;-ms-flex-align:center;align-items:center}.filter-categories,.filter-extras{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;-ms-flex-flow:row wrap;flex-flow:row wrap}.filter-align-left .filter-categories,.filter-align-left .filter-extras{-ms-flex-pack:flex-start;-ms-justify-content:flex-start;justify-content:flex-start}.filter-align-right .filter-categories,.filter-align-right .filter-extras{-ms-flex-pack:flex-end;-ms-justify-content:flex-end;justify-content:flex-end}.filter-categories{position:relative}.filter-categories .hasCustomSelect{display:none;left:0;z-index:1}#page .filter-categories .customSelect{position:relative;padding:0;background:0 0;display:none!important}#page .filter-categories .customSelect:after{position:relative;right:0;width:20px;height:20px;font-family:'Font Awesome 5 Free';font-weight:900;font-size:14px;line-height:1;content:"\f0dc"}#page .filter-categories .customSelect .customSelectInner{background:0 0}.filter .filter-categories a,.filter .filter-extras a{position:relative;text-decoration:none}.filter .filter-extras a{display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex}.filter-categories a{white-space:nowrap}.filter-bg-decoration .filter-categories a{overflow:hidden}.filter-bg-decoration .filter-categories a:after{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;content:"";opacity:0}.filter-bg-decoration .filter-categories a.act:after{opacity:1}.filter-underline-decoration .filter-categories a:after{position:absolute;left:0;bottom:0;width:100%;content:"";opacity:0;transition:opacity .3s ease}.filter-underline-decoration .filter-categories a.act:after,.filter-underline-decoration .filter-categories a:hover:after{opacity:1}.filter .filter-extras a svg{width:16px}.filter .filter-popup{position:absolute;left:50%;z-index:999;bottom:100%;padding:2px 6px;margin-bottom:15px;background:#000;color:#fff!important;font:400 10px/14px Arial,Verdana,sans-serif;letter-spacing:.3px;white-space:nowrap;opacity:0;visibility:hidden;transform:translate3d(-50%,10px,0);transition:all .25s ease-out;border-radius:2px}.filter .filter-popup:after{position:absolute;left:50%;bottom:-5px;margin-left:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000;content:""}.filter .filter-popup:before{position:absolute;left:0;bottom:-20px;content:" ";display:block;width:100%;height:20px}.lte8 .filter-popup{display:none}.lte8 .filter-extras a:hover .filter-popup{display:block}.filter-extras>div>a:hover{cursor:default}.filter-extras>div>a>i:hover{cursor:pointer}.filter-extras>div>a>i:hover+.filter-popup,.filter-extras>div>a>svg:hover+.filter-popup{visibility:visible;opacity:1;transform:translate3d(-50%,0,0)}.filter-extras>div>a>i:hover+.filter-popup:before,.filter-extras>div>a>svg:hover+.filter-popup:before{bottom:0}.filter-switch{position:relative;display:inline-block;width:19px;height:7px;margin:0 10px}.filter-switch:hover{cursor:pointer}.filter-switch,.filter-switch-toggle{border-radius:8px}.filter-switch-toggle{position:absolute;top:-1px;left:0;width:9px;height:9px;background-color:#fff;content:"";transition:left .3s ease-out}.filter-switch.right-act .filter-switch-toggle{left:9px}.filter-extras a.pressed:after,.pressed .filter-switch-toggle:after{animation:anim-effect-boris .45s ease-out forwards}@keyframes anim-effect-boris{0%{transform:scale(0)}25%,50%{opacity:1}to{opacity:0;transform:scale(1)}}.paginator{position:relative;margin:30px 0 0;padding-bottom:2px;z-index:10;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center}.paginator:before{content:"";display:table}.paginator:after{content:"";display:table;clear:both}.paginator:not(.paginator-more-button) a{box-sizing:border-box}.paginator .disabled:hover{cursor:default}.paginator:not(.paginator-more-button):not(.filter-decorations) a:after,.paginator:not(.paginator-more-button):not(.filter-decorations) span:after{position:absolute;left:0;bottom:-2px;width:100%;height:2px;content:"";opacity:0;transition:opacity .3s ease}.paginator:not(.paginator-more-button):not(.filter-decorations) a.act:after,.paginator:not(.paginator-more-button):not(.filter-decorations) a:hover:after,.paginator:not(.paginator-more-button):not(.filter-decorations) span.act:after,.paginator:not(.paginator-more-button):not(.filter-decorations) span:hover:after{opacity:1}.paginator:not(.paginator-more-button) a,.paginator:not(.paginator-more-button) span{position:relative;display:inline-block;padding:1px 8px;margin:0 6px;text-align:center;text-decoration:none}.paginator:not(.paginator-more-button) a.disabled,.paginator:not(.paginator-more-button) span.disabled{opacity:0}.paginator .nav-next,.paginator .nav-prev{position:relative;display:inline-block;text-decoration:none}.paginator.paginator-more-button{text-align:center;overflow:hidden}.lazy-loading-mode .paginator.paginator-more-button{opacity:0}.justified-grid .paginator.paginator-more-button{width:100%}.paginator .button-load-more,.paginator .loading-ready{position:relative;display:inline-block;float:none;text-decoration:none}.paginator .button-load-more{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;width:220px;height:50px;border:2px solid;box-sizing:border-box;transition:all .4s cubic-bezier(.19,1,.22,1)}.paginator .button-load-more .stick{display:none;opacity:0;transition:opacity .1s ease}.paginator .button-load-more .button-caption{display:flex;align-items:center;margin:0;font-weight:700;transition:opacity 10ms ease,color .2s ease}.paginator .button-load-more .button-caption:before{width:12px;height:12px;content:"";margin-right:5px;-webkit-mask:url(../images/the7-check-circle-fill.svg);mask-image:url(../images/the7-check-circle-fill.svg);-webkit-mask-size:12px;mask-size:12px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right center;mask-position:right center}.the7-elementor-widget .paginator .button-load-more .button-caption:before{display:none}.paginator .button-load-more.animate-load,.paginator .button-load-more.button-lazy-loading{width:50px;height:50px;border-radius:50%}.paginator .button-load-more.animate-load .button-caption,.paginator .button-load-more.button-lazy-loading .button-caption{opacity:0;text-indent:-9999px}.paginator .button-load-more.animate-load .stick,.paginator .button-load-more.button-lazy-loading .stick{display:block;animation:dt-spin 1s infinite linear .2s;animation-delay:.4s;border-bottom-color:transparent;border-left-color:transparent}.dt-posts-preload.iso-preloader .dt-posts-preload-activity:before{border-color:#fff transparent transparent;border-right-color:#fff!important}.iso-preloader .dt-posts-preload-activity:after{display:none}.iso-preloader .dt-posts-preload-activity:before,.stick:first-child{position:absolute;top:50%;left:50%;margin:-15px 0 0 -15px;width:50px;height:50px;border-radius:40px;box-sizing:border-box;background-color:transparent;border:2px solid;animation:dt-spin 1s infinite linear .2s}.stick:first-child{top:-2px;left:-2px;margin:0}@keyframes dt-spin{0%{opacity:1}100%{opacity:1;transform:rotate(360deg)}}.page-info{padding:0 0 10px}.post{position:relative}.post:after,.post:before{content:"";display:table;clear:both}.post .entry-title a{display:initial}.blog .details.more-link,.dt-blog-shortcode .details.more-link{margin-bottom:10px}.more-link.dt-btn{margin-top:5px}.post .more-link.dt-btn{margin-right:10px}.post.bg-on .block-style-widget,.post.bg-on .format-aside-content,.post.bg-on .format-link-content,.post.bg-on .format-status-content{padding:0;background:0 0!important;box-shadow:none!important;box-sizing:border-box}.format-aside-content,.format-link-content{padding:25px 30px 15px;margin:0 0 15px}.author-quote{border-left:5px solid;padding-left:10px}.format-status-content{padding:25px 20px 15px;margin:5px 0 15px}.format-aside .details,.format-link .details,.format-quote .details,.format-status .details{display:none}.albums .post img,.blog .post img,.dt-albums-shortcode:not(.owl-carousel) img,.dt-blog-shortcode img,.dt-portfolio-shortcode:not(.owl-carousel) img,.images-container img,.media .post img,.portfolio .post img,.related-projects .rollover img,.related-projects .rollover-video img,.wf-container.iso-grid img,.wf-container.layout-masonry img{max-width:100%;width:100%;height:auto}.portfolio .slider-simple.owl-carousel img{max-width:none}.blog.layout-list .post .blog-media img,.mobile-true .post img.iso-lazy-load:not(.blog-thumb-lazy-load-show){width:100%}.bg-on .blog-content,.bg-on .project-list-content{padding:10px 25px}.slider-wrapper .bg-on .project-list-content{padding-top:20px}.iso-container .bg-on .blog-content>*,.iso-container .bg-on .project-list-content>*,.iso-grid .bg-on .blog-content>*,.iso-grid .bg-on .project-list-content>*{padding-top:10px;padding-bottom:0;margin-bottom:0}.iso-container .bg-on .blog-content>:last-child,.iso-container .bg-on .project-list-content>:last-child,.iso-grid .bg-on .blog-content>:last-child,.iso-grid .bg-on .project-list-content>:last-child{margin-bottom:10px}.bg-on .blog-media>p,.bg-on .project-list-media>p,.description-under-image .post.bg-on ul.royalSlider.alignnone,.post.bg-on .alignleft,.post.bg-on .alignnone,.post.bg-on ul.royalSlider.alignnone{margin-bottom:0}.bg-on .blog-media,.bg-on .project-list-media{padding:25px 25px 0}.bg-on.fullwidth-img .blog-media,.bg-on.fullwidth-img .project-list-media{padding:0}.bg-on .blog-content,.bg-on .blog-media{position:relative;z-index:9}.bg-on.post .alignnone{margin-top:0}.layout-list .post{padding-top:44px;margin-top:19px}.layout-list .articles-list .post:last-child{margin-bottom:-25px}.layout-list .articles-list .post.bg-on:last-child{margin-bottom:0}.layout-list .post:first-child{border:none;padding-top:0;margin-top:0}.blog .post.bg-on,.portfolio .post.bg-on{border-top:none}.layout-list .blog-content,.layout-list .blog-media,.layout-list .project-list-content,.layout-list .project-list-media{display:block;float:left;width:100%}.layout-list article.no-img .blog-content{width:100%!important}.project-even .alignleft,.project-even ul.royalSlider.alignleft{float:right;margin-right:0;margin-left:30px}.layout-list .post.bg-on{padding:25px 25px 0px;margin:0 0 20px}.layout-list .bg-on .blog-content,.layout-list .bg-on .blog-media,.layout-list .bg-on .project-list-content,.layout-list .bg-on .project-list-media{display:block;float:left;width:100%;padding:0}.layout-list .bg-on .blog-content,.layout-list .bg-on .project-list-content{padding-bottom:10px}.layout-list .post-slider{margin-right:30px}.layout-list .project-even .post-slider{margin-right:0;margin-left:30px}.layout-list .media-wide .post-slider,.layout-list .media-wide.project-even .post-slider{margin-right:0;margin-left:0}.blog.layout-list .post.bg-on .slider-masonry.alignnone,.description-under-image .post .alignnone,.description-under-image .post .photoSlider,.description-under-image .post .slider-masonry.alignnone,.post .alignleft{margin-bottom:20px}.description-under-image .bg-on.post .alignnone,.description-under-image .post .buttons-on-img .slider-masonry.alignnone{margin-bottom:0}.project-list-media .alignleft{width:100%}.blog-media .alignleft{float:none}.blog.layout-list .post .alignleft,.blog.layout-list .post .alignnone,.blog.layout-list .post .post-slider{margin-bottom:25px}.format-quote .block-style-widget{margin:0 0 15px;padding:25px 30px 15px}.bg-on .format-aside-content,.bg-on .format-link-content,.format-quote.bg-on .block-style-widget{margin-bottom:10px}.iso-container .blog-content.wf-td,.iso-container .blog-media.wf-td,.iso-grid .blog-content.wf-td,.iso-grid .blog-media.wf-td,.layout-masonry .blog-content.wf-td,.layout-masonry .blog-media.wf-td,.media-wide .blog-content.wf-td,.media-wide .blog-media.wf-td,.shortcode-blog-posts .wf-td{display:block}.blog-media{position:relative;overflow:hidden;z-index:9}.fancy-date a{position:absolute;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;top:10px;right:10px;z-index:30;box-sizing:border-box;text-decoration:none;background:#fff}.circle-fancy-style .fancy-date a{-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;border-radius:50%;padding:0 8px;min-width:63px;min-height:63px}.vertical-fancy-style .fancy-date a{-ms-flex-flow:column nowrap;flex-flow:column nowrap;min-height:80px;min-width:42px;padding:2px 0}.horizontal-fancy-style .fancy-date a{padding:2px 2px 1px 4px}.fancy-date a *{color:#222}.circle-fancy-style .fancy-date a .entry-date:after,.circle-fancy-style .fancy-date a .entry-year{display:none}.fancy-date a .entry-date,.fancy-date a .entry-month{position:relative}.fancy-date a .entry-date:after,.fancy-date a .entry-month:after{position:absolute;height:2px;content:""}.circle-fancy-style .fancy-date a .entry-date:after,.circle-fancy-style .fancy-date a .entry-month:after{left:0;bottom:-2px;width:100%}.vertical-fancy-style .fancy-date a .entry-date:after,.vertical-fancy-style .fancy-date a .entry-month:after{left:50%;bottom:-2px;width:14px;margin-left:-7px}.horizontal-fancy-style .fancy-date a .entry-date:after,.horizontal-fancy-style .fancy-date a .entry-month:after{top:50%;margin-top:-2px;right:0;width:4px;height:4px;border-radius:50%}.layout-list article.project-odd .fancy-date a{top:10px;right:auto;left:10px}.layout-list article.project-even .fancy-date a{top:10px;left:auto;right:10px}.bg-on:not(.fullwidth-img) .fancy-date a{top:35px;right:35px}.fancy-date .entry-month,.fancy-date .entry-year{font:700 11px/19px Arial,Verdana,sans-serif}.circle-fancy-style .fancy-date .entry-month,.circle-fancy-style .fancy-date .entry-year{text-transform:uppercase}.vertical-fancy-style .fancy-date .entry-month,.vertical-fancy-style .fancy-date .entry-year{font:700 12px/22px Arial;padding:1px}.horizontal-fancy-style .fancy-date .entry-month,.horizontal-fancy-style .fancy-date .entry-year{padding:0 6px 0 5px;text-transform:none;font:700 12px/22px Arial,Verdana,sans-serif}.circle-fancy-style .fancy-date .entry-month,.vertical-fancy-style .fancy-date .entry-month{margin-bottom:2px}.horizontal-fancy-style .fancy-date .entry-month{padding:0 9px 0 5px}.fancy-date .entry-date{font:700 24px/29px Arial,Verdana,sans-serif}.vertical-fancy-style .fancy-date .entry-date{font:700 22px/28px Arial;margin-bottom:3px;padding:2px}.horizontal-fancy-style .fancy-date .entry-date{padding:0 9px 0 5px;font:700 12px/22px Arial,Verdana,sans-serif}.post .project-media{margin-bottom:20px;line-height:0}.project-content,.project-media{box-sizing:border-box}.project-media img{max-width:100%}.dt-posts-preload{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;user-select:none}.dt-posts-preload .dt-posts-preload-activity{position:fixed;display:block;z-index:2000;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px;border-radius:50%}.dt-posts-preload .dt-posts-preload-activity:before{width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid #fff;border-right-color:transparent!important;border-left-color:transparent!important;animation:dt-posts-loader-rotation 1s linear infinite;content:''}@keyframes dt-posts-loader-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.single .content>.post,.single .content>.project-post,.single .content>.single-postlike{margin-bottom:50px}.single .content>.post:last-child,.single .content>.project-post:last-child,.single .content>.single-postlike:last-child{margin-bottom:0}/*!-Meta & tags*/.post-meta .entry-meta,.post-meta .entry-tags{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-flow:row wrap;flex-flow:row wrap}.portfolio-categories{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;overflow:hidden}.content-align-center .portfolio-categories,.content-align-centre .portfolio-categories,.related-projects .portfolio-categories{-ms-flex-pack:center;-ms-justify-content:center;justify-content:center}.blog-content .entry-meta,.portfolio-categories{padding:0 0 10px}.project-post .portfolio-categories{padding:0px 0 0;margin-bottom:10px}.entry-meta>a,.entry-meta>span,.portfolio-categories>a,.portfolio-categories>span{position:relative;display:inline-block;text-decoration:none;margin:0 6px 0 0;padding:0 9px 0 0}.portfolio-categories a{transition:all 50ms linear 50ms}.entry-meta span a,.portfolio-categories>span a{text-decoration:none}.portfolio-categories>a.data-link:hover{text-decoration:none;cursor:default}.entry-meta>a:last-child,.entry-meta>span:last-child,.portfolio-categories>a:last-child,.portfolio-categories>span:last-child{padding:0;margin:0}.entry-meta>a:after,.entry-meta>span:after,.portfolio-categories>a:after,.portfolio-categories>span:after{position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:3px;content:"";border-radius:50%}.entry-meta>a:last-child:after,.entry-meta>span:last-child:after,.portfolio-categories>a:last-child:after,.portfolio-categories>span:last-child:after{display:none}.fullwidth-slider .portfolio-categories span,.fullwidth-slider .portfolio-categories>a{float:none;display:inline-block}.entry-tags{display:block;overflow:hidden;padding:10px 0 0}.entry-tags,.entry-tags a,.entry-tags span{word-wrap:break-word}.entry-tags span.single-tags{position:relative;float:left}.single .entry-tags a{padding:1px 6px;margin:2px;border:1px solid;font:400 10px/15px Arial,Verdana,sans-serif;text-decoration:none;letter-spacing:.3px}/*!-Post author*/.entry-author{overflow:hidden;margin-bottom:60px;padding:30px 30px 25px;box-sizing:border-box}.entry-author:last-child{margin-bottom:0}.entry-author-img{width:115px}.entry-author-info{vertical-align:top}.entry-author .text-primary{font-weight:700}.entry-author .alignleft{margin-bottom:10px}.entry-author .alignleft img,.entry-author img.alignleft{border-radius:50%}.post .entry-author img,.single-postlike .entry-author img{max-width:none}.blog .post .wp-smiley{width:auto}.single .post:not(.type-event) .post-thumbnail,.single .single-postlike:not(.type-event) .post-thumbnail{position:relative;margin-bottom:45px;line-height:0}.single .post:not(.type-event) .post-thumbnail:last-child,.single .single-postlike:not(.type-event) .post-thumbnail:last-child{margin-bottom:0}.single .post:not(.type-event) .post-thumbnail img,.single .single-postlike:not(.type-event) .post-thumbnail img{width:100%}.single .entry-content{margin-bottom:50px}.single .entry-content:last-child{margin-bottom:0}.single .post-meta{margin-bottom:55px}.single .post-meta:last-child{margin-bottom:0}.single-share-box{position:relative}.single .single-share-box{margin-top:-5px;margin-bottom:60px}.single .single-share-box:last-child{margin-bottom:0}.page .single-share-box{margin-top:50px}.single-share-box.show-on-hover{z-index:10;display:inline-block;left:50%;transform:translateX(-50%)}.single-share-box.show-on-hover:hover{cursor:pointer}.share-link-description{display:block;margin-bottom:10px;font-weight:700;text-align:center}.share-link-description .share-link-icon{display:none}.show-on-hover .share-link-description{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-flow:column wrap;flex-flow:column wrap}.show-on-hover .share-link-description .share-link-icon{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;border:2px solid;margin-bottom:5px;border-radius:50%;box-sizing:border-box;transition:all .2s ease;font-size:14px;line-height:1}.show-on-hover .share-link-description .share-link-icon svg{width:14px}.single-share-box .share-buttons{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;line-height:0}.single-share-box:not(.show-on-hover) .share-buttons{-ms-flex-flow:row wrap;flex-flow:row wrap}.share-buttons .soc-font-icon{display:none}.show-on-hover .share-buttons{position:absolute;-ms-flex-flow:column wrap;flex-flow:column wrap;left:50%;transform:translateX(-50%);bottom:100%;min-width:180px;margin-bottom:10px;background:#fff;box-shadow:1px 3px 16px 0px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translate3d(-50%,10px,0);transition:all .25s ease-out}.show-on-hover .share-buttons:after{position:absolute;left:50%;bottom:-6px;margin-left:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #fff;content:""}.show-on-hover .share-buttons:before{position:absolute;left:0;bottom:-20px;content:" ";display:block;width:100%;height:20px}.show-on-hover:hover .share-buttons{visibility:visible;opacity:1;pointer-events:auto;transform:translate3d(-50%,0,0)}.single-share-box .share-buttons a{display:inline-flex;justify-content:center;align-items:center;width:50px;height:30px;min-width:50px;min-height:30px;margin:0 4px 4px 0;border:1px solid;text-transform:none;font-size:16px;line-height:30px;text-decoration:none;text-align:center;transition:border-color .2s ease;box-sizing:border-box}:not(.show-on-hover).single-share-box .share-buttons a .social-text{display:none}.show-on-hover.single-share-box .share-buttons a{display:flex;justify-content:flex-start;align-items:center;width:auto;line-height:1;text-align:left;padding:10px 5px 10px 10px}.single-share-box .share-buttons a .icon{display:none}.single-share-box .share-buttons a.facebook{border-color:rgba(76,105,199,.3)}.single-share-box .share-buttons a.facebook:hover{border-color:#4c69c7}.single-share-box .share-buttons a.facebook svg{fill:#4c69c7}.single-share-box .share-buttons a.twitter{border-color:rgba(42,190,235,.3)}.single-share-box .share-buttons a.twitter:hover{border-color:#2abeeb}.single-share-box .share-buttons a.twitter svg{fill:#2abeeb}.single-share-box .share-buttons a.google{border-color:rgba(230,66,53,.3)}.single-share-box .share-buttons a.google:hover{border-color:#e64235}.single-share-box .share-buttons a.google svg{fill:#e64235}.single-share-box .share-buttons a.pinterest{border-color:rgba(207,40,52,.3)}.single-share-box .share-buttons a.pinterest:hover{border-color:#cf2834}.single-share-box .share-buttons a.pinterest svg{fill:#cf2834}.single-share-box .share-buttons a.linkedin{border-color:rgba(0,123,199,.3)}.single-share-box .share-buttons a.linkedin:hover{border-color:#007bc7}.single-share-box .share-buttons a.linkedin svg{color:#007bc7}.single-share-box .share-buttons a.whatsapp{border-color:rgba(54,183,77,.3)}.single-share-box .share-buttons a.whatsapp:hover{border-color:#36b74d}.single-share-box .share-buttons a.whatsapp svg{fill:#36b74d}.show-on-hover .share-buttons a{height:auto;border:none;font-size:14px;line-height:18px!important;margin:0}.show-on-hover .share-buttons a svg{margin-right:5px}.show-on-hover .share-buttons a *,.show-on-hover .share-buttons a svg{color:#222;fill:#222}.show-on-hover .share-buttons a:hover *,.show-on-hover .share-buttons a:hover svg{color:#fff;fill:#fff}.show-on-hover .share-buttons a.facebook:hover{background-color:#4c69c7}.show-on-hover .share-buttons a.twitter:hover{background-color:#2abeeb}.show-on-hover .share-buttons a.google:hover{background-color:#e64235}.show-on-hover .share-buttons a.pinterest:hover{background-color:#cf2834}.show-on-hover .share-buttons a.linkedin:hover{background-color:#007bc7}.show-on-hover .share-buttons a.whatsapp:hover{background-color:#36b74d}.author-info{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.author-avatar{-ms-flex:0 0 80px;flex:0 0 80px;margin-right:30px}.author-avatar .avatar-lazy-load-wrap{border-radius:50%;display:flex}.author-avatar .no-avatar{width:80px;height:80px;border-radius:50%}.author-avatar .no-avatar.no-avatar svg{width:36px;height:auto}.author-description h4{margin-bottom:5px}.author-description .author-link{display:inline-block;margin-bottom:20px;text-decoration:none}.author-description .author-link:hover{text-decoration:underline}.author-avatar .avatar-lazy-load-wrap.layzr-bg svg,.comment-author .avatar-lazy-load-wrap.layzr-bg svg{opacity:0}.post-navigation{margin-bottom:50px}.post-navigation:last-child{margin-bottom:0}.post-navigation .nav-links{display:-ms-flexbox;display:-ms-flex;display:flex;padding:25px 0;border-width:1px 0;border-style:solid}.disabled-post-navigation.post-navigation .nav-links{-ms-flex-pack:center;-ms-justify-content:center;justify-content:center}.post-navigation .nav-links .back-to-list [class^=dt-icon-]{font-size:24px}.meta-nav{margin-bottom:5px;text-transform:uppercase}.post-navigation .back-to-list,.post-navigation .nav-next,.post-navigation .nav-previous{position:relative;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-flow:column wrap;flex-flow:column wrap;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;text-decoration:none}.back-to-list{width:30px}.rtl .back-to-list{-ms-flex-order:1;order:1}.nav-previous{width:45%;padding-left:35px;margin-right:30px}.nav-previous svg{position:absolute;left:0;top:50%;transform:translateY(-50%);width:32px}.nav-previous .post-title{-ms-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;max-width:100%}.rtl .nav-previous .post-title{-ms-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end}.rtl .nav-previous{-ms-flex-order:2;order:2;-ms-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end}.post-navigation .nav-next{padding-right:35px;margin-left:30px;width:45%;text-align:right}.post-navigation .nav-next svg{position:absolute;right:0;top:50%;transform:translateY(-50%);width:32px}.post-navigation .nav-next .post-title{-ms-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end;max-width:100%}.rtl .post-navigation .nav-next .post-title{-ms-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start}.rtl .nav-next{-ms-flex-order:0;order:0}.project-post{position:relative}.single .project-slider{margin-bottom:45px}.single-gallery-media{padding-bottom:45px}.single .project-content{margin-bottom:55px}.single .project-content:last-child{margin-bottom:0}.images-container{line-height:0}.images-list{position:relative;margin-bottom:20px;line-height:0}.images-list img,.images-list:last-child{margin-bottom:0}.images-list-caption{position:absolute;top:auto;bottom:0;left:0;width:100%;z-index:99}.images-list-inner{position:absolute;bottom:0;display:inline-block;margin:0 20px;padding:15px 0}.images-list-inner h4{display:inline-block;margin:5px 0 0}.images-list-inner,.images-list-inner *{color:#fff}.navigation-inner a,.project-details,.project-link,.project-zoom,.vc-item .vc_read_more{text-decoration:none}/*!-Slideshow description*/.slider-post-inner h4{display:inline-block;vertical-align:middle;margin:5px 0 0}#main .images-list-inner h4,#main .slider-post-inner h4,.images-list-inner,.slider-post-inner{text-shadow:1px 1px 5px rgba(0,0,0,.5)}.images-list-inner .album-content-btn,.slider-post-inner .album-content-btn{display:block;float:left;width:100%;margin-bottom:0}.images-list-inner p{margin-bottom:0}.slider-link{float:left;width:32px;height:32px;background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,14 2,14 2,2 5.011,2 5.011,0 2,0 0.011,0 0,0 0,14 0,16 2,16 16,16 16,15.989 16,14 16,10.989 14,10.989 '/%3E%3Cpolygon points='14,-0.019 14,0 8.993,0 8.993,2 12.637,2 6.5,8.137 7.863,9.5 14,3.364 14,6.981 16,6.981 16,-0.019 '/%3E%3C/svg%3E");background-color:rgba(0,0,0,.4);border-radius:50%;background-repeat:no-repeat;transition:opacity .2s ease}.slider-link:hover{background-color:rgba(0,0,0,.4);opacity:.7}.images-list-inner .share-button.entry-share,.slider-link,.slider-post-inner .share-button.entry-share{margin:0 5px 5px 0;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;font-size:0;text-indent:-9999px}.single-related-posts{padding-bottom:35px;margin-bottom:50px;border-bottom:1px solid}.single-related-posts:last-child{margin-bottom:0}.single-related-posts .items-grid{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 -25px -25px}.single-related-posts .items-grid>.related-item{position:relative;display:-ms-flexbox;display:-ms-flex;display:flex;width:33%;padding:0 25px 25px;box-sizing:border-box}.sidebar-left .single-related-posts .items-grid>.related-item,.sidebar-right .single-related-posts .items-grid>.related-item{width:50%}.comment-respond,.comments-area,.single-related-posts{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.comment-respond>h3,.comments-area>h3,.single-related-posts>h3{margin-bottom:30px}.comment-respond a{text-decoration:none}.single-related-posts>h3{margin-bottom:30px}.single-portfolio .single-related-posts{padding-bottom:60px}.single-portfolio .single-related-posts>h3{margin-bottom:30px}#comments .children,#comments .comment-list{margin:0;padding:0;list-style:none}#comments .comment-list{padding-bottom:50px}#comments .comment-list:last-child{padding-bottom:0}.comment-list .comment-body{position:relative;padding:20px 20px 10px 100px;margin-top:20px;box-sizing:border-box}.comment-list>li:first-child>.comment-body{margin-top:0}#comments .children{margin-left:90px}.comment-author-name{display:block;margin-bottom:5px}.comment-author-name a{font:inherit!important}.comment-metadata{margin-bottom:20px}.comment-author .avatar,.comment-author .avatar-lazy-load-wrap,.comment-author .rollover{float:left;margin:0px 20px 15px -80px}.comment-author .avatar,.comment-author .avatar-lazy-load-wrap,.comment-author .rollover,.comment-author .rollover i{border-radius:50%}.comment-author .avatar-lazy-load-wrap .avatar,.comment-author .rollover .avatar{margin:0}.comment-content{overflow:hidden;margin-bottom:10px}.comment-list .reply{text-align:right;margin-bottom:10px}.comment-reply-link{margin-left:10px}.comment-reply-title>small{display:block;text-align:center}.comment-reply-title #cancel-comment-reply-link{float:left;margin-top:10px}.comment-notes,.logged-in-as{margin-bottom:15px}.comment-form .form-fields{overflow:hidden;margin-bottom:10px}#page .comment-respond .dt-btn,#page .comment-respond p.form-submit{margin-bottom:0}.rtl #page .comment-respond .dt-btn{float:left}.says{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.comment #respond{padding-top:24px}#respond #submit{display:none}#commentform textarea,.dt-contact-form textarea{width:100%;margin:0 0 10px}.clear-form,.comment-meta a,.comment-reply-link,.fn a,.pingback a{text-decoration:none}#reply-title small a:hover,.clear-form:hover,.comment-meta a:hover,.comment-reply-link:hover,.pingback a:hover{text-decoration:underline}.project-share-overlay{position:relative;display:inline-block;padding-top:5px;padding-bottom:5px}.project-info-box{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-flow:column wrap;flex-flow:column wrap;margin-bottom:40px}.project-post .btn-project-link{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;min-width:220px;height:50px;border:2px solid;margin-bottom:15px;font-weight:700;text-decoration:none;box-sizing:border-box}.project-share-overlay .share-button.entry-share{text-decoration:none}#page .project-share-overlay .share-button.entry-share{padding:0 0 0 23px}.share-button.entry-share{display:inline-block;padding:0 0 0 23px}.btn-project-link.no-text,.share-button.entry-share.no-text{width:36px;height:36px;padding:0;font-size:0}.btn-project-link,.share-button.entry-share,.share-overlay .soc-ico a{transition:all .2s ease}.images-list-inner .share-button.entry-share,.photo-scroller .share-button.entry-share,.slider-post-inner .share-button.entry-share{text-decoration:none;text-align:center}.images-list-inner .share-button.entry-share:before,.photo-scroller .share-button.entry-share:before,.slider-post-inner .share-button.entry-share:before{display:block;background:#fff;content:"";-webkit-mask:url(../images/the7-share-fill.svg);mask-image:url(../images/the7-share-fill.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right center;mask-position:right center;width:16px;height:16px}.project-share-overlay:not(.allways-visible-icons) .soc-ico{position:absolute;z-index:999;bottom:46px;width:150px;height:36px;padding:0 3px;visibility:hidden;overflow:visible;opacity:0;background-color:#fff;text-align:center;left:50%;transform:translateX(-50%);box-shadow:0 0 2px 0 rgba(0,0,0,.2)}.single-post .project-share-overlay:not(.allways-visible-icons) .soc-ico{bottom:48px}.project-content-btn .project-share-overlay:not(.allways-visible-icons) .soc-ico{bottom:38px}.project-share-overlay:not(.allways-visible-icons) .soc-ico:after,.project-share-overlay:not(.allways-visible-icons) .soc-ico:before{position:absolute;left:50%;margin-left:-5px;bottom:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;content:""}.project-share-overlay:not(.allways-visible-icons) .soc-ico:before{margin-left:-6px;bottom:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.1)}.project-share-overlay:not(.allways-visible-icons) .soc-ico a{display:none;float:none;width:24px;margin:7px 3px 0;background:0 0!important}#page .project-share-overlay:not(.allways-visible-icons) .soc-ico a{box-shadow:none}.project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover{background:0 0!important;opacity:.6}.project-share-overlay:not(.allways-visible-icons) .soc-ico a:after,.project-share-overlay:not(.allways-visible-icons) .soc-ico a:before{display:none}#page .project-share-overlay:not(.allways-visible-icons) .soc-ico a .soc-font-icon,#page .project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover .soc-font-icon{color:#000}.project-share-overlay.allways-visible-icons .soc-ico{display:inline-block;vertical-align:middle;margin-left:10px}.slide-caption .btn-project-link,.slide-caption .share-button.entry-share{border-color:rgba(255,255,255,.35)}.slide-caption .btn-project-link:hover,.slide-caption .share-button.entry-share:hover{background-color:rgba(255,255,255,.35);border-color:rgba(255,255,255,.35)}.single-attachment article.type-attachment{text-align:center}.single-attachment article.type-attachment .rollover{display:inline-block}.sidebar{position:relative;z-index:9}.sidebar .sidebar-content{box-sizing:border-box}.sidebar-none .sidebar,.wc-sidebar-toggle{display:none}#main .ui-widget-content{clear:both}.sidebar-left .sidebar.bg-under-widget,.sidebar-left .sidebar.solid-bg,.sidebar-right .sidebar.bg-under-widget,.sidebar-right .sidebar.solid-bg{border:none}.sidebar-left .sidebar.bg-under-widget,.sidebar-left .sidebar.solid-bg{padding-right:0}.sidebar-right .sidebar.bg-under-widget,.sidebar-right .sidebar.solid-bg{padding-left:0}.sidebar-left .wf-wrap:after,.sidebar-left .wf-wrap:before,.sidebar-right .wf-wrap:after,.sidebar-right .wf-wrap:before{content:"";display:table}.sidebar-divider-off #sidebar{border:none}.no-cssgridlegacy.no-cssgrid .sidebar-none .content,.sidebar-none .content{width:100%}.sidebar .widget,.sidebar-content .widget{padding:0}.bg-under-widget .sidebar-content .widget,.sidebar.bg-under-widget .widget,.solid-bg.sidebar-content .widget{margin-bottom:0;padding:25px}.sidebar.solid-bg .widget,.solid-bg .sidebar-content .widget,.solid-bg.sidebar-content .widget{padding-left:25px;padding-right:25px}.sidebar .widget-divider-off .widget,.sidebar-content.widget-divider-off .widget,.solid-bg.sidebar-content .widget{border-top:none}.bg-under-widget .sidebar-content .widget:first-child,.elementor-widget-sidebar .widget:first-child,.sidebar.bg-under-widget .widget:first-child,.solid-bg.sidebar-content .widget:first-child{margin-top:0}.content .sidebar-content:not(.solid-bg):not(.bg-under-widget) .widget:first-child,.elementor-widget-sidebar .widget:first-child,.sidebar:not(.solid-bg):not(.bg-under-widget) .widget:first-child{padding-top:0}.elementor-widget-sidebar .widget:first-child,.sidebar .widget:first-child,.sidebar-content .widget:first-child{border-top:none}.footer .widget{margin-bottom:30px}.widget:after,.widget:before{content:"";display:table;clear:both}.widget-info:not(:last-child){margin-bottom:10px}.content .widget ul{list-style:none}.widget-title{margin-bottom:15px;clear:both}.cat-item,.custom-categories li,.elementor-widget-sitemap .page_item{margin:5px 0 0;padding:5px 0 0}.custom-categories li{overflow:hidden;margin-top:0}.cat-item:first-child,.custom-categories>li:first-child,.elementor-widget-sitemap .page_item:first-child{margin-top:0;padding-top:0;border-top:none!important}.cat-item a,.custom-categories a{text-decoration:none}.custom-categories a{display:block;clear:both}.custom-categories span.item-name{float:left}.custom-categories span.item-num{float:right;margin-left:10px}.cat-item ul,.custom-categories ul{margin-left:20px}#wp-calendar{margin:25px 0 15px;border-width:1px;border-style:solid}#wp-calendar caption{padding:5px 0;margin:0;height:auto;border-style:solid;border-width:1px;border-bottom:none}#wp-calendar th{height:25px;font-weight:400}.content #wp-calendar th{border:none}#wp-calendar td{width:34px;height:25px;border-style:solid;border-width:1px;vertical-align:middle;text-align:center;line-height:20px;cursor:default}#wp-calendar td.act{color:#fff}#wp-calendar td a{display:block;width:100%;text-decoration:none}#wp-calendar td.pad,.footer #wp-calendar td.pad{background:0 0!important;border:none}#wp-calendar tfoot td{width:auto}#wp-calendar tfoot td#prev{padding-left:10px;text-align:left}#wp-calendar tfoot td#next{padding-right:10px;text-align:right}#wp-calendar tfoot td a:hover{background:0 0;text-decoration:none}.shortcode-contact-info,.shortcode-contacts{margin-bottom:20px}.contact-info:not(:last-child),.content .contact-info:not(:last-child){margin:0;padding-bottom:15px}.contact-info li{margin:15px 0 0;list-style:none}.contact-info li span:not(:last-child){display:inline-block;margin-bottom:5px}.contact-info li:first-child{margin-top:0}.widget .soc-ico:not(:last-child){padding:0px 0 10px}.custom-nav{margin:0}.custom-nav>li:first-child{border-top:none!important}.custom-nav>li>a{display:flex;position:relative;justify-content:space-between;align-items:center;text-decoration:none}.custom-nav>li:not(:last-child)>a{padding:0 0 10px}.custom-nav>li>a span{display:inline-block}.custom-nav>li li a:before,.custom-nav>li>a:before{display:block;position:absolute;top:14px;right:0;width:13px;height:13px}.custom-nav>li.has-children li.has-children>a svg,.custom-nav>li.has-children>a svg{float:right;width:10px}.custom-nav>li .custom-menu li{border:none!important}.custom-nav>li li a{display:flex;position:relative;justify-content:space-between;align-items:center;padding-left:12px;background-image:none!important}.custom-nav>li>ul{display:none;margin:0 0px;padding:0 20px 15px}.custom-nav>li:last-child>ul{padding:10px 20px 15px}.custom-nav>li>ul a span{display:inline-block}.custom-nav>li li{margin-top:0;padding-top:7px}.custom-nav>li>ul a:hover{text-decoration:none}.bg-under-widget .custom-nav>li:last-child>ul,.custom-nav>li:last-child>ul,.solid-bg .custom-nav>li:last-child>ul{margin-bottom:-5px}.content .menu,.custom-menu .widget_pages>ul,.menu{margin:0;padding:0 0 0px}.menu li,.qts-lang-menu li,.widget_pages li{display:block;position:relative;margin:9px 0 0;padding:10px 0 0}.custom-menu li{margin:6px 0 0;padding:7px 0 0}.dividers-on.custom-menu li{margin:9px 0 0;padding:10px 0 0}.custom-menu>li:first-child,.menu>li:first-child,.qts-lang-menu li:first-child,.widget_pages>ul>li:first-child{border:none!important;margin-top:0;padding-top:0}#page .qtrans_flag{width:auto;height:auto;background-position:0 center}.custom-menu a,.menu a,.widget_pages a{text-decoration:none}.widget_nav_menu a{display:inline-block}.widget_nav_menu a:hover{text-decoration:none}.custom-menu a{position:relative;display:inline-block}.show-arrow.custom-menu a{padding-left:23px}.enable-bold.custom-menu a{font-weight:700}div[class*=elementor-widget-wp-widget-] ul{list-style:none}div[class*=elementor-widget-wp-widget-] .elementor-widget-container>ul{margin:0}.elementor-widget-wp-widget-pages ul.children{margin:5px 0 5px 20px}.custom-menu.show-arrow a svg,.custom-menu.show-arrow a:before,.widget_presscore-custom-menu-one .custom-menu.show-arrow a svg,.widget_presscore-custom-menu-one .custom-menu.show-arrow a:before,div[class*=elementor-widget-wp-widget-] .custom-menu.show-arrow a svg,div[class*=elementor-widget-wp-widget-] .custom-menu.show-arrow a:before{position:absolute;width:14px;height:14px;top:50%;transform:translateY(-50%);left:0}.custom-menu.show-arrow a svg,.widget_presscore-custom-menu-one .custom-menu.show-arrow a svg,div[class*=elementor-widget-wp-widget-] .custom-menu.show-arrow a svg{width:8px;height:auto;left:3px}.widget_presscore-custom-menu-one .custom-menu.show-arrow a:before{content:""}.widget_presscore-custom-menu-one .custom-menu.show-arrow a:after{position:absolute;width:14px;height:14px;top:50%!important;transform:translateY(-50%);left:0;content:"";-webkit-mask:url(../images/the7-chevron-side.svg);mask-image:url(../images/the7-chevron-side.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:8px;mask-size:8px}.custom-menu.show-arrow .has-children>a:before,.widget_presscore-custom-menu-one .custom-menu.show-arrow .has-children>a:before,div[class*=elementor-widget-wp-widget-] .custom-menu.show-arrow .has-children>a:before{content:""}.custom-nav.show-arrow>.has-children>a:before{display:block;position:absolute;top:0;right:0;margin-top:5px;width:8px;height:8px;content:""}.widget_pages a{display:inline-block}.content .custom-menu li ul,.content .menu li ul,.content .widget_pages li ul,.custom-menu li ul,.menu li ul,.widget_pages li ul{margin-left:20px}.custom-nav .custom-menu li ul{padding-top:10px}.widget_tag_cloud a{display:inline-block;padding:0 3px;margin-bottom:2px;text-decoration:none}.content .recent-posts,.recent-posts{margin:0;padding:0 0 5px}.widget .recent-posts{padding-bottom:0}.recent-posts li{display:block;overflow:hidden;margin:0}.recent-posts li article{display:-ms-flexbox;display:-ms-flex;display:flex}.recent-posts li:not(:last-child){padding:0 0 15px}.widget .recent-posts li{margin-top:0}.recent-posts>li:first-child{margin-top:0;padding-top:0;border-top:none!important}.items-grid .post-content>a,.recent-posts a{display:inline-block;text-decoration:none}.items-grid .post-content>p,.recent-posts .post-content>p{margin:5px 0 0}#footer .items-grid .alignleft,#footer .recent-posts .alignleft,#sidebar .items-grid .alignleft,#sidebar .recent-posts .alignleft{margin:0 15px 5px 0}.items-grid .post-content>time,.recent-posts .post-content>time{display:block;margin:5px 0 0}.recent-posts .alignleft{margin:0px 15px 5px 0;font-size:0;line-height:0}.widget .tp_recent_tweets{margin-bottom:10px}.widget .tp_recent_tweets li .twitter_time{position:relative;padding:0 0 0 20px}.widget .tp_recent_tweets li{padding:15px 0 0;background-image:none}.tp_recent_tweets li,.tp_recent_tweets li *{line-height:inherit}.widget .tp_recent_tweets li:first-child{margin-top:0;padding-top:0;border:none!important}.widget .tp_recent_tweets li .twitter_time:before{position:absolute;display:block;top:2px;left:0;width:15px;height:15px;content:"";background-position:0 0;background-repeat:no-repeat}.widget .tp_recent_tweets li:first-child:before{top:5px}.tp_recent_tweets li a{font-weight:400;text-decoration:none}.widget .tp_recent_tweets .twitter_time{font-style:normal}.widget .tp_recent_tweets .twitter_time:hover{text-decoration:underline}.content .searchform,.widget .searchform{position:relative}.widget_search form{margin:5px 0 0}.widget_search input[type=text]{width:100%;margin:0!important}.content .searchform input,.widget .searchform input{padding-right:30px}.content .searchform .submit,.widget .searchform .submit,.widget .searchsubmit{position:absolute;top:0;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;right:11px;width:20px;height:100%;padding:0;text-decoration:none}.content .searchform .submit:hover,.widget .searchform .submit:hover,.widget .searchsubmit:hover{opacity:.7;cursor:pointer}.content .searchform .submit svg,.widget .searchform .submit svg,.widget .searchsubmit svg{width:16px}.skills.hide-percent .skill-value>span{display:none!important}html:not(.mobile-true) .skill-value{transition:width 1.2s ease;transition-delay:.3s}.skill-name{margin-bottom:5px}.skill-name span{margin-left:5px}.skill{height:7px}.skill:not(:last-child){margin-bottom:15px}.skill-value{position:relative;width:0%;height:100%}.skill-value:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.skill-value span{position:absolute;top:-26px;right:-16px;margin-right:4px;padding:2px 6px 3px;background-color:rgba(0,0,0,.8);color:#fff;font-size:10px;font-family:Tahoma,san-serif;line-height:14px}.skill-value span:after{position:absolute;left:50%;bottom:-5px;margin-left:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,.8);content:""}.widget .rsContW{padding-top:5px}.blogroll li,.widget_archive li,.widget_categories li,.widget_links li,.widget_meta li,.widget_recent_comments li,.widget_recent_entries li{margin:5px 0 0;padding:0}.widget_archive select[name=archive-dropdown],.widget_categories select.postform{margin-bottom:0}.blogroll li:first-child,.custom-menu>li:first-child,.widget_archive>ul>li:first-child,.widget_categories li:first-child,.widget_links>ul>li:first-child,.widget_meta li:first-child,.widget_recent_comments>ul>li:first-child,.widget_recent_entries li:first-child{margin-top:0;padding-top:0;border-top:none!important}.blogroll a,.widget_archive a,.widget_categories a,.widget_links a,.widget_meta a,.widget_recent_comments a,.widget_recent_entries a{display:inline-block;text-decoration:none}.st-accordion ul{margin:0}.st-accordion>ul>li{overflow:hidden;margin:0;padding:9px 0 0;list-style:none}.st-accordion>ul>li:first-child .st-content{display:block}.st-accordion>ul>li:first-child{padding-top:0;margin-top:0;border:none}.st-accordion li>a{display:inline-block;position:relative;padding-left:25px;outline:0}.st-accordion li>a:after,.st-accordion li>a:before{position:absolute;top:50%;left:0;margin-top:-7px;width:14px;height:14px;content:""}.st-accordion li>a:after{content:"\f005";font-family:icomoon-the7-font;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:8px;line-height:14px;text-align:center}.st-content{display:none;padding:10px 0 5px}.st-content p{margin-bottom:0}.st-accordion li>a:hover,.textwidget a{text-decoration:none}.textwidget img{max-width:100%;height:auto}.textwidget *{max-width:100%}.textwidget input{width:100%}.textwidget .owl-stage{max-width:none}.textwidget p:last-child{margin-bottom:0}a.rsswidget{text-decoration:none;display:inline-block}.widget .testimonials{padding-bottom:0}.widget_presscore-contact-form-widget form>p:last-child{margin-bottom:0}body{overflow-x:hidden}body.responsive-off{min-width:998px;overflow-x:auto}div[data-pagination-mode=load-more]{overflow-anchor:none}h1,h2,h3,h4,h5,h6{margin-bottom:10px;clear:both}a:hover,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none}p{margin-bottom:10px}a{text-decoration:underline}.content ol,.content ul{margin:0 0 10px 20px}.fa-ul li{list-style:none}.content .widget ol,.content .widget ul{margin:0 0 0px 0px}.content ul{list-style:disc}.content ol{list-style-type:decimal}.content table{border-bottom:1px solid transparent;width:100%;margin:0 0 10px}.content table caption{margin:10px 0}.content td,.content th{border-top:1px solid transparent;padding:5px 10px 5px 5px}.content th{text-align:left}.post .rollover,.post .rollover-video:not(.ts-slide),.post img,.single-postlike img,img[class*=align],img[class*=wp-image-],img[class*=attachment-]{max-width:100%;height:auto}.recent-posts .alignleft img{max-width:inherit;height:inherit}blockquote{padding:20px 25px;margin:0 0 10px;box-sizing:border-box}.format-status-content{border:none}.alignleft{float:left;margin:0 30px 10px 0}.alignleft.photoswipe-wrapper{clear:both;margin:0}.alignleft.photoswipe-wrapper .wp-caption-text{float:left;clear:both}.alignleft>.dt-pswp-item{float:left;margin:0 30px 10px 0}#footer .alignleft,#sidebar .alignleft{margin-right:20px}.alignright{float:right;margin:0 0 10px 30px}.alignright.photoswipe-wrapper{clear:both;margin:0}.alignright>.dt-pswp-item{float:right;margin:0 0 10px 30px}.alignright.photoswipe-wrapper .wp-caption-text{float:right;clear:both}#footer .alignright,#sidebar .alignright{margin-left:20px}.aligncenter{display:block;margin:0 auto 10px}.wp-caption.aligncenter{text-align:center}.entry-content .wp-block-image.alignfull img{width:100vw;margin-left:auto;margin-right:auto}.alignnone{float:none;margin:0 auto 10px}.shortcode-single-image-wrap.aligncenter,.shortcode-single-image-wrap.alignnone{margin-left:auto!important;margin-right:auto!important}.wp-caption{max-width:100%}.gap,.gap-10,.gap-20,.gap-30,.gap-40,.hr-thick,.hr-thin,.vc_empty_space{clear:both}.hr-thick{height:1px;line-height:1px;border-bottom-style:solid;border-bottom-width:5px;margin:0 auto}.hr-thin{height:9px;line-height:9px;margin:0 auto}.hr-thin.hr-left{margin:0}.hr-thin.hr-right{margin:0 0 0 auto}.divider-heder,.layout-list .divider-heder,.layout-masonry .divider-heder,.page .divider-heder,.single .divider-heder{margin:25px 0 36px}.divider-comments{margin:0 0 35px}.divider-post{margin:10px 0 20px}.text-centered{text-align:center}a.text-secondary{text-decoration:none}a.text-secondary:hover{text-decoration:underline}.assistive-text{position:absolute!important;clip:rect(1px,1px,1px,1px)}.assistive-info{text-align:right;color:#fff}.wf-clearfix:before{content:"";display:table}.wf-clearfix:after{content:"";display:table;clear:both}.ancient-ie .wf-clearfix{zoom:1}#main-nav:before,#top-bar:before,.header-bottom-bar:before,.layout-list .post:before,.wf-container:before{content:"";display:table}#main-nav:after,#top-bar:after,.header-bottom-bar:after,.layout-list .post:after,.wf-container:after{content:"";display:table;clear:both}.ancient-ie #main-nav,.ancient-ie #top-bar,.ancient-ie .header-bottom-bar,.ancient-ie .layout-list .post,.ancient-ie .wf-container{zoom:1}#page{position:relative;overflow:hidden}.footer-overlap #page{background:0 0}#page.boxed{max-width:1320px;margin:0px auto;box-shadow:0 0 12px rgba(0,0,0,.15)}.main-gradient{display:none}#main{padding:50px 0}.static-height{position:relative}.fancy-parallax-bg,.page-title-parallax-bg{background-attachment:fixed!important;background-position-x:50%}.fancy-parallax-bg>.wf-wrap,.page-title-parallax-bg>.wf-wrap{position:relative}.mobile-false .fancy-parallax-bg,.mobile-false .page-title-parallax-bg{opacity:0;transition:opacity .3s ease}/*!-Video */embed,iframe,object,video{max-width:100%}/*!-Parallax background for device*/.mobile-true .fancy-parallax-bg,.mobile-true .page-title-parallax-bg{background-attachment:scroll!important;background-size:auto!important}/*!-Row settings->Full-width content*/.full-width-wrap{position:relative;display:block;opacity:0;transition:opacity .4s ease}.is-iphone .full-width-wrap{opacity:1}.content .vc_row.full-width-wrap>.wpb_column,.full-width-wrap>.wf-cell,.full-width-wrap>.wpb_column,.full-width-wrap>.wpb_column>.vc_column-inner{padding-left:0;padding-right:0}/*!-WP Audio*/.mejs-controls .mejs-play:hover button{background-position:0 0}.mejs-controls .mejs-pause button,.mejs-controls .mejs-pause:hover button{background-position:0 -16px}.mejs-controls button{box-shadow:none}.mejs-controls .mejs-mute button:hover{background-position:-16px -16px}.mejs-controls .mejs-unmute button:hover{background-position:-16px 0}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}#page .skip-link{background-color:#f1f1f1;box-shadow:0 0 1px 1px rgba(0,0,0,.2);color:#21759b;display:block;font-size:14px;font-weight:700;left:-9999em;outline:0;padding:15px 23px 14px;text-decoration:none;text-transform:none;top:-9999em}#page .skip-link:focus{left:30px;top:15px;height:auto;width:auto;clip:unset!important;z-index:9}article.attachment:after,article.attachment:before{content:"";display:table;clear:both}.one-line{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.widget_search input[type=text].searchform-s,.woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select,.wpcf7-number,input[type=text]:not(.elementor-field):not(.searchform-s),input[type=search]:not(.elementor-field),input[type=tel]:not(.elementor-field),input[type=url]:not(.elementor-field),input[type=email]:not(.elementor-field),input[type=number]:not(.elementor-field),input[type=date]:not(.elementor-field),input[type=range]:not(.elementor-field),input[type=password]:not(.elementor-field),select:not(.elementor-field):not(.elementor-field-textual),textarea:not(.elementor-field){margin-bottom:10px;border-style:var(--the7-form-border);box-sizing:border-box}input[type=button]{outline:0}@media all and (-ms-high-contrast:none){.dt-form textarea{min-height:100px}}.comment-form .form-fields>span{box-sizing:border-box}.form-fields input,.login-password input,.login-username input{width:100%}.the7-g-captcha{margin-bottom:20px}.form-message{display:block;margin-bottom:10px}.inline-message-style .form-message{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-flow:column wrap;flex-flow:column wrap}.inline-message-style .form-message .formError{-ms-flex-order:0;order:0}.inline-message-style .form-message textarea{-ms-flex-order:1;order:1}input[type=text],input[type=tel],input[type=url],input[type=email],input[type=number],input[type=date],input[type=range],input[type=password],textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0}.form-fields>span{position:relative;display:block}.inline-message-style .form-fields>span{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-flow:column wrap;flex-flow:column wrap}.inline-message-style .form-fields>span .formError{-ms-flex-order:0;order:0}.inline-message-style .form-fields>span input{-ms-flex-order:1;order:1}.form-allowed-tags{margin-bottom:20px}.clear-form{position:relative;float:right;padding:0 15px 0 0}.clear-form:before{display:block;position:absolute;top:50%;right:0;margin-top:-5px;width:10px;font-family:icomoon-the7-font;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:10px;line-height:1;content:"\eb01"}.wpcf7-form input[type=text],.wpcf7-form input[type=tel],.wpcf7-form input[type=url],.wpcf7-form input[type=email],.wpcf7-form input[type=number],.wpcf7-form input[type=date],.wpcf7-form input[type=range],.wpcf7-form textarea,.wpcf7-select{width:100%}.wpcf7-not-valid-tip{display:none}.popup-message-style #page .wpcf7-response-output{position:fixed;top:50%;left:100%;opacity:0}.inline-message-style .wpcf7-mail-sent-ok,.inline-message-style .wpcf7-response-output.run-animation,.inline-message-style .wpcf7-validation-errors{border:none}.popup-message-style #page .wpcf7-mail-sent-ok,.popup-message-style #page .wpcf7-response-output.run-animation,.popup-message-style #page .wpcf7-validation-errors{display:-ms-flexbox!important;display:-ms-flex!important;display:flex!important;-ms-align-items:center;-ms-flex-align:center;align-items:center;box-shadow:0px 10px 40px 0px rgba(0,0,0,.3);border:none!important;position:fixed;top:50%;left:100%;width:400px;max-height:500px;margin:0!important;padding:15px 20px 15px 65px;z-index:9999;overflow:hidden;transform:translate3d(200px,-50%,0);animation:slide-in-message,slide-out-message;animation-duration:1.2s,1.1s;animation-delay:.4s,9s;animation-fill-mode:forwards;animation-timing-function:ease;font-weight:700;box-sizing:border-box}.popup-message-style #page .wpcf7-mail-sent-ok:before,.popup-message-style #page .wpcf7-response-output.run-animation:before,.popup-message-style #page .wpcf7-validation-errors:before{position:absolute;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;top:20px;left:0;width:65px;height:100%;font-family:icomoon-the7-font;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:18px;line-height:1;content:"\ea10"}.popup-message-style #page .wpcf7-mail-sent-ok .wpcf7-not-valid-tip-text,.popup-message-style #page .wpcf7-mail-sent-ok .wpcf7-valid-tip-text,.popup-message-style #page .wpcf7-response-output.run-animation .wpcf7-not-valid-tip-text,.popup-message-style #page .wpcf7-response-output.run-animation .wpcf7-valid-tip-text,.popup-message-style #page .wpcf7-validation-errors .wpcf7-not-valid-tip-text,.popup-message-style #page .wpcf7-validation-errors .wpcf7-valid-tip-text{opacity:1}.popup-message-style #page .wpcf7-mail-sent-ok.wpcf7-response-output:before,.popup-message-style #page .wpcf7-mail-sent-ok:before{content:"\ea09"}.wpcf7-quiz.wpcf7-not-valid,input.wpcf7-validates-as-required.wpcf7-not-valid{border-color:#f55b5f}.gform_fields li{list-style:none}.gform_wrapper .gform_body input[type=text],.gform_wrapper .gform_body input[type=tel],.gform_wrapper .gform_body input[type=url],.gform_wrapper .gform_body input[type=email],.gform_wrapper .gform_body input[type=number],.gform_wrapper .gform_body input[type=password]{padding:9px 10px 8px;font-size:100%}.gform_wrapper .gform_body select,.gform_wrapper.gf_browser_chrome .gform_body .ginput_complex .ginput_right select,.gform_wrapper.gf_browser_chrome .gform_body .ginput_complex select,.mc4wp-form form select{padding:6px 10px 5px;font-size:100%}#main .gform_wrapper .ginput_full input:focus+label,#main .gform_wrapper .ginput_left input:focus+label,#main .gform_wrapper .ginput_right input:focus+label{font-weight:400}.comment-form-cookies-consent,.the7-form-terms-wrap{margin-bottom:20px}#wp-comment-cookies-consent,.the7-form-terms{margin-right:5px}.wpcf7 .wf-cell{padding:0 15px}.wpcf7 .wf-container{margin:0 -15px}#main .gform_wrapper .gform_footer input.button,#main .gform_wrapper .gform_footer input[type=submit],#main-slideshow .tp-button,.dt-btn,.dt-form button,.mc4wp-form input[type=submit],.nsu-submit,.post-password-form input[type=submit],.tml-submit-wrap input[type=submit],.woocommerce-widget-layered-nav-dropdown__submit,a.button,button.button,div.mc4wp-form button[type=submit],form.mc4wp-form input[type=submit],input[type=button],input[type=reset],input[type=submit]{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}#main .gform_wrapper .gform_footer input.button:hover,#main .gform_wrapper .gform_footer input[type=submit]:hover,#main-slideshow .tp-button:hover,.dt-btn:hover,.dt-form button:hover,.mc4wp-form input[type=submit]:hover,.nsu-submit:hover,.post-password-form input[type=submit]:hover,.tml-submit-wrap input[type=submit]:hover,.woocommerce-widget-layered-nav-dropdown__submit:hover,a.button:hover,button.button:hover,div.mc4wp-form button[type=submit]:hover,form.mc4wp-form input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{text-decoration:none}.full-width-btn.dt-btn{display:block;text-align:center;clear:both}#page .btn-margin,#page .btn-margin:last-child,#page .dt-contact-form .dt-btn{margin-right:10px}#page .btn-margin-left,#page .btn-margin-left:last-child{margin-left:10px}.btn-shortcode{margin-bottom:10px}.mc4wp-form input[type=submit],.woocommerce-widget-layered-nav-dropdown__submit,button.button,input[type=button],input[type=reset]{border:none}#page .btn-link{padding:0}.btn-link,.dt-btn-link{position:relative;display:inline-block;text-decoration:none;white-space:nowrap}.dt-btn-link.left-to-right-line:after{position:absolute;display:block;left:0;bottom:0;width:0;content:"";transition:width .4s ease}.dt-btn-link.left-to-right-line:hover:after{width:100%}.dt-btn-link{display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center}.dt-btn-link.full-width-btn{width:100%}.btn-align-left .dt-btn-link.full-width-btn,.dt-btn-link.full-width-btn.btn-inline-left{-ms-flex-pack:flex-start;-ms-justify-content:flex-start;justify-content:flex-start}.btn-align-right .dt-btn-link.full-width-btn,.dt-btn-link.full-width-btn.btn-inline-right{-ms-flex-pack:flex-end;-ms-justify-content:flex-end;justify-content:flex-end}.dt-btn-link.from-center-line:after{position:absolute;visibility:hidden;left:0;bottom:-5px;width:100%;background-color:#000;content:"";transform:scaleX(0);transition:all .2s ease-in-out 0s;opacity:.85}.dt-btn-link.from-center-line:hover:after{visibility:visible;transform:scaleX(1)}.dt-btn-link.upwards-line:after{position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:rgba(0,0,0,.1);content:'';opacity:0;transition:opacity .3s,transform .3s;transform:translateY(10px)}.dt-btn-link.upwards-line:hover:after{opacity:1;transform:translateY(0px)}.dt-btn-link.downwards-line:after{position:absolute;bottom:-5px;left:0;width:100%;background:#fff;content:'';opacity:0;transition:height .3s,opacity .3s,transform .3s;transform:translateY(-10px)}.dt-btn-link.downwards-line:hover:after{opacity:1;transform:translateY(0px)}.btn-link i,.btn-link i *,.dt-btn i,.dt-btn i *{color:inherit}.dt-btn-m i,.dt-btn-s i{margin-right:8px}.dt-btn-l i{margin-right:9px}.dt-btn-m.ico-right-side i,.dt-btn-s.ico-right-side i{margin-right:0px;margin-left:8px}.dt-btn-l.ico-right-side i{margin-right:0px;margin-left:9px}.btn-light,.btn-link,.light-bg-btn,.outline-btn{transition:background .2s ease-out,color .2s ease-out,border-color .2s ease-out}.outline-bg-btn{transition:all .2s ease-out}#page .btn-light:after{display:none}#page .outline-bg-btn,#page .outline-btn,#phantom .outline-bg-btn,#phantom .outline-btn{border:2px solid}.custom-btn-color .dt-btn>*{color:inherit!important}.btn-link.custom-btn-hover-color:hover>.text-wrap *,.btn-link.custom-btn-hover-color:hover>i,.btn-link.custom-btn-hover-color:hover>span,.dt-btn.custom-btn-hover-color:hover>.text-wrap *,.dt-btn.custom-btn-hover-color:hover>i,.dt-btn.custom-btn-hover-color:hover>span,.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover>.text-wrap *,.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover>i,.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover>span{background:0 0!important;color:inherit!important}.outline-element-decoration .btn-light:hover{box-shadow:none}.default-btn-shortcode{text-align:center;max-width:100%;box-sizing:border-box;white-space:normal}.default-btn-shortcode.btn-inline-center{margin-left:auto;margin-right:auto}.default-btn-shortcode.btn-inline-right{float:right}.btn-align-center{text-align:center}.btn-align-right{text-align:right}.shortcode-banner{position:relative;overflow:hidden;background-position:center;line-height:0;opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";background-size:cover}.shortcode-banner,.shortcode-banner-inside{box-sizing:border-box}.wf-table .shortcode-banner-inside{display:table-cell;vertical-align:middle}.content .shortcode-banner-inside *{color:inherit}.shortcode-banner-link:hover .shortcode-banner-bg{opacity:.9;filter:alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";cursor:pointer}.shortcode-banner img{width:100%;height:auto}.shortcode-banner-bg{height:100%;background-clip:padding-box;box-sizing:border-box}.shortcode-banner-inside{overflow:hidden;width:100%;height:100%;padding:15px 20px;background-clip:padding-box}.shortcode-blockquote{position:relative;overflow:hidden;padding:20px 25px;font-style:normal}blockquote.shortcode-blockquote{background-color:transparent;border:1px solid}blockquote.shortcode-blockquote.block-style-widget{border:none}.shortcode-blockquote.block-style-widget:before{position:absolute;right:0;bottom:0;width:117px;height:81px;background-repeat:no-repeat;background-position:right bottom;background-size:117px 81px;content:""}.block-style-widget{border:none}.shortcode-blockquote p{margin-bottom:0}.shortcode-pullquote{position:relative;background-color:transparent!important}#page .shortcode-pullquote.align-left,.shortcode-pullquote.align-left{float:left;margin:15px 30px 10px 0;padding:5px 20px 5px 0}#page .shortcode-pullquote.align-right,.shortcode-pullquote.align-right{float:right;margin:15px 0 10px 30px;padding:5px 0 5px 20px}.shortcode-pullquote:after{position:absolute;top:0;left:0;width:5px;height:100%;content:""}.shortcode-pullquote.align-left:after{left:auto;right:0}.shortcode-action-bg.no-line,.shortcode-action-box{word-wrap:break-word}.plain-bg{border-style:solid;border-width:1px}.shortcode-action-bg.no-line:before{display:none;background-color:transparent}.shortcode-action-box.box-style-table{display:table;width:100%;box-sizing:border-box}.box-style-table .shortcode-action-container{display:table-cell;vertical-align:middle}.shortcode-action-bg{position:relative;padding:20px 25px 10px 30px}.block-style-widget.shortcode-action-bg{border:none}.shortcode-action-bg.no-line{padding-left:25px}#page .shortcode-action-bg:before{position:absolute;left:0;top:0;width:5px;height:100%;content:"";border-bottom-right-radius:0px;border-top-right-radius:0px}.action-button{margin-bottom:20px}.box-style-table .action-button{padding-top:0;padding-left:40px;margin-bottom:0;box-sizing:border-box}.box-style-table .action-button .dt-btn{float:right;margin-right:0;margin-bottom:10px}.shortcode-single-image-wrap{margin-bottom:0px;max-width:100%}.shortcode-single-image-wrap:before{content:"";display:table}.shortcode-single-image-wrap:after{content:"";display:table;clear:both}.ancient-ie .shortcode-single-image-wrap{zoom:1}.shortcode-single-image-wrap.alignnone img{display:inherit;margin:0 auto}.shortcode-single-image-wrap.alignnone .fancy-media-wrap{text-align:center;display:inline-block}.shortcode-single-image-wrap.alignnone .rollover,.shortcode-single-image-wrap.alignnone .rollover-video{display:inline-block;overflow:hidden}.shortcode-single-image-wrap.alignnone .rollover img,.shortcode-single-image-wrap.alignnone .rollover-video img{border-radius:inherit}.shortcode-single-image-wrap.alignleft,.shortcode-single-image-wrap.alignright{margin:0}.shortcode-single-image-wrap .rollover-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;opacity:0;transition:all 450ms ease}.mobile-false .shortcode-single-image-wrap .rollover:hover .rollover-icon{opacity:1}.quick-scale-img.shortcode-single-image-wrap img{transition:transform .25s ease-out,opacity .25s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.mobile-false .scale-img.shortcode-single-image-wrap:hover img{transform:scale(1.2);transition:transform 4s ease-out}.mobile-false .quick-scale-img.shortcode-single-image-wrap:hover img{transform:scale(1.2);transition:transform .25s ease-out}.mobile-false .shortcode-single-image-wrap .rollover-video:hover .rollover-icon{transform:scale(1.2)}.shortcode-single-image-wrap .rollover-video .video-icon{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;text-decoration:none;background:0 0}.shortcode-single-image-wrap .rollover-video .rollover-icon{position:relative;top:0;left:0;opacity:1;transform:scale(1)}.shortcode-single-image-wrap .rollover-video .video-icon:before{display:none}.fancy-media-wrap>a{display:block}.disable-bg-rollover .fancy-media-wrap .rollover i,.disable-bg-rollover .shortcode-single-image .rollover-video i{display:none}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.shortcode-single-image-wrap .fancy-media-wrap,.shortcode-single-image-wrap .rollover{display:block!important}}.shortcode-single-image{position:relative;line-height:0;box-sizing:border-box}.alignnone .shortcode-single-image{text-align:center}.shortcode-single-image:before{content:"";display:table}.shortcode-single-image:after{content:"";display:table;clear:both}.ancient-ie .shortcode-single-image{zoom:1}.shortcode-single-image .rollover i,.shortcode-single-image .rollover i:after,.shortcode-single-image .rollover-video i{border-radius:inherit}.post-video,.shortcode-single-video .fancy-media-wrap,.shortcode-single-video .shortcode-teaser-video,.shortcode-single-video.alignnone .fancy-media-wrap,.shortcode-video{position:relative;display:block;overflow:hidden;padding-top:30px;height:0;padding-bottom:56.25%}.shortcode-single-video .mejs-container,.shortcode-single-video .mejs-overlay.load,.shortcode-single-video .wp-video,.shortcode-single-video video.wp-video-shortcode{width:100%!important;height:100%!important}.shortcode-single-video .mejs-container{padding-top:56.25%}.shortcode-single-video .wp-video,.shortcode-single-video video.wp-video-shortcode{max-width:100%!important}.shortcode-single-video video.wp-video-shortcode{position:relative}.shortcode-single-video .mejs-mediaelement{position:absolute;top:0;right:0;bottom:0;left:0}.post-video embed,.post-video iframe,.post-video object,.shortcode-single-video embed,.shortcode-single-video iframe,.shortcode-single-video object,.shortcode-single-video video,.shortcode-video iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.shortcode-single-image img{max-width:100%;height:auto}.borderframe .shortcode-single-image{border:1px solid}.borderframe.br-standard .shortcode-single-image{border:none}.content .borderframe.caption-on .shortcode-single-image{border-bottom:none}#main .borderframe.caption-on .shortcode-single-image{padding-bottom:0!important}.shortcode-single-caption{width:100%;height:auto;padding:15px 20px 0;box-sizing:border-box;text-align:center}.br-standard.borderframe .shortcode-single-caption{border:none}.shortcode-single-caption p{margin-bottom:0}.shortcode-single-image-wrap img{border-radius:inherit}.content .image-arrow,.content .standard-arrow,.content .standard-number-list,.standard-arrow{margin:0 0 15px}.content .image-arrow ul,.content .standard-arrow ul,.content .standard-number-list ul{margin:0}.standard-arrow li,.standard-number-list li{position:relative;padding-left:24px;margin-bottom:10px;list-style:none}.standard-arrow li:after,.standard-arrow li:before{position:absolute;top:50%;left:0;transform:translateY(-50%);width:14px;height:14px;content:""}.standard-arrow.list-divider:not(.bullet-top) li:first-child:after,.standard-arrow.list-divider:not(.bullet-top) li:first-child:before{transform:translateY(calc(-50% - 9px/2))}.standard-arrow li:after{content:"\f007";font-family:icomoon-the7-font;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:7px;line-height:14px;text-align:center;color:#fff}.standard-arrow li:before,.standard-number-list li:before,.standard-number-list.list-divider li:first-child:before{border-radius:50%}.standard-arrow.bullet-top li:after{margin-top:0;height:14px}.standard-arrow.bullet-top li:after,.standard-arrow.bullet-top li:before{top:0;transform:translateY(0%)}.standard-arrow.bullet-top li:after,.standard-arrow.list-divider.bullet-top li:after,.standard-arrow.list-divider.bullet-top li:first-child:after{background-position:center center}.list-divider li{padding-top:9px;padding-bottom:10px;margin-bottom:0;border-top:1px solid;background-position:0 13px}.image-arrow .fa-ul li{padding-left:2.14286em}.image-arrow .fa-ul li .fa-li{left:0;line-height:inherit}.list-divider.image-arrow .fa-ul li .fa-li{padding:9px 0 10px}.list-divider.image-arrow .fa-ul li:first-child .fa-li{padding-top:0}.list-divider li p{margin-bottom:0}.list-divider li:first-child{padding-top:0;margin-bottom:0;border:none!important;background-position:0 4px}.standard-number-list{counter-reset:my-badass-counter}.standard-number-list li{position:relative;padding-left:30px}.standard-number-list.list-divider li{padding-top:9px}.standard-number-list li:before{position:absolute;text-align:center;top:50%;left:0;width:20px;height:20px;transform:translateY(-50%);color:#fff;background-color:red;content:counter(my-badass-counter,decimal);counter-increment:my-badass-counter;font-family:Arial,Verdana,sans-serif;font-size:11px;line-height:20px}.standard-number-list.list-divider li:first-child{padding-top:0}.standard-number-list.bullet-top li:before,.standard-number-list.bullet-top li:first-child:before{top:0px;margin-top:2px;transform:translateY(0%)}.standard-number-list.list-divider.bullet-top li:not(:first-child):before{margin-top:9px}.image-arrow li{overflow:hidden;width:100%;margin-bottom:10px;list-style:none}.image-arrow.list-divider li{margin-bottom:0}.image-arrow li .wf-table{width:auto}.image-arrow li .wf-table div{display:table-cell;vertical-align:middle}.image-arrow li .list-img{margin:0 10px 0px 0}.font-arrow ul{list-style:none}.font-arrow i{font-size:14px;margin-right:10px}.frame-on{padding-top:25px;border:1px solid}.frame-on.img-full{padding-top:0px}.content .frame-on.frame-fancy{border:none}.shortcode-teaser.frame-on.img-full{border-radius:0}.shortcode-teaser-img{line-height:0;padding-bottom:20px}.frame-on .shortcode-teaser-img{padding:0px 25px 25px}.img-full .shortcode-teaser-img{padding:0 0 25px}.shortcode-teaser-img img{width:100%;height:auto}.frame-on .shortcode-teaser-content{padding:0px 25px 10px}.shortcode-teaser-content{margin-top:-5px}.text-centered .shortcode-teaser-content{text-align:center}.shortcode-tooltip{border-bottom:1px dashed}.shortcode-tooltip:hover{border:none;cursor:help}.tooltip-c{display:none}.shortcode-tooltip-content{position:absolute;left:-9999px;z-index:999;display:none;overflow:visible;margin:5px 0 15px;padding:13px 20px 17px;min-width:210px;max-width:210px;background:rgba(24,25,25,.95);color:#fff!important}.tooltip-title.text-big{color:#fff}.tooltip-title{display:block;margin-bottom:10px}.dt-highlight{padding:1px 4px;color:#fff}.dt-highlight.highlight-white{background-color:#fff!important;background-image:none!important;color:#2e2e2f}.dt-highlight.highlight-red{background-color:#d73b37;background-image:none!important;color:#fff}.dt-highlight.highlight-berry{background-color:#e32a5a!important;background-image:none!important;color:#fff}.dt-highlight.highlight-orange{background-color:#f36c0a!important;background-image:none!important;color:#fff}.dt-highlight.highlight-yellow{background-color:#f2a809!important;background-image:none!important;color:#fff}.dt-highlight.highlight-pink{background-color:#fd8fb6!important;background-image:none!important;color:#fff}.dt-highlight.highlight-green{background-color:#8cc63a!important;background-image:none!important;color:#fff}.dt-highlight.highlight-dark-green{background-color:#3ab459!important;background-image:none!important;color:#fff}.dt-highlight.highlight-blue{background-color:#27cff3!important;background-image:none!important;color:#fff}.dt-highlight.highlight-dark-blue{background-color:#2985c6!important;background-image:none!important;color:#fff}.dt-highlight.highlight-violet{background-color:#6946b8!important;background-image:none!important;color:#fff}.dt-highlight.highlight-black{background-color:#3e3f3f!important;background-image:none!important;color:#fff}.dt-highlight.highlight-gray{background-color:#a5a6a7!important;background-image:none!important;color:#fff}.dt-format-gallery{overflow:hidden;max-width:100%}.dt-format-gallery.shortcode-gallery{margin-bottom:0}.dt-format-gallery.shortcode-gallery a{line-height:0}.dt-format-gallery .rollover-video.big-img,.dt-format-gallery a.big-img{border-bottom:none}.gallery-col-1 .rollover-video,.gallery-col-1>a{width:100%}.gallery-col-2 .rollover-video,.gallery-col-2>a{width:50%}.gallery-col-2 .rollover-video.big-img,.gallery-col-2>a.big-img{width:100%}.gallery-col-3 .rollover-video.big-img,.gallery-col-3 a.big-img{width:66.6667%}.gallery-col-3 .rollover-video,.gallery-col-3>a{width:33.3333%}.gallery-col-4 .rollover-video.big-img,.gallery-col-4 a.big-img{width:50%}.gallery-col-4 .rollover-video,.gallery-col-4>a{width:25%}.gallery-col-5 .rollover-video.big-img,.gallery-col-5 a.big-img{width:40%}.gallery-col-5 .rollover-video,.gallery-col-5>a{width:20%}.gallery-col-6 .rollover-video.big-img,.gallery-col-6 a.big-img{width:33.3333%}.gallery-col-6 .rollover-video,.gallery-col-6>a{width:16.6667%}.gallery-coll-half{float:left;line-height:0}.gallery-coll-fourth{float:left}.dt-format-gallery .rollover-video,.dt-format-gallery a{box-sizing:border-box;max-width:100%;float:left;border-bottom:2px solid transparent;border-right:2px solid transparent}.dt-format-gallery.gallery-col-1 .rollover-video.big-img,.dt-format-gallery.gallery-col-1 a.big-img,.dt-format-gallery.gallery-col-2 .rollover-video.big-img,.dt-format-gallery.gallery-col-2 a.big-img{border-bottom:3px solid transparent}.dt-format-gallery img{width:100%;height:auto}#main .gallery img{border:none}.slider-wrapper{position:relative}#page .slider-wrapper img{max-width:none}.bg-on .project-list-content{position:relative}.slider-content{visibility:hidden}.dt-owl-item .post.bg-on{position:static;background:0 0}.dt-owl-item .post.bg-on:before{position:absolute;display:block;width:100%;height:100%;content:"";z-index:0}.slider-wrapper .owl-next,.slider-wrapper .owl-prev{position:absolute;z-index:99;left:10px;top:50%;margin-top:-20px;width:40px;height:40px;opacity:0;visibility:hidden;transition:opacity .4s ease}.slider-wrapper .owl-next{left:auto;right:10px}.shadow-element-decoration .description-under-image.slider-wrapper .owl-next{right:0}.slider-wrapper.arrows-accent .owl-next,.slider-wrapper.arrows-accent .owl-prev{width:30px;height:60px;margin-top:-30px}.slider-wrapper.hide-arrows .disabled{display:none}.slider-wrapper.arrows-accent .owl-next,.slider-wrapper.arrows-accent .owl-prev,.slider-wrapper.arrows-dark .owl-next,.slider-wrapper.arrows-dark .owl-prev,.slider-wrapper.arrows-light .owl-next,.slider-wrapper.arrows-light .owl-prev{visibility:visible}.slider-wrapper.show-arrows .owl-next,.slider-wrapper.show-arrows .owl-prev{opacity:1}.mobile-true .slider-wrapper.show-arrows .owl-next,.mobile-true .slider-wrapper.show-arrows .owl-prev{display:none}.mobile-true .enable-mobile-arrows.slider-wrapper .owl-next,.mobile-true .enable-mobile-arrows.slider-wrapper .owl-prev{display:block;opacity:1}.slider-wrapper .owl-next i:hover,.slider-wrapper .owl-prev i:hover{cursor:pointer}.slider-wrapper .owl-next i,.slider-wrapper .owl-prev i{position:absolute;left:0px;top:0;width:40px;height:40px;transition:opacity .4s ease;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;align-items:center;-ms-flex-align:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;font-size:18px}.slider-wrapper .owl-next i:before,.slider-wrapper .owl-prev i:before{background:0 0}.arrows-accent.slider-wrapper .owl-next i:before,.arrows-accent.slider-wrapper .owl-prev i:before,.arrows-dark.slider-wrapper .owl-next i:before,.arrows-dark.slider-wrapper .owl-prev i:before{color:#fff!important}.arrows-light.slider-wrapper .owl-next i:before,.arrows-light.slider-wrapper .owl-prev i:before{color:rgba(34,34,34,.85)!important}.slider-wrapper .owl-next.disabled i:active:before,.slider-wrapper .owl-next.disabled i:before,.slider-wrapper .owl-prev.disabled i:active:before,.slider-wrapper .owl-prev.disabled i:before{opacity:.55}.slider-wrapper .owl-next i:active:before,.slider-wrapper .owl-prev i:active:before{opacity:.8}.slider-wrapper.arrows-accent .owl-next i,.slider-wrapper.arrows-accent .owl-prev i{width:30px;height:60px}.arrows-light .owl-next i,.arrows-light .owl-prev i{background:#fff!important;box-shadow:0 6px 18px rgba(0,0,0,.1);border-radius:50%}.arrows-light .owl-next:not(.disabled):hover i,.arrows-light .owl-prev:not(.disabled):hover i{box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}.arrows-light .owl-next.disabled i,.arrows-light .owl-next.disabled:hover i,.arrows-light .owl-prev.disabled i,.arrows-light .owl-prev.disabled:hover i{background-color:rgba(255,255,255,.5)!important}.arrows-dark .owl-next i,.arrows-dark .owl-prev i{-webkit-background-clip:unset!important;background:rgba(34,34,34,.6)!important;border-radius:50%}.arrows-dark .owl-next.disabled i,.arrows-dark .owl-next.disabled:hover i,.arrows-dark .owl-prev.disabled i,.arrows-dark .owl-prev.disabled:hover i{background-color:rgba(34,34,34,.25)!important}.arrows-dark .owl-next:hover i,.arrows-dark .owl-prev:hover i{background-color:rgba(34,34,34,.85)!important}.arrows-light .owl-next:hover i,.arrows-light .owl-prev:hover i{background-color:rgba(255,255,255,.85)!important}.arrows-dark .owl-next i:before,.arrows-dark .owl-prev i:before{opacity:.7}.photoSlider .ps-link:hover,.photoSlider .video-icon:hover{background-color:rgba(0,0,0,.4);opacity:.7}.photoSlider .slider-post-caption{position:absolute;left:0;top:auto;bottom:0;width:100%;text-align:left}.photoSlider .slider-post-caption p{margin-bottom:0}.photoSlider .slider-post-inner{position:absolute;bottom:0;display:inline-block;padding:5px 90px 15px 20px;margin:0}.photoSlider .slider-post-inner *{color:#fff}.slider-masonry .owl-nav a,.slider-masonry .psPlay,.slider-simple .owl-nav a,.slider-simple .psPlay{height:32px;width:32px;line-height:34px;text-align:center;position:absolute;display:block;cursor:pointer;z-index:100;background-color:rgba(0,0,0,.4);border-radius:50%;transition:opacity .4s ease}.slider-masonry .owl-nav a:hover,.slider-masonry .psPlay:hover,.slider-simple .owl-nav a:hover,.slider-simple .psPlay:hover{opacity:.7}.slider-masonry .owl-nav,.slider-simple .owl-nav{position:relative;right:0px}.slider-masonry .owl-prev,.slider-simple .owl-prev{right:58px;bottom:20px}.slider-masonry .owl-next,.slider-simple .owl-next{right:19px;bottom:20px}.shortcode-photo-slider .owl-nav{right:40px}.shortcode-slider-wrap .owl-prev{right:98px;bottom:20px}.shortcode-slider-wrap .owl-next{right:58px;bottom:20px}.slider-simple .psPlay{right:19px;bottom:20px}.slider-masonry .psPlay:before,.slider-simple .psPlay:before{position:absolute;left:0;top:0;width:32px;height:32px;line-height:32px;content:"";background-position:center center;background-repeat:no-repeat;z-index:9}.slider-masonry .owl-nav a i:before,.slider-simple .owl-nav a i:before{color:#fff;background:0 0!important}.accent-gradient .slider-masonry .owl-nav a i:before,.accent-gradient .slider-simple .owl-nav a i:before{color:#fff}.photoSlider-wrap .rightArrow:hover:before,.rsShor-wrap .rsArrowRight.rsArrowDisabled .rsArrowIcn:hover:before{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='9.349,2.035 8.016,3.363 11.661,7.022 1.031,7.022 1.031,9.016 11.661,9.016 8.016,12.674 9.349,14.002 15.309,8.02 '/%3E%3C/svg%3E")}.photoSlider-wrap .leftArrow:before,.photoSlider-wrap .leftArrow:hover:before,.rsShor .rsArrowLeft.rsArrowDisabled .rsArrowIcn:hover:before{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='0.719,8.02 6.679,14.002 8.012,12.674 4.366,9.016 14.996,9.016 14.996,7.022 4.366,7.022 8.012,3.363 6.679,2.035 '/%3E%3C/svg%3E")}.slider-simple .psPlay.paused:before{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='white' d='M13.481,7.134L5.371,2.292C5.134,2.164,4.892,1.969,4.65,1.969C4.262,1.969,4,2.359,4,2.83v10.332c0,0.471,0.262,0.86,0.65,0.86c0.242,0,0.484-0.194,0.721-0.322l8.111-4.844C13.677,8.741,14,8.511,14,8C14,7.489,13.677,7.248,13.481,7.134z M5.85,11.381V4.592l5.535,3.395L5.85,11.381z'/%3E%3C/svg%3E")}.slider-simple .psPlay:before{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Crect x='4' y='3' width='2.15' height='10'/%3E%3Crect x='9.85' y='3' width='2.15' height='10'/%3E%3C/svg%3E")}.widget .slider-content{margin-bottom:25px}.widget_presscore-team .slider-content{margin-bottom:17px}.slider-content .owl-dots{position:absolute;top:calc(100%);overflow:hidden;width:100%;height:auto;text-align:center}.widget .slider-content .owl-dots{top:100%}.widget_presscore-testimonials-slider .slider-content .owl-dots{top:calc(100% + 8px)}.slider-content .owl-dot:hover{cursor:pointer}.slider-content .owl-dot,.slider-content .owl-dot:after{border-radius:50%;box-sizing:border-box}.slider-content .owl-dot{position:relative;display:inline-block;width:10px;height:10px;margin:0 5px;vertical-align:middle;background-color:transparent;transition:box-shadow .3s ease}.gallery-carousel-shortcode .dt-owl-item,.gallery-carousel-shortcode .dt-owl-item>div,.gallery-carousel-shortcode .owl-stage{display:-ms-flexbox;display:-ms-flex;display:flex}.gallery-carousel-shortcode .post{-ms-align-content:center;align-content:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center}.slider-wrapper .blog-media{-ms-flex:0 0 auto;display:block}.soc-ico{overflow:hidden}.dt-shortcode-soc-icons.soc-icons-center{text-align:center}.dt-shortcode-soc-icons.soc-icons-right{text-align:right}.dt-shortcode-icon .soc-icon,.dt-shortcode-soc-icons .soc-icon,.text-icon .soc-icon{position:relative;z-index:2}.masthead .mega-menu-widgets .soc-ico a,.soc-ico a{position:relative;display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;margin:2px;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;box-sizing:border-box;text-decoration:none}.masthead .mega-menu-widgets .soc-ico a .soc-font-icon,.soc-ico a .soc-font-icon{position:relative;z-index:1;font-size:16px}.dt-shortcode-icon,.dt-shortcode-icon .icon-inner,.dt-shortcode-soc-icons a,.text-icon .icon-inner{position:relative;display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;min-width:26px;min-height:26px;line-height:26px;text-align:center;border-radius:50%;box-sizing:border-box;text-decoration:none;margin:0}#page .dt-shortcode-icon,#page .dt-shortcode-icon .icon-inner,#page .dt-shortcode-soc-icons a,#page .text-icon .icon-inner,#phantom .dt-shortcode-icon,#phantom .dt-shortcode-icon .icon-inner,#phantom .dt-shortcode-soc-icons a,#phantom .text-icon .icon-inner{text-decoration:none}.dt-shortcode-icon .icon-inner:after,.dt-shortcode-icon .icon-inner:before,.dt-shortcode-icon:after,.dt-shortcode-icon:before,.dt-shortcode-soc-icons a:after,.dt-shortcode-soc-icons a:before,.text-icon .icon-inner:after,.text-icon .icon-inner:before{box-sizing:border-box;border:0px solid}.dt-icon-center{text-align:center}.dt-icon-right{text-align:right}.soc-ico a:after,.soc-ico a:before{position:absolute;top:0;left:0;width:26px;height:26px;content:"";border-radius:inherit;transition:opacity .15s linear}.dt-shortcode-soc-icons a:after,.dt-shortcode-soc-icons a:before{position:absolute;top:0;left:0;min-width:26px;min-height:26px;width:100%;height:100%;content:"";border-radius:inherit;transition:opacity .15s linear}.dt-shortcode-icon .icon-inner:after,.dt-shortcode-icon .icon-inner:before,.dt-shortcode-icon:after,.dt-shortcode-icon:before{position:absolute;top:0;left:0;width:26px;height:26px;margin:0!important;content:"";font-size:0!important;border-radius:inherit;transition:opacity .15s linear}.dt-shortcode-icon:after,.dt-shortcode-icon:before{z-index:2}.dt-shortcode-icon .icon-inner:before,.dt-shortcode-icon:not(.dt-icon-hover-off):hover .icon-inner:after,.dt-shortcode-icon:not(.dt-icon-hover-off):hover:after,.dt-shortcode-soc-icons a:before,.dt-shortcode-soc-icons a:hover:after,.soc-ico a:before,.soc-ico a:hover:after{opacity:1}.dt-shortcode-icon:hover .icon-inner:before,.dt-shortcode-icon:hover:before,.dt-shortcode-icon:not(:hover) .icon-inner:after,.dt-shortcode-icon:not(:hover):after,.dt-shortcode-soc-icons a:hover:before,.dt-shortcode-soc-icons a:not(:hover):after,.soc-ico a:hover:before,.soc-ico a:not(:hover):after{transition-delay:.1s}.dt-shortcode-icon .icon-inner:after,.dt-shortcode-icon:after,.dt-shortcode-icon:hover:before,.dt-shortcode-icon:not(.dt-icon-hover-off):hover .icon-inner:before,.dt-shortcode-icon:not(.dt-icon-hover-off):hover:before,.dt-shortcode-soc-icons a:after,.dt-shortcode-soc-icons a:hover:before,.soc-ico a:after,.soc-ico a:hover:before{opacity:0}.dt-shortcode-icon.dt-icon-hover-off:after{display:none}.dt-hover-icon,.dt-regular-icon{top:0;left:0;display:block;transition:all .3s ease-in-out}.dt-icon-animate-slide-up:hover .dt-regular-icon{transform:translateY(-200%)}.dt-icon-animate-slide-right .dt-regular-icon{transform:translate(-200%,0%)}.dt-icon-animate-slide-right:hover .dt-regular-icon{transform:translate(0,0%)}.dt-icon-animate-slide-right .icon-inner,.dt-icon-animate-slide-up .icon-inner{overflow:hidden}.dt-shortcode-icon .dt-hover-icon,.text-icon .dt-hover-icon{position:absolute;width:100%;height:100%;display:none}.dt-icon-animate-slide-up:not(.dt-icon-hover-off) .dt-hover-icon{display:block;transform:translateY(200%)}.dt-icon-animate-slide-up:not(.dt-icon-hover-off):hover .dt-hover-icon{transform:translateY(0%)}.dt-icon-animate-slide-right:not(.dt-icon-hover-off) .dt-hover-icon{display:block;transform:translate(0,0%)}.dt-icon-animate-slide-right:not(.dt-icon-hover-off):hover .dt-hover-icon{transform:translate(200%,0%)}.dt-icon-animate-scale,.dt-icon-animate-scale-down,.dt-icon-animate-shadow{transition:all .2s ease-in-out}.dt-icon-animate-shadow:not(.dt-icon-hover-off):hover{box-shadow:0 0 10px rgba(0,0,0,.3)}.dt-icon-animate-scale:not(.dt-icon-hover-off):hover{transform:scale(1.2)}.dt-icon-animate-scale-down:not(.dt-icon-hover-off):hover{transform:scale(.8)}.dt-icon-animate-spin-around:not(.dt-icon-hover-off):hover .dt-regular-icon{animation:rotate .9s forwards}@keyframes rotate{100%{transform:rotate(360deg)}}.soc-ico.text-centered a{float:none;display:inline-block}#top-bar .right-block .soc-ico a{float:right;margin:2px}#bottom-bar .soc-ico a:hover,#top-bar .soc-ico a:hover,.soc-ico a,.soc-ico a:hover{text-decoration:none}.dt-mega-parent .sidebar-content .widget .soc-ico a:hover .soc-font-icon{color:#fff!important}#footer .soc-ico a:hover .soc-font-icon,#main .soc-ico a:hover .soc-font-icon{color:#fff}.dt-fancy-separator{position:relative;overflow:hidden;margin:0 auto;text-align:center}.dt-fancy-separator.title-left,.dt-fancy-separator.title-right{margin:0}.dt-fancy-separator.title-left{text-align:left}.dt-fancy-separator.title-left .dt-fancy-title{padding-left:0}.dt-fancy-separator.title-left .dt-fancy-title.bg-on{padding-left:1em}.dt-fancy-separator.title-right{float:right;clear:both;text-align:right}.dt-fancy-separator.title-right .dt-fancy-title{padding-right:0}.dt-fancy-separator.title-right .dt-fancy-title.bg-on{padding-right:1em}.separator-holder{position:absolute;display:block;top:49.99%;width:2000px;border-top:1px solid red;content:''}.style-dashed .separator-holder{border-top-width:1px;border-top-style:dashed}.style-dotted .separator-holder{border-top-width:1px;border-top-style:dotted}.style-double .separator-holder{border-top-width:3px;border-top-style:double}.style-thick .separator-holder{border-top-width:5px;border-top-style:solid}.style-disabled .separator-holder{display:none}.separator-left{right:100%;margin-right:1em}.separator-right{left:100%;margin-left:1em}.dt-fancy-separator.line-below .separator-left{top:auto;right:0;bottom:-1em;margin-right:0}.line-below .separator-holder{top:auto;bottom:-1em;margin-right:0;margin-left:0}.dt-fancy-separator.line-below.title-left .separator-left{left:0;right:auto}.dt-fancy-separator.line-below.title-right .separator-left{left:auto;right:0}.dt-fancy-separator.line-below.title-left .separator-right,.dt-fancy-separator.line-below.title-right .separator-right{display:none}.dt-fancy-title{position:relative;display:inline-block;top:50%}.dt-fancy-title.bg-on{padding:0 1em}.accent-gradient .accent-border-color.hr-thin.style-line{height:1px}.accent-gradient .accent-border-color.hr-thick{height:5px}.twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before{content:" ";display:block;background:#fff;position:absolute;z-index:30}.twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-horizontal .twentytwenty-handle:before{width:3px;height:9999px;left:50%;margin-left:-1.5px}.twentytwenty-vertical .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before{width:9999px;height:3px;top:50%;margin-top:-1.5px}.twentytwenty-after-label,.twentytwenty-before-label{position:absolute;width:120px;padding:3px 5px;color:#fff!important;font-size:13px;line-height:16px;vertical-align:middle;text-align:center;z-index:99;opacity:0;text-shadow:0 0 2px rgba(0,0,0,.5);transition:opacity .4s ease}.twentytwenty-horizontal .twentytwenty-before-label{bottom:10px;left:10px;text-align:left}.twentytwenty-horizontal .twentytwenty-after-label{bottom:10px;right:10px;text-align:right}.twentytwenty-vertical .twentytwenty-before-label{top:10px;left:50%;margin-left:-65px}.twentytwenty-vertical .twentytwenty-after-label{bottom:10px;left:50%;margin-left:-65px}.twentytwenty-container:hover .twentytwenty-after-label,.twentytwenty-container:hover .twentytwenty-before-label{opacity:1}.twentytwenty-down-arrow,.twentytwenty-left-arrow,.twentytwenty-right-arrow,.twentytwenty-up-arrow{width:0;height:0;border:6px inset transparent;position:absolute}.twentytwenty-left-arrow,.twentytwenty-right-arrow{top:50%;margin-top:-6px}.twentytwenty-down-arrow,.twentytwenty-up-arrow{left:50%;margin-left:-6px}.twentytwenty-container{box-sizing:content-box;z-index:0;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none}.twentytwenty-container img{max-width:100%;width:100%;height:auto;position:absolute;top:0;display:block}.active-click .twentytwenty-handle,.twentytwenty-container.active-click img{transition:all .3s ease-out}.twentytwenty-container *{box-sizing:content-box}.twentytwenty-before{z-index:20}.twentytwenty-after{z-index:10}.twentytwenty-handle{height:38px;width:38px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;border:3px solid #fff;border-radius:1000px;z-index:40;cursor:pointer}.twentytwenty-container[data-navigation=move] .twentytwenty-handle{border:none;cursor:default}.twentytwenty-container[data-navigation=move] .twentytwenty-handle>span{display:none}.twentytwenty-horizontal .twentytwenty-container[data-navigation=move] .twentytwenty-handle:before{margin-bottom:0;margin-left:0}.twentytwenty-horizontal .twentytwenty-container[data-navigation=move] .twentytwenty-handle:after{margin-top:0;margin-left:0}.twentytwenty-vertical .twentytwenty-container[data-navigation=move] .twentytwenty-handle:before{margin-left:0;margin-top:0}.twentytwenty-vertical .twentytwenty-container[data-navigation=move] .twentytwenty-handle:after{margin-right:0;margin-top:0}.twentytwenty-horizontal .twentytwenty-handle:before{bottom:50%;margin-bottom:22px}.twentytwenty-horizontal .twentytwenty-handle:after{top:50%;margin-top:22px}.twentytwenty-vertical .twentytwenty-handle:before{left:50%;margin-left:22px}.twentytwenty-vertical .twentytwenty-handle:after{right:50%;margin-right:22px}.twentytwenty-left-arrow{border-right:6px solid #fff;left:50%;margin-left:-17px}.twentytwenty-right-arrow{border-left:6px solid #fff;right:50%;margin-right:-17px}.twentytwenty-up-arrow{border-bottom:6px solid #fff;top:50%;margin-top:-17px}.twentytwenty-down-arrow{border-top:6px solid #fff;bottom:50%;margin-bottom:-17px}.shortcode-blog-posts .post{border:none}.items-grid .wf-td,.recent-posts .wf-td{display:table-cell;vertical-align:top}.post-content a{text-decoration:none}.shortcode-blog-posts .entry-meta{padding-bottom:10px}.items-grid{margin-bottom:-20px}.items-grid .wf-cell{margin-bottom:20px}.items-grid .borders:before{display:block;position:absolute;bottom:-15px;left:0;width:100%;content:""}.items-grid article{overflow:hidden;display:-ms-flexbox;display:-ms-flex;display:flex}.single-related-posts .mini-post-img{-ms-flex:1 0 auto;flex:1 0 auto}.items-grid a{text-decoration:none}.items-grid .alignleft{margin:5px 20px 5px 0;font-size:0;line-height:0}.blog-shortcode article{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start}.mode-grid:not(.bottom-overlap-layout-list) article,.mode-masonry:not(.bottom-overlap-layout-list) article{-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.albums-shortcode.gradient-overlay-layout-list article,.blog-shortcode.gradient-overlay-layout-list article,article.on-hover{cursor:pointer}.bottom-overlap-layout-list article,.centered-layout-list article{-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-align-items:center;-ms-flex-align:center;align-items:center}.classic-layout-list.mode-list article.full-width-img{-ms-flex-flow:column wrap;flex-flow:column wrap}.dividers-on.classic-layout-list article{padding-top:44px;margin-top:19px}.dividers-on.classic-layout-list article:first-child{padding-top:0;margin-top:0}.jquery-filter article:not(.visible){visibility:hidden;opacity:0}.jquery-filter article.visible{animation:fadeInFromNone .5s ease-out}.jquery-filter article.hidden{visibility:hidden;opacity:0}@keyframes fadeInFromNone{0%{visibility:hidden;opacity:0}1%{visibility:visible;opacity:0}100%{visibility:visible;opacity:1}}.blog-shortcode .post-thumbnail-wrap{position:relative;width:100%;box-sizing:border-box;-ms-flex:0 0 auto}.project-even .post-thumbnail-wrap{-ms-flex-order:2;order:2}.blog-shortcode .post-thumbnail{position:relative;display:block}.blog-shortcode .post-thumbnail .alignleft{margin:0}.blog-shortcode .post-thumbnail .alignnone{margin-bottom:0}.blog-shortcode .format-gallery .post-thumbnail{width:100%}.post-thumbnail-rollover{position:relative;display:block;line-height:0;overflow:hidden}.post-thumbnail-rollover:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0;transition:opacity .35s linear}.blog-shortcode.gradient-overlay-layout-list .post-thumbnail-rollover:after{display:none}.post-thumbnail-rollover:before{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;z-index:1}.mobile-false .post-thumbnail>.post-thumbnail-rollover:hover:after,.on-hover .post-thumbnail>.post-thumbnail-rollover:after{opacity:1}.blog-thumb-iso-lazy-load{opacity:0}.content-rollover-layout-list article:hover>.post-thumbnail-wrap .post-thumbnail-rollover:after,.gradient-overlay-layout-list article:hover>.post-thumbnail-wrap .post-thumbnail-rollover:after{opacity:1}.no-img .overlay-placeholder img{max-width:none}.post-thumbnail:not(.overlay-placeholder)>.post-thumbnail-rollover img{width:100%}.scale-img.content-rollover-layout-list article:hover .post-thumbnail>.post-thumbnail-rollover img,.scale-img.gradient-overlay-layout-list article:hover .post-thumbnail>.post-thumbnail-rollover img{transform:scale(1.2);transition:transform 4s ease-out}.side-overlap-layout-list .project-odd .fancy-date a{right:auto;left:10px}.fancy-date a>span{display:block}.fancy-categories{position:absolute;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;z-index:30;top:10px;left:10px}.fancy-categories a{padding:2px 9px 1px;margin:0 0 2px;text-decoration:none;background-color:rgba(0,0,0,.75);color:#fff}.fancy-categories a:hover{color:#fff}.side-overlap-layout-list .project-odd .fancy-categories{top:auto;bottom:10px}.side-overlap-layout-list .project-even .fancy-categories{top:auto;right:10px;bottom:10px;left:auto}.fancy-categories *{font:700 12px/22px Arial,Verdana,sans-serif}.post-entry-content{box-sizing:border-box}.content-align-center .post-entry-content{text-align:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;-ms-align-self:center;-ms-flex-item-align:center;align-self:center}.content-align-right .post-entry-content{text-align:right;-ms-flex-pack:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;-ms-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end}.content-align-left .post-entry-content{text-align:left;-ms-flex-pack:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-ms-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start}.blog-shortcode .post-entry-content{position:relative;z-index:10;max-width:100%}.centered-layout-list .post-entry-content{position:static;text-align:center}.centered-layout-list .post-entry-content:after{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:100%;height:1px;content:""}.gradient-overlap-layout-list .post-entry-content{position:relative;margin-top:-125px;z-index:1;padding-top:90px}.gradient-overlap-layout-list .post-entry-content:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:150px;content:""}.gradient-overlap-layout-list .no-img .post-entry-content{margin-top:0}.gradient-overlay-layout-list:not(.portfolio-shortcode):not(.albums-shortcode) .post-entry-content{position:absolute;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;-ms-flex-flow:column wrap;flex-flow:column wrap;top:20px;right:10px;bottom:10px;left:10px;align-self:stretch;overflow:hidden}.mode-grid.bottom-overlap-layout-list .post-entry-content{-ms-flex:1 0 auto;flex:1 0 auto}.mode-grid.gradient-overlap-layout-list .post-entry-content{-ms-flex:1 0 auto;flex:1 0 auto;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-pack:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-flow:column wrap;flex-flow:column wrap}.gradient-overlay-layout-list:not(.portfolio-shortcode) .post-entry-content .entry-title{pointer-events:none}.content-rollover-layout-list.mode-grid .post-entry-content,.content-rollover-layout-list.mode-masonry .post-entry-content{position:absolute;bottom:0;left:0;width:100%}.content-rollover-layout-list.mode-grid .post-entry-content:hover,.content-rollover-layout-list.mode-masonry .post-entry-content:hover{cursor:pointer}.content-rollover-layout-list.mode-grid:not(.portfolio-shortcode) .post-entry-content .entry-title,.content-rollover-layout-list.mode-masonry:not(.portfolio-shortcode) .post-entry-content .entry-title{pointer-events:none}#main .blog-shortcode .format-aside .post-entry-content,#main .blog-shortcode .format-link .post-entry-content,#main .blog-shortcode .format-quote .post-entry-content,#main .blog-shortcode .format-status .post-entry-content{width:100%;top:0;margin:0}#main .classic-layout-list.mode-list .full-width-img .post-entry-content{width:100%}.blog-shortcode .entry-excerpt{overflow:hidden}.post-entry-title-content{text-align:center;box-sizing:border-box}.blog-shortcode .post-entry-content .entry-title a,.blog-shortcode .post-entry-title-content .entry-title a{transition:color .35s}.accent-gradient .blog-shortcode .post-entry-content .entry-title a,.accent-gradient .blog-shortcode .post-entry-title-content .entry-title a{transition:none}.blog-shortcode .entry-meta{padding:0}.blog-shortcode .entry-meta a:hover{text-decoration:none}.blog-shortcode .entry-meta>span a{display:inline-block}.centered-layout-list .entry-meta{text-align:center}.blog-shortcode .entry-meta *{color:inherit}.blog-shortcode .entry-meta>a:after,.blog-shortcode .entry-meta>span:after{right:0;width:3px;height:3px;top:50%;transform:translateY(-50%);content:""}.post-details{position:relative;display:inline-block;text-decoration:none}.post-details:before{content:"";display:table}.post-details:after{content:"";display:table;clear:both}.ancient-ie .post-details{zoom:1}.post-details i{margin-right:0;margin-left:7px}#page .post-details i{font-size:8px}.gradient-overlay-layout-list .post-details,.mode-grid.gradient-overlap-layout-list .post-details{-ms-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start}.content-align-center.gradient-overlay-layout-list .post-details,.content-align-center.mode-grid.gradient-overlap-layout-list .post-details{-ms-align-self:center;-ms-flex-item-align:center;align-self:center}#page .post-details.details-type-btn{margin-bottom:0}.post-details.details-type-link{float:left;padding-bottom:8px;margin-bottom:-8px;font-weight:700}.centered-layout-list .post-details.details-type-link,.content-align-center .post-details.details-type-link{float:none;vertical-align:top}.post-details.details-type-link:after{position:absolute;display:block;left:0;bottom:0;width:0;height:2px;content:"";transition:width .4s ease}.post-details.details-type-link:hover:after{width:100%}.owl-carousel.bottom-overlap-layout-list .post-entry-content,.owl-carousel.gradient-overlap-layout-list .post-entry-content{transform:translateZ(0)}.owl-carousel{--stage-top-gap:0px;--stage-right-gap:0;--stage-left-gap:0;--box-padding-top:0px;--top:0px;box-sizing:border-box}.owl-carousel .post{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-flow:column wrap;flex-flow:column wrap}.owl-carousel article.post{width:100%}.dt-arrow-border-on .owl-nav a:hover:after,.dt-arrow-border-on .owl-nav a:not(:hover):before,.dt-arrow-hover-border-on .owl-nav a:hover:after{border-style:solid;border-width:0}.owl-nav a{position:absolute;z-index:10;display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;text-decoration:none}.owl-nav a:after,.owl-nav a:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0;box-sizing:border-box;border-radius:inherit;-webkit-backface-visibility:hidden;transition:opacity .15s linear}.disable-arrows-hover-bg .owl-nav a:after,.disable-arrows-hover-bg .owl-nav a:before{transition:none}.owl-nav a:not(:hover):before{opacity:1}.owl-nav a:hover:before,.owl-nav a:not(:hover):after{transition-delay:.1s}.owl-nav a:hover:after{opacity:1}.owl-nav a:after,.owl-nav a:hover:before{opacity:0}.owl-nav a i{position:relative;z-index:1;transition:color .15s;transition-delay:.1s}.owl-carousel .owl-dots{position:absolute}.owl-carousel .owl-dots .owl-dot{position:relative;display:inline-block;vertical-align:middle}:not(.bullets-etefu).owl-carousel .owl-dots .owl-dot span{position:absolute;top:0;left:0;width:100%;height:100%;outline:0;border-radius:50%}.bullets-scale-up .owl-dot span{transition:transform .3s ease,background .3s ease}.bullets-scale-up .owl-dot.active span{transform:scale(1.5)}.bullets-stroke .owl-dot:not(.active) span{box-shadow:0 0 0 2px rgba(255,255,255,0)!important}.bullets-stroke .owl-dot span{transition:box-shadow .3s ease,background-color .3s ease}.bullets-stroke .owl-dot.active span{background-color:transparent;box-shadow:0 0 0 2px #fff}.bullets-fill-in .owl-dot span{background-color:transparent;transition:box-shadow .3s ease}.bullets-small-dot-stroke .owl-dot{border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,0);transition:box-shadow .3s ease}.bullets-small-dot-stroke .owl-dot span{cursor:pointer;position:absolute;transition:background-color .3s ease,transform .3s ease}.bullets-small-dot-stroke .owl-dot.active span{transform:scale(.4)}.bullets-ubax .owl-dot span{content:'';position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid transparent;border-radius:0!important;box-sizing:border-box}.bullets-ubax .owl-dot.active span{z-index:10;background:0 0!important;transition:background-color .3s,border-color .3s}.bullets-ubax .owl-dot:not(.active):hover span{transition:background-color .3s}.bullets-etefu .elementor-owl-carousel-call .owl-dot{height:5px!important}.bullets-etefu .owl-dot span{position:relative;display:block;overflow:hidden;width:100%;height:5px;transition:background .3s}.bullets-etefu .owl-dot span:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;transform:translate3d(-100%,0,0);transition:transform .5s;transition-timing-function:cubic-bezier(.2,1,.3,1)}.bullets-etefu .owl-dot.active span:before{transform:translate3d(0,0,0)}html.no-js .owl-carousel{display:none}.owl-carousel:not(.gradient-overlay-layout-list):not( .content-rollover-layout-list ) .post-entry-content{position:relative;z-index:10}.bottom-overlap-layout-list[data-auto-height=false] .owl-stage,.classic-layout-list[data-auto-height=false] .owl-stage,.gradient-overlap-layout-list[data-auto-height=false] .owl-stage{display:-ms-flexbox;display:-ms-flex;display:flex}.bottom-overlap-layout-list[data-auto-height=false] .owl-stage .dt-owl-item,.classic-layout-list[data-auto-height=false] .owl-stage .dt-owl-item,.gradient-overlap-layout-list[data-auto-height=false] .owl-stage .dt-owl-item{display:-ms-flexbox;display:-ms-flex;display:flex;flex-shrink:0}.bottom-overlap-layout-list[data-auto-height=false] .post-entry-content,.gradient-overlap-layout-list[data-auto-height=false] .post-entry-content{-ms-flex:1 0 auto;flex:1 0 auto}.content-rollover-layout-list.owl-carousel .post-entry-content{position:absolute;bottom:0;left:0;width:100%}.content-rollover-layout-list.owl-carousel .post-entry-content:hover{cursor:pointer}.content-rollover-layout-list.owl-carousel .post-entry-content .entry-title{pointer-events:none}.owl-carousel .post-thumbnail-wrap{position:relative;width:100%;box-sizing:border-box;-ms-flex:0 0 auto}.owl-carousel .post-thumbnail{position:relative;display:block}.owl-carousel .post-thumbnail .alignleft{margin:0}.owl-carousel .post-thumbnail .alignnone{margin-bottom:0}.owl-carousel .format-gallery .post-thumbnail{width:100%}.owl-carousel .fancy-categories,.owl-carousel .fancy-date>a,.owl-carousel .post-entry-wrapper>*{-webkit-backface-visibility:hidden;transform:translatez(0)}.owl-carousel .entry-excerpt{overflow:hidden}.owl-carousel .post-entry-content .entry-title a,.owl-carousel .post-entry-title-content .entry-title a{transition:color .35s}.accent-gradient .owl-carousel .post-entry-content .entry-title a,.accent-gradient .owl-carousel .post-entry-title-content .entry-title a{transition:none}.owl-carousel .entry-meta{padding:0}.owl-carousel .entry-meta a:hover{text-decoration:none}.owl-carousel .entry-meta>span a{display:inline-block}.owl-carousel .entry-meta *{color:inherit}.owl-carousel .entry-meta>a:after,.owl-carousel .entry-meta>span:after{right:0;width:3px;height:3px;top:50%;transform:translateY(-50%);content:""}.icon-with-text-shortcode{position:relative;flex-flow:column wrap;align-items:center;display:grid;grid-gap:0px;grid-template-rows:auto}.icon-with-text-shortcode .block-link{position:absolute;top:0;left:0;width:100%;height:100%}.icon-with-text-shortcode.layout-1{grid-template-columns:100px minmax(0,1fr);grid-template-areas:"icon header" "icon desc" "icon button"}.icon-with-text-shortcode.layout-2{grid-template-columns:minmax(0,1fr) 100px;grid-template-areas:" header icon " " desc icon " " button icon "}.icon-with-text-shortcode.layout-3{grid-template-areas:" icon header " " desc desc " " button button "}.icon-with-text-shortcode.layout-4{grid-template-columns:1fr;grid-template-areas:" icon" " header " " desc" " button "}.icon-with-text-shortcode.layout-5{justify-content:center;text-align:center;grid-template-areas:" icon" " header " " desc" " button "}.dt-text-title{grid-area:header;max-width:100%}@media all and (-ms-high-contrast:none){.post-entry-content{max-width:100%}.layout-4 .dt-text-title{align-self:flex-start}.popup-search-wrap{box-shadow:0px 0px 4px rgba(0,0,0,.2)}}.icon-with-text-shortcode .dt-text-title{font-weight:400}.dt-text-desc{grid-area:desc;max-width:100%}.icon-with-text-shortcode.layout-1>*{grid-column:2}.icon-with-text-shortcode .text-icon{grid-area:icon;text-decoration:none}.icon-with-text-shortcode .text-icon.layout-1{grid-column:1;grid-row:1}.icon-with-text-shortcode.layout-5 .text-icon{justify-self:center}.icon-with-text-shortcode .default-btn-shortcode{justify-self:start;grid-area:button}.icon-with-text-shortcode .default-btn-shortcode.full-width-btn{justify-self:stretch}.icon-with-text-shortcode.layout-5 .default-btn-shortcode{justify-self:center}.icon-with-text-shortcode.layout-5 .default-btn-shortcode.full-width-btn{justify-self:stretch}.icon-with-text-shortcode .default-btn-shortcode.layout-1{align-self:flex-start}.icon-with-text-shortcode>*{order:1}.icon-with-text-shortcode .text-icon{position:relative;order:0;align-self:flex-start}.layout-3.icon-with-text-shortcode .text-icon,.layout-5.icon-with-text-shortcode .text-icon{align-self:center}.text-icon .icon-inner:after,.text-icon .icon-inner:before,.text-icon:after,.text-icon:before{position:absolute;top:0;left:0;width:26px;height:26px;box-sizing:border-box;margin:0!important;content:"";font-size:0!important;border-radius:inherit;transition:opacity .15s linear}.text-icon:after,.text-icon:before{z-index:2}.text-icon .icon-inner:before,.text-icon:not(.dt-icon-hover-off):hover .icon-inner:after,.text-icon:not(.dt-icon-hover-off):hover:after{opacity:1}.text-icon:hover .icon-inner:before,.text-icon:hover:before,.text-icon:not(:hover) .icon-inner:after,.text-icon:not(:hover):after{transition-delay:.1s}.text-icon .icon-inner:after,.text-icon:after,.text-icon:not(.dt-icon-hover-off):hover .icon-inner:before,.text-icon:not(.dt-icon-hover-off):hover:before{opacity:0}.text-icon.dt-icon-hover-off:after{display:none}.masthead{position:relative;z-index:102;box-sizing:border-box}.masthead:not(.side-header){display:-ms-flexbox;-ms-flex-direction:column}.floating-navigation-below-slider.transparent .masthead:not(#phantom):not(.no-slider){transform:translateY(-100%)}.hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .header-bar,.hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .mobile-header-bar,.hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .top-bar{display:none}.disable-headers.header-side-left #page,.disable-headers.header-side-left.header-side-line #page:not(.boxed),.disable-headers.overlay-navigation.header-side-line #page:not(.boxed),.hidden-header.header-side-left #page,.hidden-header.header-side-left.header-side-line #page:not(.boxed),.hidden-header.overlay-navigation.header-side-line #page:not(.boxed){padding-left:0}.disable-headers.header-side-right #page,.disable-headers.header-side-right.header-side-line #page:not(.boxed),.hidden-header.header-side-right #page,.hidden-header.header-side-right.header-side-line #page:not(.boxed){padding-right:0}.responsive-off.transparent:not(.photo-scroller-album):not(.phantom-sticky) .masthead:not(.side-header){position:absolute;width:100%;z-index:102}.top-bar{position:relative;display:-ms-flexbox;display:-ms-flex;display:flex;margin-top:0;box-sizing:border-box}.top-bar-bg,.top-bar:after{position:absolute;bottom:0;left:0;width:100%;height:100%;content:"";box-sizing:content-box}.boxed .top-bar-bg,.boxed .top-bar:after{padding:0;margin:0;left:50%;transform:translateX(-50%)}.top-bar:after{height:1px}.transparent .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .top-bar-line-hide.top-bar:after{display:none}.top-bar-bg,.top-bar.full-width-line:after{padding:0 1000px;margin-left:-1000px}.boxed .top-bar-bg,.boxed .top-bar.full-width-line:after{padding:0;margin:0;left:50%;transform:translateX(-50%)}.top-bar>.mini-widgets{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex:1 1 auto;flex:1 1 auto;-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start;-ms-flex-flow:row wrap;flex-flow:row wrap}.top-bar .mini-widgets.right-widgets,.top-bar .mini-widgets:last-child{-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end}.top-bar *{font-size:inherit;line-height:inherit}.top-bar.hide-top-bar,.top-bar.top-bar-empty{position:absolute;visibility:hidden;opacity:0}.transparent .top-bar{margin-bottom:-1px}.top-bar .sub-nav{z-index:1003}.top-bar .sub-nav a:hover,.top-bar a,.top-bar a:hover{text-decoration:none}.top-bar .mini-login a:hover,.top-bar .mini-search .submit:hover,.top-bar a:hover{text-decoration:none;opacity:.7}.top-bar .shopping-cart-inner a:hover,.top-bar .soc-ico a:hover,.top-bar .sub-nav li a:hover{opacity:1}.branding{line-height:0;font-size:0}.side-header .branding{display:-ms-flexbox;display:-ms-flex;display:flex}.branding>a{display:block}.branding a img,.branding img{max-width:100%;height:auto}.branding .mobile-desktop-logo,.branding .mobile-logo,.phantom-sticky .side-header .branding .mobile-logo{display:none}.responsive-off .masthead .hide-on-desktop{visibility:hidden;position:absolute;left:-9999px}.responsive-off .masthead .hide-on-desktop.display-none{display:none}.mobile-mini-widgets{max-width:calc(100% - 45px)}.masthead .mini-widgets>*,.masthead .mobile-mini-widgets>*{display:inline-block;margin-left:10px;margin-right:10px}.masthead.side-header:not(.masthead-mobile-header) .mini-widgets>*,.masthead.side-header:not(.masthead-mobile-header) .mobile-mini-widgets>*{margin:5px 20px 5px 0}.masthead.side-header.h-center .mini-widgets>*,.masthead.side-header.h-center .mobile-mini-widgets>*{margin-left:10px;margin-right:10px}.side-header-v-stroke:not(.masthead-mobile-header) .mini-widgets>*,.side-header-v-stroke:not(.masthead-mobile-header) .mobile-mini-widgets>*{margin:10px 0}.dt-mobile-header .mobile-mini-widgets-in-menu>*{margin:5px 20px 5px 0}.masthead:not(.side-header) .mini-widgets>.first,.masthead:not(.side-header) .mini-widgets>:first-child,.masthead:not(.side-header) .mobile-mini-widgets>.first,.masthead:not(.side-header) .mobile-mini-widgets>:first-child,.side-header .top-bar .mini-widgets>.first,.side-header .top-bar .mini-widgets>:first-child,.side-header .top-bar .mobile-mini-widgets>.first,.side-header .top-bar .mobile-mini-widgets>:first-child,.side-header-h-stroke .mini-widgets>.first,.side-header-h-stroke .mini-widgets>:first-child,.side-header-h-stroke .mobile-mini-widgets>.first,.side-header-h-stroke .mobile-mini-widgets>:first-child{margin-left:0}.masthead:not(.side-header) .mini-widgets>.last,.masthead:not(.side-header) .mini-widgets>:last-child,.masthead:not(.side-header) .mobile-mini-widgets>.last,.masthead:not(.side-header) .mobile-mini-widgets>:last-child,.side-header .top-bar .mini-widgets>.last,.side-header .top-bar .mini-widgets>:last-child,.side-header .top-bar .mobile-mini-widgets>.last,.side-header .top-bar .mobile-mini-widgets>:last-child,.side-header-h-stroke .mini-widgets>.last,.side-header-h-stroke .mini-widgets>:last-child,.side-header-h-stroke .mobile-mini-widgets>.last,.side-header-h-stroke .mobile-mini-widgets>:last-child{margin-right:0}.masthead .mobile-header-bar .mini-widgets>*,.masthead .mobile-header-bar .mobile-mini-widgets>*,.masthead-mobile-header .mini-widgets>*,.masthead-mobile-header .mobile-mini-widgets>*,.side-header-h-stroke .mobile-header-bar .mini-widgets>*,.side-header-h-stroke .mobile-header-bar .mobile-mini-widgets>*{margin:0 10px}.masthead .mobile-header-bar .mini-widgets>.first,.masthead .mobile-header-bar .mini-widgets>:first-child,.masthead .mobile-header-bar .mobile-mini-widgets>.first,.masthead .mobile-header-bar .mobile-mini-widgets>:first-child,.masthead-mobile-header .mini-widgets>.first,.masthead-mobile-header .mini-widgets>:first-child,.masthead-mobile-header .mobile-mini-widgets>.first,.masthead-mobile-header .mobile-mini-widgets>:first-child,.side-header-h-stroke .mobile-header-bar .mini-widgets>.first,.side-header-h-stroke .mobile-header-bar .mini-widgets>:first-child,.side-header-h-stroke .mobile-header-bar .mobile-mini-widgets>.first,.side-header-h-stroke .mobile-header-bar .mobile-mini-widgets>:first-child{margin-left:10px}.masthead .mobile-header-bar .mini-widgets>.last,.masthead .mobile-header-bar .mini-widgets>:last-child,.masthead .mobile-header-bar .mobile-mini-widgets>.last,.masthead .mobile-header-bar .mobile-mini-widgets>:last-child,.masthead-mobile-header .mini-widgets>.last,.masthead-mobile-header .mini-widgets>:last-child,.masthead-mobile-header .mobile-mini-widgets>.last,.masthead-mobile-header .mobile-mini-widgets>:last-child,.side-header-h-stroke .mobile-header-bar .mini-widgets>.last,.side-header-h-stroke .mobile-header-bar .mini-widgets>:last-child,.side-header-h-stroke .mobile-header-bar .mobile-mini-widgets>.last,.side-header-h-stroke .mobile-header-bar .mobile-mini-widgets>:last-child{margin-right:10px}.mini-contacts,.mini-login a{position:relative;margin:0}.masthead .mini-contacts,.masthead .mini-login a{display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex;-ms-align-items:center;-ms-flex-align:center;align-items:center}.dt-mobile-header .mini-contacts,.dt-mobile-header .mini-login a,.side-header .mini-contacts,.side-header .mini-login a{white-space:normal}.mini-contacts i,.mini-login a i{margin-right:5px}.mini-nav{position:relative;display:inline-block;vertical-align:middle}.mini-nav .mini-sub-nav{position:absolute;visibility:hidden;z-index:200;top:100%;left:0;width:240px;opacity:0;background:#fff;box-shadow:0px 0px 4px rgba(0,0,0,.2)}.mini-nav .mini-sub-nav>li{position:relative;display:block;padding:0 10px;box-sizing:border-box}.mini-nav .mini-sub-nav>li:first-child{padding-top:10px}.mini-nav .mini-sub-nav>li:last-child{padding-bottom:10px}.mini-nav .mini-sub-nav>li a{padding:5px}.mini-nav .mini-sub-nav>li a:hover{opacity:1}.mini-nav .mini-sub-nav .mini-sub-nav{top:0;left:241px!important}.rtl .mini-nav .mini-sub-nav .mini-sub-nav{right:241px;left:auto!important}.mini-nav .mini-sub-nav .mini-sub-nav.right-overflow{left:-241px!important}.rtl .mini-nav .mini-sub-nav .mini-sub-nav.right-overflow{right:-241px;left:auto!important}.mini-nav .mini-sub-nav li.has-children>a:after,.mini-nav .mini-sub-nav>li:not(.wpml-ls-item)>a .menu-text,.mini-nav .mini-sub-nav>li:not(.wpml-ls-item)>a .subtitle-text{color:#222}.menu-select select,.mini-nav .customSelect{border:none;padding:0;margin-bottom:0}.mini-nav .customSelect{position:absolute;visibility:hidden;padding:0}.mini-nav .customSelect .customSelectInner{opacity:0}.menu-select select,.mini-nav .customSelect1{position:relative;visibility:visible;opacity:1}.menu-select select,.menu-select:hover{cursor:pointer}.menu a:hover,.menu-select:hover{text-decoration:underline}.dt-mobile-header .menu a:hover,.dt-mobile-header .menu-select:hover,.masthead .menu a:hover,.masthead .menu-select:hover{text-decoration:none}.mini-nav .customSelectInner{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;background:0 0}.mini-nav .customSelectInner i{margin-right:5px}.mini-nav .customSelectInner:hover{text-decoration:none}.mini-nav.select-type-menu .menu-select{vertical-align:middle}.menu-select select{z-index:9}.mini-nav li{position:relative;display:inline-block;vertical-align:middle}.dt-mobile-header .mini-nav .sub-nav>li{display:block}#page .mini-nav .sub-nav li.has-children a:after{right:8px}.mini-nav li:last-child{margin-right:0}#bottom-bar .mini-nav ul>li.act>a .menu-item-text,#bottom-bar .mini-nav>ul>li>a:hover .menu-item-text{text-decoration:underline}#bottom-bar .mini-nav ul .sub-nav>li.act>a .menu-item-text,#bottom-bar .mini-nav ul>li>a:hover,.mini-nav ul .sub-nav>li.act>a .menu-item-text,.mini-nav ul>li>a,.mini-nav>ul>li>a:hover{text-decoration:none}.mini-nav li:first-child:before{border-left:none}.mini-nav select{min-width:100px;height:0;opacity:0}#page .mini-nav select option,.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .mini-nav select option{color:#b8bcbe!important}.masthead .popup-search.act{position:relative;z-index:1002}.dt-mobile-header .mini-search,.masthead .mini-search{position:relative;display:inline-block;vertical-align:middle;z-index:10;max-width:100%}.dt-mobile-header .popup-search,.dt-mobile-header .searchform{position:static}.popup-search .popup-search-wrap{background:#fff}.popup-search .popup-search-wrap:before{border-bottom-color:#fff}.dt-mobile-header .popup-search .popup-search-wrap:before,.popup-search .popup-search-wrap.bottom-overflow:before,.side-header:not(.masthead-mobile-header) .popup-search .popup-search-wrap:before{border-top-color:#fff}.searchform{position:relative;z-index:3;max-width:100%}.searchform .field{max-width:100%;border-style:solid;box-sizing:border-box}.elementor-widget .searchform .field{border-style:var(--the7-form-border,solid)}.popup-search-wrap{padding:10px;position:absolute;right:-10px;top:38px;visibility:hidden;-webkit-filter:drop-shadow(0px 0px 4px rgba(0, 0, 0, .2));filter:drop-shadow(0px 0px 4px rgba(0, 0, 0, .2));-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)}.popup-search-wrap:before{position:absolute;top:-7px;right:20px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid red;content:''}.dt-mobile-header .popup-search-wrap:before{display:none}.popup-search-wrap.left-overflow:before{left:20px;right:auto}.dt-mobile-header .popup-search-wrap:before,.popup-search-wrap.bottom-overflow:before,.side-header:not(.masthead-mobile-header) .popup-search-wrap:before{top:auto;bottom:-7px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid;border-bottom:none}.popup-search-wrap .search-icon{position:absolute;top:0;right:20px;height:100%}.mini-search .popup-search-wrap.left-overflow{left:-10px;right:auto}.dt-mobile-header .mini-search .field{left:0;z-index:100}.dt-mobile-header .mini-search:not(.animate-search-width) .field{width:100%}.mini-search input[type=text]{margin-bottom:0}.mini-search .field:focus{outline:0}.overlay-search .searchform .submit,.popup-search .searchform .submit{border:none;background-color:transparent;text-decoration:none}.overlay-search .searchform .submit>span,.popup-search .searchform .submit>span{margin-left:5px}.dt-mobile-header .overlay-search .searchform .submit,.dt-mobile-header .popup-search .searchform .submit{position:relative}.mini-search .submit{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;border:none;background-color:transparent;text-decoration:none}.mini-search .submit.default-icon{padding-left:17px}.mini-search .search-icon{text-decoration:none;background-repeat:no-repeat;background-position:center center}.mini-search .search-icon,.overlay-search-microwidget .search-icon{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center}.mini-search .search-icon:hover,.overlay-search-microwidget .search-icon:hover{opacity:.7}.overlay-search .submit.default-icon:before,.popup-search .submit.default-icon:before{position:absolute;top:50%;transform:translateY(-50%);left:0;height:16px;width:16px;background-position:0 center;background-repeat:no-repeat;content:""}.overlay-search .submit i,.popup-search .submit i{font-size:16px}.dt-mobile-header .mini-search .searchsubmit,.masthead .mini-search .searchsubmit{display:none}.classic-search .search-icon{position:absolute;top:0;right:10px;height:100%;padding:0}.mini-search .overlay-search-wrap{display:none}.overlay-search-microwidget{position:fixed;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;top:0;right:0;bottom:0;left:0;z-index:9999;text-align:center;opacity:0;visibility:hidden;transition:opacity .55s ease}.overlay-search-microwidget.open{opacity:1;visibility:visible}.overlay-search-microwidget .submit{display:none}.overlay-search-microwidget>i{position:absolute;top:30px;right:30px;width:34px;height:34px;color:#fff;font-size:30px}.overlay-search-microwidget>i:hover{cursor:pointer}.overlay-search-microwidget .search-icon{position:absolute;top:0px;right:10px;height:100%;padding:0;background-position:0 center;background-repeat:no-repeat;text-decoration:none}.overlay-search-microwidget .search-icon>span{position:absolute;text-indent:-9999px}.overlay-search-microwidget .searchform{max-width:90%}.overlay-search-microwidget input[type=text]{margin-bottom:0}.animate-search-width .searchform{overflow:hidden}.animate-search-width input.field{transition:width .55s ease}.animate-search-width .search-icon{position:absolute;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;top:0;right:0;height:100%;width:100%}.animate-search-width input.field:active,.animate-search-width input.field:focus{outline:0}.masthead .mini-widgets .mini-login{display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex;-ms-align-items:center;-ms-flex-align:center;align-items:center}.mini-login i{margin-right:5px}.mini-login:hover{opacity:.7}.mini-login a{position:relative;display:inherit;text-decoration:none}.mini-login a:hover{text-decoration:none}.accent-gradient .masthead .mini-widgets .soc-ico.accent-bg a:hover,.accent-gradient .masthead .mini-widgets .soc-ico.gradient-bg a:hover,.masthead .mini-widgets .soc-ico a:hover,.masthead .mini-widgets .soc-ico.accent-bg a:hover,.masthead .mini-widgets .soc-ico.custom-bg a:hover,.masthead .mini-widgets .soc-ico.gradient-bg a:hover{background:0 0}.accent-gradient .masthead .soc-ico.gradient-bg.hover-custom-bg a:hover,.masthead .soc-ico.accent-bg.hover-custom-bg a:hover,.masthead .soc-ico.hover-accent-bg a:hover,.masthead .soc-ico.hover-custom-bg a:hover,.masthead .soc-ico.hover-disabled-bg a:hover{box-shadow:none}#page .mini-icon-off,#page .mini-icon-off:before,#page .mini-login .submit.mini-icon-off:before,#page .wc-ico-cart.mini-icon-off:before,#phantom .mini-icon-off,#phantom .mini-icon-off:before,#phantom .mini-login .submit.mini-icon-off:before,#phantom .wc-ico-cart.mini-icon-off:before{background:0 0!important;padding-left:0}.masthead .soc-ico{display:inline-block;vertical-align:middle}.text-area{position:relative;display:inline-block;vertical-align:middle}.mini-widgets .text-area a:not(.dt-btn),.mobile-mini-widgets .text-area a:not(.dt-btn){text-decoration:underline}.text-area a:not(.dt-btn):hover{text-decoration:none}.text-area>p{margin-bottom:0}.top-bar>span{display:none!important}.mini-login .submit.text-disable,.wc-ico-cart.text-disable{letter-spacing:-4px}.masthead .soc-ico a{line-height:22px}.menu-line{position:absolute;display:inline-block;left:0;width:22px;height:2px;content:'';transform-origin:1.5px center;transition:transform .2s linear,color .2s linear}.hide-overlay.active .lines-button.x .menu-line,.menu-close-toggle .lines-button.x .menu-line{transform-origin:50% 50%;top:0;transition:transform .2s linear}.menu-line:nth-of-type(3){top:7px}.medium-menu-icon .menu-toggle:not(.active):hover .menu-line:nth-of-type(3),.small-menu-icon .menu-toggle:not(.active):hover .menu-line:nth-of-type(3){transform:translateY(-2px)}.large-menu-icon .menu-toggle:not(.active):hover .menu-line:nth-of-type(3){transform:translateY(-3px)}.medium-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:nth-of-type(3),.small-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:nth-of-type(3){transform:translateY(-2px)}.large-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:nth-of-type(3){transform:translateY(-3px)}.menu-line:first-of-type{top:-7px}.medium-menu-icon .menu-toggle:not(.active):hover .menu-line:first-of-type,.small-menu-icon .menu-toggle:not(.active):hover .menu-line:first-of-type{transform:translateY(2px)}.large-menu-icon .menu-toggle:not(.active):hover .menu-line:first-of-type{transform:translateY(3px)}.medium-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:first-of-type,.small-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:first-of-type{transform:translateY(2px)}.large-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:first-of-type{transform:translateY(3px)}.microwidget-btn{position:relative;max-width:100%;text-decoration:none}.masthead .mini-widgets .microwidget-btn,.masthead .mobile-mini-widgets .microwidget-btn{display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex;-ms-align-items:center;-ms-flex-align:center;align-items:center}.microwidget-btn i,.microwidget-btn>span{position:relative;z-index:1}.microwidget-btn.btn-icon-align-right i{margin-left:5px;padding-right:1px}.microwidget-btn.btn-icon-align-left i{margin-right:5px}.top-bar .microwidget-btn:hover{opacity:1}.microwidget-btn:after,.microwidget-btn:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border-radius:inherit;transition:opacity .15s linear;-webkit-backface-visibility:hidden}.disable-animation-bg.microwidget-btn:after,.disable-animation-bg.microwidget-btn:before{transition:none}.microwidget-btn:before,.microwidget-btn:hover:after{opacity:1}.microwidget-btn:hover:before,.microwidget-btn:not(:hover):after{transition-delay:.1s}.microwidget-btn:after,.microwidget-btn:hover:before{opacity:0}.dt-mobile-menu-icon,.menu-toggle>a{text-decoration:none}.dt-mobile-menu-icon .menu-toggle-caption,.menu-toggle .menu-toggle-caption{position:relative;z-index:2;transition:color .2s linear}.dt-mobile-menu-icon .menu-line,.menu-toggle .menu-line{z-index:2}.dt-close-mobile-menu-icon,.dt-mobile-menu-icon,.hide-overlay,.menu-close-toggle,.menu-toggle{position:relative}.dt-close-mobile-menu-icon:after,.dt-close-mobile-menu-icon:before,.dt-mobile-menu-icon:after,.dt-mobile-menu-icon:before,.hide-overlay:after,.hide-overlay:before,.menu-close-toggle:after,.menu-close-toggle:before,.menu-toggle:after,.menu-toggle:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border-radius:inherit;box-sizing:border-box}.dt-close-mobile-menu-icon:after,.dt-close-mobile-menu-icon:hover:before,.dt-mobile-menu-icon:after,.dt-mobile-menu-icon:hover:before,.hide-overlay:after,.hide-overlay:hover:before,.menu-close-toggle:after,.menu-close-toggle:hover:before,.menu-toggle:after,.menu-toggle:hover:before{opacity:0}.dt-close-mobile-menu-icon:before,.dt-close-mobile-menu-icon:hover:after,.dt-mobile-menu-icon:before,.dt-mobile-menu-icon:hover:after,.hide-overlay:before,.hide-overlay:hover:after,.menu-close-toggle:before,.menu-close-toggle:hover:after,.menu-toggle:before,.menu-toggle:hover:after{opacity:1}.lines-button{z-index:2}.dt-mobile-menu-icon .lines-button{position:relative;margin-right:0;text-align:center}.small-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:16px;width:22px}.two-line-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:8px;width:22px}.diagonal-mobile-menu-icon .dt-mobile-menu-icon .lines-button,.medium-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:17px;width:24px}.large-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:17px;width:30px}.x-move-mobile-icon .dt-mobile-menu-icon .lines-button{height:14px;width:30px}.animate-color-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:16px;width:22px}.animate-position-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:20px;width:35px}.dot-mobile-menu-icon .dt-mobile-menu-icon .lines-button{width:7px;height:7px;border-radius:50%}.animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:7px;width:24px}.fade-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:13px;width:20px}.diagonal-mobile-menu-icon .dt-mobile-menu-icon .lines-button{transform:rotate(-45deg)}.thin-lines-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:11px;width:40px}.dots-mobile-menu-icon .dt-mobile-menu-icon .lines-button{width:3px;height:15px}.h-dots-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:3px;width:15px}.two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2){background:0 0!important;display:none}.animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .menu-line,.small-mobile-menu-icon .dt-mobile-menu-icon .menu-line{width:22px;height:2px}.animate-position-mobile-menu-icon .dt-mobile-menu-icon .menu-line{width:35px;height:4px;border-radius:4px}.thin-lines-mobile-menu-icon .dt-mobile-menu-icon .menu-line{height:1px;width:100%}.medium-mobile-menu-icon .dt-mobile-menu-icon .menu-line{width:24px;height:3px}.dot-mobile-menu-icon .dt-mobile-menu-icon .menu-line{width:7px;height:7px}.fade-mobile-menu-icon .mobile-header-bar .menu-line{width:20px;height:1px}.dots-mobile-menu-icon .menu-line,.h-dots-mobile-menu-icon .menu-line{width:3px;height:3px;border-radius:50%}.menu-line:after,.menu-line:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border-radius:inherit;box-sizing:border-box}.menu-line:after{opacity:0}.menu-line:before{opacity:1}.animate-color-menu-icon .menu-toggle .menu-line:before,.animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line:before,.two-line-menu-icon .menu-toggle .menu-line:before,.two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:before{display:none}.medium-mobile-menu-icon .mobile-header-bar .menu-line{width:24px;height:3px}.large-mobile-menu-icon .dt-mobile-menu-icon .menu-line{width:30px;height:3px}.dt-mobile-menu-icon .menu-line{max-width:100%;position:absolute}.x-move-mobile-icon .dt-mobile-menu-icon .menu-line{width:100%;transition:width .2s linear;border-radius:2px}.animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .menu-line,.dot-mobile-menu-icon .dt-mobile-menu-icon .menu-line{transition:transform .2s linear}.dot-mobile-menu-icon .dt-mobile-menu-icon .menu-line{transform:scale(.8);border-radius:inherit}.animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line,.two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line{overflow:hidden}.animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line:after,.two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:100%;z-index:1;opacity:1;transition:.2s linear}.dt-mobile-menu-icon .menu-line:first-of-type{top:0}.x-move-mobile-icon .dt-mobile-menu-icon .menu-line:first-of-type{left:.3%;top:0;transform-origin:top left;width:80%}.diagonal-mobile-menu-icon .dt-mobile-menu-icon .menu-line:first-of-type{width:50%;left:50%;transform:translateX(-50%)}.animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .menu-line:first-of-type{left:2px}.animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line:first-of-type:after,.two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:first-of-type:after{transition-delay:.1s}.dt-mobile-menu-icon .menu-line:nth-of-type(2){top:7px}.x-move-mobile-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2){top:6px;opacity:1;left:0;width:100%}.dot-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2){display:none}.dots-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2),.fade-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2){top:6px}.animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2){left:-2px;top:5px}.animate-position-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2){top:8px}.h-dots-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2){top:0;left:6px}.thin-lines-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2){top:5px}.animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2):after{transition-delay:.2s}.dt-mobile-menu-icon .menu-line:nth-of-type(3){top:14px}.x-move-mobile-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3){top:12px;right:30%;transform-origin:bottom left;width:80%}.dot-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3){display:none}.two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3){top:6px}.thin-lines-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3){top:10px}.dots-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3),.fade-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3){top:12px}.animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3){display:none}.animate-position-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3){top:16px}.h-dots-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3){top:0;left:12px}.animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3):after,.two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3):after{transition-delay:.3s}.x-move-mobile-icon .dt-mobile-menu-icon:hover .menu-line:first-of-type{width:100%}.dt-mobile-menu-icon:hover .menu-line:before,.menu-toggle:hover .menu-line:before{opacity:0}.dt-mobile-menu-icon:hover .menu-line:after,.menu-toggle:hover .menu-line:after{opacity:1}.x-move-mobile-icon .dt-mobile-menu-icon:hover .menu-line:nth-of-type(3){width:100%}.animate-position-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:first-of-type{transform:translateY(2px)}.animate-position-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:nth-of-type(3){transform:translateY(-2px)}.dot-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:first-of-type{transform:scale(1)}.animate-position-2-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:first-of-type{transform:translateX(-4px)}.animate-position-2-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:nth-of-type(2){transform:translateX(4px)}.thin-lines-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:first-of-type{transform:translateY(-2px)}.thin-lines-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:nth-of-type(3){transform:translateY(2px)}.animate-color-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:after,.two-line-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:after{left:0}.type-9-menu-icon .menu-toggle .lines-button,.type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button{width:24px;height:11px;z-index:2}.type-9-menu-icon .menu-toggle .lines-button .menu-line,.type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button .menu-line{width:24px;height:1px;display:block;position:absolute;top:0;right:0;left:auto;transition:width .2s linear}.type-9-menu-icon .menu-toggle .lines-button .menu-line:nth-child(2),.type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button .menu-line:nth-child(2){top:5px;width:19px}.type-9-menu-icon .menu-toggle .lines-button .menu-line:nth-child(3),.type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button .menu-line:nth-child(3){top:10px}.type-9-menu-icon .menu-toggle:hover .lines-button .menu-line,.type-9-mobile-menu-icon .dt-mobile-menu-icon:hover .lines-button .menu-line{width:19px}.type-9-menu-icon .menu-toggle:hover .lines-button .menu-line:nth-child(2),.type-9-mobile-menu-icon .dt-mobile-menu-icon:hover .lines-button .menu-line:nth-child(2){width:24px}.type-9-menu-icon .menu-toggle:hover .lines-button .menu-line:nth-child(3),.type-9-mobile-menu-icon .dt-mobile-menu-icon:hover .lines-button .menu-line:nth-child(3){width:19px}.main-nav>li{position:relative;display:-ms-flexbox;display:-ms-flex;display:flex}.main-nav>li>a{text-decoration:none}.main-nav>li>a,.mini-nav li>a{position:relative;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center}.side-header:not(.h-center) .main-nav>li>a,.side-header:not(.h-center) .mini-nav li>a{-ms-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start}.not-clickable-item{cursor:default}.main-nav>li>a .text-wrap{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;border-radius:inherit}.main-nav>li>a .text-wrap .menu-item-text{position:relative;z-index:10}.main-nav.level-arrows-on>li.has-children>a{position:relative}.main-nav .menu-item .text-wrap>i,.main-nav .menu-item a i[class^=fa],.main-nav .menu-item a>i,.mini-nav .menu-item .text-wrap>i,.mini-nav .menu-item a i[class^=fa],.mini-nav .menu-item a>i,.mobile-main-nav .menu-item .text-wrap>i,.mobile-main-nav .menu-item a i[class^=fa],.mobile-main-nav .menu-item a>i{margin-right:6px}.menu-text,.subtitle-text{display:block}.top-header .main-nav.level-arrows-on>li.has-children>a .menu-text{position:relative;padding-right:10px;display:inline-block;vertical-align:top}.sub-sideways .main-nav.level-arrows-on>li.has-children>a .menu-item-text{position:relative}.top-header .level-arrows-on .menu-text:after{position:absolute;top:50%;margin-top:-4px;right:0;width:8px;height:8px;content:"";-webkit-mask:url(../images/the7-chevron-down.svg);mask-image:url(../images/the7-chevron-down.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right center;mask-position:right center;-webkit-mask-size:8px;mask-size:8px}.sub-downwards .next-level-button,.sub-downwards.dt-parent-menu-clickable.side-header .next-level-button{position:relative;-ms-align-self:center;-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:-ms-flex;display:flex;margin-left:5px}.sub-downwards .next-level-button svg,.sub-downwards.dt-parent-menu-clickable.side-header .next-level-button svg{width:12px}.dt-mobile-header .next-level-button,.sub-downwards .next-level-button{transition:transform .3s ease-out}.dt-mobile-header li.has-children.open-sub>.next-level-button,.sub-downwards li.has-children.open-sub>.next-level-button{transform:rotate(45deg)}.l-to-r-line>li>a>span{position:relative;display:block}.l-to-r-line>li>a i.underline{position:absolute;display:block;left:1px;bottom:-5px;overflow:hidden;width:0;pointer-events:none;background-color:transparent;opacity:.85;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.top-header .l-to-r-line>li.act>a i.underline,.top-header .l-to-r-line>li.dt-hovered>a i.underline,.top-header .l-to-r-line>li>a:hover i.underline{width:100%}.from-centre-line>li>a>span{position:relative;display:block}.from-centre-line>li>a .menu-item-text:before{position:absolute;visibility:hidden;left:0;bottom:-5px;width:100%;height:2px;background-color:#000;content:"";transform:scaleX(0);transition:all .2s ease-in-out 0s;opacity:.85}.top-header .from-centre-line>li.act>a .menu-item-text:before,.top-header .from-centre-line>li.dt-hovered>a .menu-item-text:before,.top-header .from-centre-line>li>a:hover .menu-item-text:before{visibility:visible;transform:scaleX(1)}.upwards-line>li>a>span{position:relative;display:block}.upwards-line>li>a .menu-item-text:before{position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:rgba(0,0,0,.1);content:'';opacity:0;transition:opacity .3s,transform .3s;transform:translateY(10px)}.top-header .upwards-line>li.act>a .menu-item-text:before,.top-header .upwards-line>li.dt-hovered>a .menu-item-text:before,.top-header .upwards-line>li>a:hover .menu-item-text:before{opacity:1;transform:translateY(0px)}.downwards-line>li>a>span{position:relative;display:block}.downwards-line>li>a .menu-item-text:before{position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:#fff;content:'';opacity:0;transition:height .3s,opacity .3s,transform .3s;transform:translateY(-10px)}.top-header .downwards-line>li.act>a .menu-item-text:before,.top-header .downwards-line>li.dt-hovered>a .menu-item-text:before,.top-header .downwards-line>li>a:hover .menu-item-text:before{height:2px;opacity:1;transform:translateY(0px)}.top-header .active-line-decoration>li>a,.top-header .hover-line-decoration>li>a{overflow:hidden}.top-header .active-line-decoration>li>a .decoration-line,.top-header .hover-line-decoration>li>a .decoration-line{position:absolute;top:0;left:0;width:100%;height:2px;content:"";opacity:0;transition:opacity .3s ease}.top-header .active-line-decoration>li.act>a .decoration-line,.top-header .hover-line-decoration>li.dt-hovered>a .decoration-line,.top-header .hover-line-decoration>li>a:hover .decoration-line{opacity:1}.top-header .hover-bg-decoration>li:not(.act)>a{transition:background .3s ease}.dt-mega-menu-wrap,.sub-nav{position:absolute;visibility:hidden;z-index:200;top:100%;left:0;width:240px;opacity:0}.sub-sideways .dt-mega-menu-wrap,.sub-sideways .sub-nav{z-index:9800}.sub-nav.right-overflow{left:auto;right:20px}.sub-nav{padding:0;box-shadow:0px 0px 4px rgba(0,0,0,.2);box-sizing:border-box}.sub-nav>li{position:relative;display:block;box-sizing:border-box}.sub-nav li:first-child:before{display:none}.sub-nav li a .text-wrap,.sub-nav>li>a{position:relative;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-align-content:center;align-content:center;-ms-flex-line-pack:center;text-decoration:none}.sub-downwards:not(.h-center) .sub-nav li a .text-wrap,.sub-downwards:not(.h-center) .sub-nav>li>a{-ms-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-ms-align-content:flex-start;align-content:flex-start}.sub-nav li a{box-sizing:border-box}.sub-nav li a .text-wrap{width:100%}.sub-downwards.h-center .sub-nav li a .text-wrap,.sub-downwards.h-center .sub-nav>li,.sub-downwards.h-justify.h-center .sub-nav>li>a{-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;text-align:center}.sub-sideways .main-nav .sub-nav>li.has-children>a:after,.top-header .main-nav .sub-nav>li.has-children>a:after{position:absolute;display:block;right:0;top:50%;width:8px;height:8px;margin-top:-4px;content:"";-webkit-mask:url(../images/the7-chevron-side.svg);mask-image:url(../images/the7-chevron-side.svg);-webkit-mask-size:8px;mask-size:8px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right center;mask-position:right center}.sub-sideways .main-nav.level-arrows-on>li.has-children>a .menu-text:after{display:inline-block;width:10px;height:10px;content:"";-webkit-mask:url(../images/the7-chevron-side.svg);mask-image:url(../images/the7-chevron-side.svg);-webkit-mask-size:10px;mask-size:10px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right center;mask-position:right center;text-align:center;margin-left:5px}.dt-mobile-header .sub-nav .next-level-button:before,.sub-downwards .sub-nav .next-level-button:before,.sub-downwards.dt-parent-menu-clickable.side-header .sub-nav .next-level-button:before{-ms-align-self:center;-ms-flex-item-align:center;align-self:center;font-size:8px}.dt-mobile-header .sub-nav .next-level-button,.sub-downwards .sub-nav .next-level-button{transition:transform .3s ease-out}.dt-mobile-header .sub-nav li.has-children.open-sub>.next-level-button,.sub-downwards .sub-nav li.has-children.open-sub>.next-level-button{transform:rotate(45deg)}.sub-nav .sub-nav{left:241px;top:0;margin-top:0px}.rtl .sub-nav .sub-nav{left:auto;right:241px}.sub-nav .sub-nav.right-overflow{left:-241px}.rtl .sub-nav .sub-nav.right-overflow{left:auto;right:-241px}.side-header:not(.sub-downwards) .main-nav>li>.dt-mega-menu-wrap:not(.bottom-overflow),.side-header:not(.sub-downwards) .main-nav>li>.sub-nav:not(.bottom-overflow){top:0;left:100%}.rtl .side-header:not(.sub-downwards) .main-nav>li>.dt-mega-menu-wrap:not(.bottom-overflow),.rtl .side-header:not(.sub-downwards) .main-nav>li>.sub-nav:not(.bottom-overflow){right:100%;left:auto}.side-header:not(.sub-downwards) .main-nav>li>.dt-mega-menu-wrap,.side-header:not(.sub-downwards) .main-nav>li>.sub-nav{left:100%}.rtl .side-header:not(.sub-downwards) .main-nav>li>.dt-mega-menu-wrap,.rtl .side-header:not(.sub-downwards) .main-nav>li>.sub-nav{right:100%;left:auto}.side-header .dt-mega-menu-wrap.bottom-overflow,.side-header .mini-nav.sub-nav.bottom-overflow,.side-header .sub-nav.bottom-overflow,.top-header.floating-navigation-below-slider .sub-nav.bottom-overflow{top:auto!important;bottom:0}.dt-mobile-header .mini-nav,.dt-mobile-header .mini-nav li{position:static}.dt-mobile-header .mini-nav .sub-nav{left:0;width:100%}.dt-mobile-header .mini-nav .sub-nav .sub-nav{left:0!important}.header-side-right .sub-sideways .main-nav>li>.dt-mega-menu-wrap,.header-side-right .sub-sideways .main-nav>li>.sub-nav,.overlay-navigation .content-right.sub-sideways .main-nav>li>.dt-mega-menu-wrap,.overlay-navigation .content-right.sub-sideways .main-nav>li>.sub-nav{left:auto!important;right:100%}.rtl.header-side-right .sub-sideways .main-nav>li>.dt-mega-menu-wrap,.rtl.header-side-right .sub-sideways .main-nav>li>.sub-nav,.rtl.overlay-navigation .content-right.sub-sideways .main-nav>li>.dt-mega-menu-wrap,.rtl.overlay-navigation .content-right.sub-sideways .main-nav>li>.sub-nav{left:100%!important;right:auto}.dt-mobile-header .sub-nav>li,.mobile-main-nav>li,.sub-downwards .main-nav>li,.sub-downwards .sub-nav>li{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.sub-downwards.side-header .main-nav>li>.dt-mega-menu-wrap>.sub-nav .sub-nav,.sub-downwards.side-header .main-nav>li>.sub-nav,.sub-downwards.side-header .main-nav>li>.sub-nav .sub-nav{position:relative;display:none;top:0;left:0;width:100%;visibility:visible;opacity:1;z-index:auto}.dt-mobile-header .mobile-main-nav>li>.dt-mega-menu-wrap,.dt-mobile-header .mobile-main-nav>li>.dt-mega-menu-wrap>.sub-nav .sub-nav,.dt-mobile-header .mobile-main-nav>li>.sub-nav,.dt-mobile-header .mobile-main-nav>li>.sub-nav .sub-nav,.sub-downwards.side-header .main-nav>li>.dt-mega-menu-wrap{position:relative;display:none;top:0;left:0;width:100%;padding:0;visibility:visible;opacity:1;z-index:auto}.sub-downwards.side-header .main-nav>li .sub-nav .sub-nav{box-sizing:border-box}.sub-downwards li:not(.dt-mega-menu) .sub-nav{width:auto}.sub-downwards li.has-children>a{max-width:calc(100% - 30px);box-sizing:border-box}.sub-downwards .main-nav>li>.sub-nav{padding-bottom:0}.mobile-main-nav .sub-nav,.sub-downwards .main-nav .sub-nav{background:0 0;box-shadow:none}.masthead.sub-downwards .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent,.sub-downwards .main-nav .sub-nav li{padding:0;width:100%}.sub-downwards .main-nav.level-arrows-on>li.has-children:last-child{margin-right:0}.main-nav .sub-nav>li>a{transition:background .3s}.next-level-button:hover,.sub-downwards #main-nav li a:hover{cursor:pointer!important}.mobile-header-bar,.mobile-header-space{display:none}.menu-open.not-iOS,.menu-open.not-iOS body{overflow:hidden}.dt-mobile-header{position:fixed;top:0;height:100%;min-height:100%;width:500px;max-width:100%;z-index:9602;box-sizing:border-box;background-color:grey;transition:transform .5s ease;transform:translate3d(-100%,0,0);overflow:hidden}.show-mobile-header .dt-mobile-header{transform:translate3d(0,0,0)}.right-mobile-menu .dt-mobile-header{right:0;transform:translate3d(100%,0,0);transition:right .5s ease}.touchevents .dt-mobile-header{overflow:auto;-webkit-overflow-scrolling:touch}html:not(.touchevents) .dt-mobile-header::-webkit-scrollbar{width:13px}html:not(.touchevents) .dt-mobile-header::-webkit-scrollbar-thumb{border-radius:10px;background-color:#1ebac8;border:4px solid #fff;box-sizing:border-box}.mobile-header-scrollbar-wrap{position:relative;width:100%;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.mobile-mini-widgets-in-menu,.show-on-first-switch,.show-on-second-switch{display:none}.mobile-mini-widgets-in-menu{padding:30px 0}.dt-mobile-header .mini-widgets{padding-bottom:30px}.mobile-sticky-header-overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:all .4s}.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn{position:fixed;visibility:hidden;top:10px;right:10px;opacity:0;margin:0!important;background-color:rgba(0,0,0,.2);transition:background .2s linear;-webkit-backface-visibility:hidden}.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:hover{background-color:rgba(0,0,0,.5)}.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .menu-toggle-caption{color:#fff!important}.floating-mobile-menu-icon .show-floating-icon .dt-mobile-menu-icon.floating-btn{visibility:visible;opacity:1}.dt-mobile-menu-icon.floating-btn .lines{border-radius:0}.floating-mobile-menu-icon .animate-color-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:not(:hover) .menu-line,.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .menu-line:after,.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .menu-line:before,.floating-mobile-menu-icon .two-line-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:not(:hover) .menu-line{background-color:#fff}.floating-mobile-menu-icon .animate-color-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:not(:hover) .menu-line:after,.floating-mobile-menu-icon .two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:after{background-color:rgba(255,255,255,.6)}.mobile-main-nav{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex:10 1 auto;flex:10 1 auto}.mobile-main-nav>li{position:relative;display:-ms-flexbox;display:-ms-flex;display:flex}.mobile-menu-show-divider .mobile-main-nav>li:before{content:"";position:absolute;top:-.5px;height:0;width:100%;max-width:100%;left:0}.dt-mobile-header.mobile-menu-show-divider .mobile-main-nav .new-column,.mobile-menu-show-divider .mobile-main-nav>li:first-child:before{display:none}.mobile-main-nav>li>a{text-decoration:none;position:relative;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;padding:10px 30px 10px 0;-ms-flex-positive:1;-ms-flex-grow:1;flex-grow:1}.mobile-main-nav>li>a.mega-menu-img-top{-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center}.mobile-main-nav .sub-nav li.hide-mega-title>a{display:block;display:-ms-flexbox;display:-ms-flex;display:flex}.dt-mobile-header .next-level-button{position:relative;right:0px;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-self:center;-ms-flex-item-align:center;align-self:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;-webkit-tap-highlight-color:transparent;min-width:30px}.dt-mobile-header .next-level-button svg{width:16px}.mobile-main-nav .next-level-button{transition:transform .3s ease-out}.mobile-main-nav li.has-children.open-sub>.next-level-button{transform:rotate(45deg)}.mobile-main-nav .menu-item a i{margin-right:6px}.mobile-main-nav li>a .subtitle-text{font-size:10px;line-height:12px;font-family:Arial,sans-serif}.mobile-main-nav .sub-nav{margin-left:20px}.header-side-right .mobile-main-nav .mega-auto-width>.sub-nav,.header-side-right .mobile-main-nav .mega-full-width>.sub-nav{right:0}#page #mobile-menu .sub-nav>li,#page .mobile-main-nav .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent{padding:0;width:100%}#page .mobile-main-nav .sub-nav{width:100%}.mobile-main-nav .sub-nav .sub-nav{left:0}.mobile-main-nav .sub-nav>li>a{padding:10px 30px 10px 0;margin:0;-ms-flex-positive:1;-ms-flex-grow:1;flex-grow:1}.mobile-main-nav .sub-nav>li>a:hover{background:0 0!important}.mobile-main-nav .sub-nav .next-level-button{-ms-align-self:center;-ms-flex-item-align:center;align-self:center;content:"\ef02";font-family:icomoon-the7-font;speak:none;font-weight:400;font-variant:normal;text-transform:none;font-size:10px;line-height:1;font-style:normal;top:0;margin:0;transition:transform .3s ease-out}.mobile-main-nav .sub-nav li.has-children.open-sub>.next-level-button{transform:rotate(45deg)}.dt-mobile-menu-icon,.lines-button{display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;cursor:pointer;user-select:none}.dt-mobile-menu-icon .menu-toggle-caption,.lines-button .menu-toggle-caption{transition:color .2s linear}.mobile-right-caption .dt-mobile-menu-icon .menu-toggle-caption,.mobile-right-caption .lines-button .menu-toggle-caption{order:2}.lines-button:active{transition:none}.dt-close-mobile-menu-icon{display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;position:absolute;top:0;z-index:9999;opacity:0;transition:opacity .5s ease;min-width:12px;min-height:12px}.ouside-mobile-menu-close-icon .dt-close-mobile-menu-icon{position:fixed}.v-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon{min-height:15px;min-width:3px}.dt-close-mobile-menu-icon .mobile-menu-close-caption{transition:color .2s linear}.mobile-close-right-caption .dt-close-mobile-menu-icon .mobile-menu-close-caption{order:2}.admin-bar .dt-close-mobile-menu-icon{top:32px}.show-mobile-header .dt-close-mobile-menu-icon{opacity:1}.dt-close-mobile-menu-icon:hover{cursor:pointer}.rotate-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon:hover .close-line-wrap{transform:rotate(180deg)}.dt-close-mobile-menu-icon .close-line-wrap{position:relative;width:22px;height:100%}.fade-small-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap{width:16px;height:16px}.fade-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap{width:20px;height:20px}.minus-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap{width:16px;height:16px}.fade-big-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap{width:26px;height:26px}.fade-thin-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap{width:12px;height:12px}.v-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap{width:3px;height:15px}.h-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap{width:15px;height:3px}.scale-dot-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap{width:7px;height:7px}.rotate-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap{width:20px;height:20px;transform-style:preserve-3d;transition:transform .4s ease-in-out;z-index:2}@keyframes rotate-close-icon{100%{transform:rotate(360deg)}}@media screen and (max-width:782px){.admin-bar .dt-close-mobile-menu-icon{top:46px}}.dt-close-mobile-menu-icon span{position:relative;display:block;margin:0;transition:all .2s;z-index:2}.small-mobile-menu-close-icon .dt-close-mobile-menu-icon span{min-height:18px;min-width:18px}.large-mobile-menu-close-icon .dt-close-mobile-menu-icon span{min-height:28px;min-width:28px}.dt-close-mobile-menu-icon .close-line{display:inline-block;transform-origin:50% 50%;width:22px;height:2px;position:absolute;left:0;content:'';transition:transform .2s ease}.small-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line{width:18px}.minus-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line{width:16px;height:4px;top:50%;margin-top:-2px}.fade-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line{width:20px;top:50%;margin-top:-1px}.large-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line{width:28px}.dt-close-mobile-menu-icon .close-line:nth-child(2){display:none}.v-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line:nth-child(2){display:block;top:6px}.h-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line:nth-child(2){display:block;left:6px}.v-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line{width:3px;height:3px;top:0;border-radius:50%}.h-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line{width:3px;height:3px;top:0;left:0;border-radius:50%}.scale-dot-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line{width:7px;height:7px;border-radius:50%;transition:transform .2s ease}.fade-big-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line{width:26px;height:1px;top:50%;margin-top:-1px}.fade-thin-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line{width:12px;height:1px;top:50%;margin-top:-1px}.rotate-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line{width:20px;height:4px;top:50%;margin-top:-2px}.fade-small-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line{width:16px;height:2px;top:50%;margin-top:-1px}.dt-close-mobile-menu-icon .close-line:after,.dt-close-mobile-menu-icon .close-line:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border-radius:inherit;box-sizing:border-box}.dt-close-mobile-menu-icon .close-line:after{opacity:0}.dt-close-mobile-menu-icon .close-line:before{opacity:1}.small-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line{margin:-1px 0 0 -9px}.large-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line{margin:-1px 0 0 -14px}.dt-close-mobile-menu-icon:hover .close-line:before{opacity:0}.dt-close-mobile-menu-icon:hover .close-line:after{opacity:1}.scale-dot-mobile-menu-close-icon .dt-close-mobile-menu-icon:hover .close-line:first-child{transform:scale(1)}.lines{position:relative;display:inline-block;width:22px;height:2px}.lines:after,.lines:before{position:absolute;width:22px;height:2px;left:0;content:'';transform-origin:1.5px center;transition:transform .3s}.dt-mobile-menu-icon .lines:before{top:7px}.dt-mobile-menu-icon .lines:after{top:-7px}.dt-mobile-menu-icon:hover .lines:before{transform:translateY(-2px)}.dt-mobile-menu-icon:hover .lines:after{transform:translateY(2px)}.dt-close-mobile-menu-icon .close-line:first-child{transform:rotate3d(0,0,1,45deg)}.h-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line:first-child,.v-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line:first-child{transform:none}.scale-dot-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line:first-child{transform:scale(.8)}.minus-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon:hover span:first-child{transform:rotate3d(0,0,1,0deg)}.dt-close-mobile-menu-icon .close-line:last-child{transform:rotate3d(0,0,1,-45deg)}.v-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line:last-child{transform:none;top:12px}.h-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line:last-child{transform:none;left:12px}.scale-dot-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line:last-child{display:none}.minus-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon:hover span:last-child{transform:rotate3d(0,0,1,0deg)}.masthead .mobile-header-bar{position:relative;min-height:150px;width:100%;-ms-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-align-content:stretch;align-content:stretch;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify}.mobile-header-bar>*{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center}.mobile-header-bar .mobile-branding{line-height:0}.mobile-header-bar .mobile-branding img{max-width:100%;height:auto}#phantom{position:fixed;width:100%;left:0;top:0;box-sizing:border-box}#phantom.boxed{left:50%;transform:translateX(-50%)}.dt-style-um #phantom{display:none}.phantom-fade #phantom{-webkit-transform:translateZ(0)}.phantom-fade #phantom:not(.show-phantom):not(.hide-phantom){display:none;opacity:0}.phantom-fade #phantom.boxed{-webkit-transform:translate3d(-50%,0,0)}.phantom-fade .hide-phantom#phantom{animation:fade-out-anim .8s ease 0s 1 normal both}.phantom-fade .show-phantom#phantom{animation:opacity-lat .7s ease 0s 1 normal both;animation-delay:.1s}.phantom-fade #phantom.hide-phantom{will-change:opacity}@keyframes opacity-lat{0%{opacity:0;visibility:hidden}100%,70%{opacity:1;visibility:visible}}@keyframes fade-out-anim{0%{opacity:1;display:block}30%,99%{opacity:0;display:block}100%{opacity:0;display:none;z-index:1}}@keyframes fade-in-anim{0%{opacity:0;display:none}1%{opacity:0;display:block}100%,50%{opacity:1;display:block}}.phantom-slide #phantom.hide-phantom{will-change:transform,opacity}.phantom-slide #phantom{transform:translateY(-100%);opacity:0}.phantom-slide .hide-phantom#phantom{animation:slide-out-anim .35s ease 0s 1 normal both}.phantom-slide .boxed.hide-phantom#phantom{animation:slide-out-anim-boxed .35s ease 0s 1 normal both}.phantom-slide .show-phantom#phantom{animation:slide-in-anim .52s ease 0s 1 normal both}.phantom-slide .boxed.show-phantom#phantom{animation:slide-in-anim-boxed .52s ease 0s 1 normal both}@keyframes slide-out-anim{0%{opacity:1;transform:translateY(0)}30%{opacity:1;transform:translateY(-50%)}100%{opacity:0;transform:translateY(-100%)}}@keyframes slide-in-anim{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-out-anim-boxed{0%{opacity:1;transform:translate3d(-50%,0,0)}30%{opacity:1;transform:translate3d(-50%,-50%,0)}100%{opacity:0;transform:translate3d(-50%,-100%,0)}}@keyframes slide-in-anim-boxed{0%{opacity:0;transform:translate3d(-50%,-100%,0)}10%{opacity:1;transform:translate3d(-50%,-100%,0)}100%{opacity:1;transform:translate3d(-50%,0,0)}}body.admin-bar #phantom{top:32px!important}#phantom.boxed{z-index:9008}.ph-wrap{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;margin:0 auto}.full-height .ph-wrap{-ms-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.ph-wrap .menu-box{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center}.justify .ph-wrap .menu-box,.ph-wrap.with-logo .menu-box{-ms-flex-positive:1;-ms-flex-grow:1;flex-grow:1}.ph-wrap.with-logo .menu-box{-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end}#phantom.inline-header.center .main-nav,#phantom:not(.split-header) .main-nav,.inline-header.center .ph-wrap.with-logo .menu-box{-ms-flex-pack:center;-ms-justify-content:center;justify-content:center}#phantom.classic-header.justify .main-nav,#phantom.inline-header.justify .main-nav,#phantom.split-header.justify .main-nav{-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify}#phantom .with-logo .main-nav{-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end}#phantom.inline-header.left .main-nav{-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start}.widget-box .mini-widgets{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center}#phantom.full-width .ph-wrap{max-width:100%}#phantom .ph-wrap.boxed{width:100%;max-width:1320px;margin:0 auto}.ph-wrap .header-bar{width:100%}.ph-wrap .header-bar .mini-widgets{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center}.header-side-left .mixed-header .ph-wrap .header-bar .mini-widgets{-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end}.header-side-left .mixed-header.logo-center .ph-wrap .header-bar .menu-toggle{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start}.ph-wrap .logo-box{display:none}.ph-wrap.with-logo .logo-box{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;line-height:0}.ph-wrap .widget-box{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center}.phantom-logo-off .show-phantom .branding{display:none;visibility:hidden}.phantom-custom-logo-on .hide-phantom.classic-header .branding .phantom-top-line-logo,.phantom-custom-logo-on .masthead:not(#phantom) .phantom-top-line-logo,.phantom-custom-logo-on .show-phantom.classic-header .branding>a:not(.phantom-top-line-logo),.phantom-custom-logo-on .show-phantom.classic-header .branding>img:not(.phantom-top-line-logo){opacity:0;visibility:hidden}.phantom-custom-logo-on .masthead:not(#phantom) .phantom-top-line-logo{position:absolute}.phantom-custom-logo-on .hide-phantom.masthead:not(.classic-header):not(.side-header) .branding .phantom-top-line-logo,.phantom-custom-logo-on .show-phantom.masthead:not(.classic-header):not(.side-header) .branding>a:not(.phantom-top-line-logo),.phantom-custom-logo-on .show-phantom.masthead:not(.classic-header):not(.side-header) .branding>img:not(.phantom-top-line-logo){opacity:0;display:none}.animate-sticky{float:left;width:1px;height:100%}.phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo,.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>a:not(.sticky-logo),.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>img:not(.sticky-logo){display:none;opacity:0}.phantom-logo-off.phantom-sticky .sticky-on .branding>a,.phantom-logo-off.phantom-sticky .sticky-on .branding>img,.phantom-main-logo-on.phantom-sticky .sticky-on .branding>a,.phantom-main-logo-on.phantom-sticky .sticky-on .branding>img,.phantom-sticky:not(.phantom-custom-logo-on) .sticky-off .branding .sticky-logo,.phantom-sticky:not(.phantom-custom-logo-on) .sticky-on .branding .sticky-logo{display:none;visibility:hidden}.responsive-off .dt-mobile-header,.responsive-off .dt-mobile-menu-icon,.responsive-off .masthead .mobile-header-bar,.responsive-off .mobile-header-space,.responsive-off.transparent .header-space{display:none}/*!!!REWRITE Sticky floating*/.responsive-off.overlay-navigation .sticky-header-overlay{display:none}.responsive-off.phantom-sticky .fixed-masthead.masthead{position:absolute;top:0;width:100%;z-index:500}.phantom-sticky .fixed-masthead.masthead.sticky-on{position:fixed}.responsive-off.phantom-shadow-decoration.phantom-sticky .masthead.sticky-on{box-shadow:0 0 15px 1px rgba(0,0,0,.07);border-bottom:none}.responsive-off.phantom-disable-decoration.phantom-sticky .masthead.sticky-on{box-shadow:none!important;border-bottom:none}.responsive-off.phantom-sticky:not(.phantom-shadow-decoration) .masthead.sticky-on.shadow-decoration:not(.side-header-menu-icon){box-shadow:none}.responsive-off.floating-navigation-below-slider.phantom-sticky:not(.transparent) .masthead{position:relative;top:0!important}.responsive-off.floating-navigation-below-slider.phantom-sticky.transparent .masthead{position:absolute}.responsive-off.floating-navigation-below-slider.phantom-sticky .masthead.sticky-on{position:fixed}.responsive-off.phantom-sticky:not(.overlap):not(.transparent) .masthead:not(.side-header){transition:background-color 330ms ease}.responsive-off.phantom-sticky .page-inner .masthead:not(.side-header){-webkit-backface-visibility:hidden}.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo,.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>a:not(.sticky-logo),.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>img:not(.sticky-logo){display:none;opacity:0}.responsive-off.phantom-logo-off.phantom-sticky .sticky-on .branding>a,.responsive-off.phantom-logo-off.phantom-sticky .sticky-on .branding>img,.responsive-off.phantom-main-logo-on.phantom-sticky .sticky-on .branding>a,.responsive-off.phantom-main-logo-on.phantom-sticky .sticky-on .branding>img,.responsive-off.phantom-sticky:not(.phantom-custom-logo-on) .sticky-off .branding .sticky-logo,.responsive-off.phantom-sticky:not(.phantom-custom-logo-on) .sticky-on .branding .sticky-logo{display:none;visibility:hidden}.responsive-off.phantom-main-logo-on.phantom-sticky .sticky-on .branding .sticky-logo{display:block;visibility:visible}.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo,.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>a:not(.sticky-logo),.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>img:not(.sticky-logo){visibility:hidden}.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding>a:not(.sticky-logo),.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding>img:not(.sticky-logo),.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding .sticky-logo{visibility:visible}.phantom-main-logo-on.phantom-sticky.responsive-off .branding .sticky-logo{display:none}.phantom-sticky.responsive-off #page .side-header .branding>a:not(.sticky-logo),.phantom-sticky.responsive-off #page .side-header .branding>img:not(.sticky-logo):not(.mobile-logo){display:block;opacity:1;animation:none;visibility:visible}.sticky-mobile-header .masthead-mobile-header{transition:background .5s ease}.phantom-sticky .masthead{transition:background-color .5s ease,background-image .5s ease}.phantom-sticky .branding>a.same-logo{display:block!important;visibility:visible!important;opacity:1!important}.phantom-sticky .branding>a:not(.same-logo){opacity:0;transition:opacity .3s ease;display:block!important;position:absolute;left:-100%}.phantom-sticky .sticky-off .branding>a:not(.sticky-logo),.phantom-sticky .sticky-on .branding>a.sticky-logo{opacity:1;position:static}.footer{padding:0}.footer.full-width-line.empty-footer{border:none}#bottom-bar.full-width-line .wf-container-bottom,#bottom-bar.solid-bg .wf-container-bottom,.empty-footer.solid-bg #bottom-bar.full-width-line,.empty-footer.solid-bg .wf-container-bottom,.footer.full-width-line .wf-container-footer,.footer.solid-bg .wf-container-footer{border-top:none}.header-side-left.footer-overlap #footer,.header-side-right.footer-overlap #footer,.overlay-navigation.header-side-line.footer-overlap #footer{box-sizing:border-box}.footer-overlap #page .page-inner{position:relative;z-index:100}.engage-opened.footer-overlap .page-inner{z-index:9400}.mobile-false .footer-overlap .footer{position:fixed;bottom:0;width:100%;z-index:99;opacity:0}.wf-container-footer{padding-top:50px}.footer .widget{box-sizing:border-box}#bottom-bar{position:relative;z-index:9;margin:0 auto}#bottom-bar .wf-container-bottom{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-between;-ms-justify-content:space-between;justify-content:space-between;box-sizing:border-box}.logo-center#bottom-bar .wf-container-bottom{-ms-flex-flow:column wrap;flex-flow:column wrap;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center}#bottom-bar p{margin-bottom:0}.bottom-text-block{text-align:right}.bottom-text-block:not(:first-child){margin-left:20px}.logo-center .bottom-text-block{text-align:center}.logo-center .bottom-text-block:not(:first-child){margin-left:0}#branding-bottom{padding:10px 10px 10px 0;line-height:0;font-size:0}.logo-split #branding-bottom{-ms-flex-order:1;order:1}#bottom-bar .wf-float-left{margin-right:10px}.logo-center#bottom-bar .wf-float-left{margin-right:0}.logo-split#bottom-bar .wf-float-left{text-align:right}#bottom-bar.logo-split .wf-float-left{-ms-flex:1 1 0%;flex:1 1 0%}#bottom-bar .wf-float-left:last-of-type{margin-right:0}#bottom-bar .wf-float-right{display:-ms-flexbox;display:-ms-flex;display:flex;flex-grow:1;-ms-flex-pack:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;margin-left:10px;margin-right:0}.logo-center#bottom-bar .wf-float-right{margin-left:0;-ms-flex-flow:column wrap;flex-flow:column wrap;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center}.logo-split#bottom-bar .wf-float-right{-ms-flex-pack:flex-start;-ms-justify-content:flex-start;justify-content:flex-start}#bottom-bar.logo-split .wf-float-right{-ms-flex-order:2;order:2;-ms-flex:1 1 0%;flex:1 1 0%}#bottom-bar .sub-nav{top:auto;bottom:100%}#bottom-bar .sub-nav .sub-nav{bottom:0}#bottom-bar .sub-nav li:before{width:200px;margin:0 15px}#bottom-bar .sub-nav a:hover,#bottom-bar a{text-decoration:none}#bottom-bar a:hover{text-decoration:underline}#bottom-bar .dt-shortcode-soc-icons a:hover{text-decoration:none}#bottom-menu li .menu-text svg{display:none}#bottom-bar .menu-select{position:absolute;align-items:center;visibility:hidden;height:0;opacity:0;overflow:hidden}#bottom-bar .menu-select svg{margin-right:8px;width:16px}#bottom-bar .mini-nav ul{display:block}.logo-center#bottom-bar .mini-nav ul{text-align:center}.footer-sub-nav{position:absolute;visibility:hidden;z-index:200;bottom:100%;left:0;width:240px;opacity:0;background:#fff;box-shadow:0px 0px 4px rgba(0,0,0,.2)}.footer-sub-nav>li{position:relative;display:block;padding:0 10px;box-sizing:border-box}.footer-sub-nav>li:first-child{padding-top:10px}.footer-sub-nav>li:last-child{padding-bottom:10px}.footer-sub-nav>li a{padding:5px}.footer-sub-nav>li a .menu-text,.footer-sub-nav>li a .subtitle-text{color:#222}.footer-sub-nav .footer-sub-nav{bottom:0;left:241px!important}.rtl .footer-sub-nav .footer-sub-nav{right:241px;left:auto!important}.footer-sub-nav .footer-sub-nav.right-overflow{left:-241px!important}.rtl .footer-sub-nav .footer-sub-nav.right-overflow{right:-241px;left:auto!important}#bottom-bar .wf-float-right .mini-nav ul li{vertical-align:baseline}.post-rollover,.rollover,.rollover-project>a,.rollover-video{position:relative;display:block;line-height:0;text-decoration:none}.rollover:hover{text-decoration:none}.rollover img{max-width:100%;height:auto}.rsShor .rollover-video{position:static}.gallery-item .gallery-icon .rollover{display:inline-block}.format-gallery .rollover{overflow:hidden}.post-rollover i,.rollover i,.rollover-video i{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.hover-style-one .links-container,.hover-style-one .rollover-project>a:after,.hover-style-one .rollover-thumbnails,.hover-style-three .rollover-project>a:after,.hover-style-two .links-container,.hover-style-two .rollover-thumbnails,.post-rollover i,.rollover i,.rollover-content-container,.rollover-thumbnails,.rollover-video .video-icon,.rollover-video i,.rollover-video i:after{transition:all 450ms ease}.description-on-hover>.wf-cell .rollover i{visibility:hidden}.description-on-hover>.wf-cell .description-off .rollover i,.description-on-hover>.wf-cell .forward-post .rollover i{visibility:visible}.project-list-media .rollover-video i:after{position:absolute;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;content:""}.rollover-video .video-icon{position:absolute;left:0;top:0;width:100%;height:100%;z-index:99;background-position:center center;background-repeat:no-repeat}.rollover-video .video-icon:before{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background-color:rgba(0,0,0,.4);background-position:30px center;background-repeat:no-repeat;content:"";border-radius:50%}.mobile-false .images-list:hover i,.mobile-false .post-rollover:hover i,.mobile-false .rollover:hover i,.rollover-video:hover i{display:block;opacity:1}.images-list:hover .rollover-video .video-icon:before,.rollover-video:hover .video-icon:before{background-color:rgba(0,0,0,.4);opacity:1}.rollover-video .video-icon:hover{opacity:1}.blog .format-video .rollover i:after,.dt-blog-shortcode .format-video .rollover i:after,.rollover-video .video-icon:before,.rollover-video i:after{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E")}.hover-style-one .rollover:hover i{display:none}.filter-grayscale .content img,.filter-grayscale .footer img,.filter-grayscale .map-container,.filter-grayscale .royalSlider img,.filter-grayscale .shortcode-banner,.filter-grayscale .sidebar img,.filter-grayscale embed,.filter-grayscale iframe,.filter-grayscale object,.filter-grayscale-static .content img,.filter-grayscale-static .footer img,.filter-grayscale-static .map-container,.filter-grayscale-static .royalSlider img,.filter-grayscale-static .shortcode-banner,.filter-grayscale-static .sidebar img,.filter-grayscale-static embed,.filter-grayscale-static iframe,.filter-grayscale-static object{-webkit-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);filter:gray}.mobile-false .filter-grayscale .content img,.mobile-false .filter-grayscale .footer img,.mobile-false .filter-grayscale .map-container,.mobile-false .filter-grayscale .royalSlider img,.mobile-false .filter-grayscale .shortcode-banner,.mobile-false .filter-grayscale .sidebar img,.mobile-false .filter-grayscale embed,.mobile-false .filter-grayscale iframe,.mobile-false .filter-grayscale object,.mobile-false .filter-grayscale-static .content img,.mobile-false .filter-grayscale-static .footer img,.mobile-false .filter-grayscale-static .map-container,.mobile-false .filter-grayscale-static .royalSlider img,.mobile-false .filter-grayscale-static .shortcode-banner,.mobile-false .filter-grayscale-static .sidebar img,.mobile-false .filter-grayscale-static embed,.mobile-false .filter-grayscale-static iframe,.mobile-false .filter-grayscale-static object{-webkit-backface-visibility:visible!important}.filter-grayscale #branding-bottom img,.filter-grayscale .buttons-on-img:hover img,.filter-grayscale .content .rev_slider_wrapper:hover img,.filter-grayscale .content img:hover,.filter-grayscale .cs-style-3 .link:hover img,.filter-grayscale .dt-hovered img,.filter-grayscale .dt-owl-item:hover img,.filter-grayscale .filter-disable img,.filter-grayscale .footer img:hover,.filter-grayscale .gradient-overlap-layout-list article:hover img,.filter-grayscale .map-container:hover,.filter-grayscale .post-rollover:hover img,.filter-grayscale .post-thumbnail-rollover:hover img,.filter-grayscale .post-thumbnail:hover img,.filter-grayscale .rollover-project:hover img,.filter-grayscale .rollover-video:hover img,.filter-grayscale .rollover:hover img,.filter-grayscale .royalSlider:hover img,.filter-grayscale .rsThumb:hover img,.filter-grayscale .shortcode-banner:hover,.filter-grayscale .sidebar img:hover,.filter-grayscale embed:hover,.filter-grayscale iframe:hover,.filter-grayscale img.dt-hovered,.filter-grayscale img.filter-disable,.filter-grayscale object:hover,.filter-grayscale-static #branding-bottom img,.mobile-false .content-rollover-layout-list article:hover img,.mobile-false .gradient-overlay-layout-list article:hover img{-webkit-filter:grayscale(0%);-ms-filter:grayscale(0%);filter:grayscale(0%);filter:none}.gallery-shortcode figure{position:relative;overflow:hidden;transform:translateZ(0)}.gallery-rollover{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;opacity:0;transition:opacity .4s ease}.gallery-shortcode figure:hover .gallery-rollover{opacity:1}.album-gallery-shortcode .rollover{float:left}.blog-carousel-shortcode .gallery-zoom-ico,.blog-shortcode .gallery-zoom-ico{opacity:0;transition:opacity .4s ease}.blog-carousel-shortcode .post-thumbnail-rollover:hover .gallery-zoom-ico,.blog-shortcode .post-thumbnail-rollover:hover .gallery-zoom-ico,.content-rollover-layout-list .gallery-zoom-ico,.gradient-overlay-layout-list .gallery-zoom-ico{opacity:1}.albums-shortcode .gallery-zoom-ico,.blog-carousel-shortcode .gallery-zoom-ico,.blog-shortcode .gallery-zoom-ico,.gallery-shortcode .gallery-zoom-ico{position:absolute;top:50%;left:50%;width:100%;height:100%;z-index:10;border-style:solid;box-sizing:border-box;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center}.albums-shortcode .gallery-zoom-ico span,.blog-carousel-shortcode .gallery-zoom-ico span,.blog-shortcode .gallery-zoom-ico span,.gallery-shortcode .gallery-zoom-ico span{position:relative;z-index:11}.content-rollover-layout-list.albums-shortcode .gallery-zoom-ico,.content-rollover-layout-list.blog-carousel-shortcode .gallery-zoom-ico,.content-rollover-layout-list.blog-shortcode .gallery-zoom-ico,.content-rollover-layout-list.gallery-shortcode .gallery-zoom-ico,.gradient-overlay-layout-list.albums-shortcode .gallery-zoom-ico,.gradient-overlay-layout-list.blog-carousel-shortcode .gallery-zoom-ico,.gradient-overlay-layout-list.blog-shortcode .gallery-zoom-ico,.gradient-overlay-layout-list.gallery-shortcode .gallery-zoom-ico{position:static}.content-rollover-layout-list .post-thumbnail-wrap .gallery-zoom-ico,.gallery-shortcode.album-gallery-shortcode.hover-scale article:after,.gradient-overlay-layout-list .post-thumbnail-wrap .gallery-zoom-ico{display:none}.gallery-shortcode .rollover>i{display:none!important}.quick-scale-img .rollover,.scale-img .rollover{transform:translateZ(0);overflow:hidden}.quick-scale-img .post-thumbnail-rollover img,.quick-scale-img .rollover img,.quick-scale-img .trigger-img-hover .img-wrap img{transition:transform .25s ease-out,opacity .25s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.scale-img .post-thumbnail-rollover img,.scale-img .rollover img,.scale-img .trigger-img-hover .img-wrap img{transition:transform .3s ease-out,opacity .35s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.post-thumbnail-rollover img.blog-thumb-lazy-load,.post-thumbnail-rollover img.lazy-load,.post-thumbnail-rollover img.lazy-scroll,.rollover img.blog-thumb-lazy-load,.rollover img.lazy-load,.rollover img.lazy-scroll,.trigger-img-hover .img-wrap img.blog-thumb-lazy-load,.trigger-img-hover .img-wrap img.lazy-load,.trigger-img-hover .img-wrap img.lazy-scroll{transition:transform .3s ease-out,opacity .35s}.mobile-false .scale-img .post-thumbnail:not(.overlay-placeholder):hover>.post-thumbnail-rollover img,.mobile-false .scale-img .trigger-img-hover:hover .img-wrap img,.mobile-false .scale-img article:hover .rollover img,.mobile-false .scale-img figure:hover .rollover img,.scale-img .on-hover .post-thumbnail>.post-thumbnail-rollover img{transform:scale(1.2);transition:transform 4s ease-out,opacity .25s ease-out}.mobile-false .quick-scale-img .post-thumbnail:not(.overlay-placeholder):hover>.post-thumbnail-rollover img,.mobile-false .quick-scale-img .trigger-img-hover:hover .img-wrap img,.mobile-false .quick-scale-img article:hover .rollover img,.mobile-false .quick-scale-img figure:hover .rollover img,.quick-scale-img .on-hover .post-thumbnail>.post-thumbnail-rollover img{transform:scale(1.2);transition:transform .25s ease-out,opacity .25s ease-out}.mobile-false .hover-scale.gallery-shortcode .rollover-content{background:0 0!important;transform:scale(1)}.hover-scale.gallery-shortcode .post,.hover-scale.gallery-shortcode .post .rollover{overflow:hidden}.hover-scale.gallery-shortcode .rollover:after{display:block;background-color:inherit;position:absolute;top:0;left:0;right:0;opacity:0;content:"";border-radius:50%;padding-bottom:100%;transform:scale(0);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s}.hover-scale.gallery-shortcode .ratio-2 .rollover:after{top:-50%}.hover-scale .ratio_3-2 .rollover:after{top:-25%}.hover-scale article.ratio_0-5:after,.hover-scale.gallery-shortcode .ratio_0-5 .rollover:after{top:25%}.hover-scale.gallery-shortcode .ratio_4-3 .rollover:after{top:-16.6666%}.hover-scale.gallery-shortcode .ratio_2-3 .rollover:after{top:16.6666%}.hover-scale.gallery-shortcode .ratio_3-4 .rollover:after{top:14.5%}.mobile-false .hover-scale.gallery-shortcode .post:hover .rollover:after,.mobile-true .hover-scale.gallery-shortcode .post.is-clicked .rollover:after{opacity:1;transform:scale(1.42)}.mobile-false .hover-scale.gallery-shortcode .post.ratio_3-2:hover .rollover:after,.mobile-true .hover-scale.gallery-shortcode .post.is-clicked.ratio_3-2 .rollover:after{transform:scale(1.2)}.mobile-false .hover-scale article.ratio_0-5:hover:after,.mobile-false .hover-scale.gallery-shortcode .post.ratio_0-5:hover .rollover:after{transform:scale(2.5)}.mobile-false .hover-scale.gallery-shortcode .post.ratio_4-3:hover .rollover:after,.mobile-true .hover-scale.gallery-shortcode .post.is-clicked.ratio_4-3 .rollover:after{transform:scale(1.5)}.mobile-false .hover-scale.gallery-shortcode .post.ratio_2-3:hover .rollover:after,.mobile-false .hover-scale.gallery-shortcode .post.ratio_3-4:hover .rollover:after,.mobile-true .hover-scale.gallery-shortcode .post.is-clicked.ratio_2-3 .rollover:after,.mobile-true .hover-scale.gallery-shortcode .post.is-clicked.ratio_3-4 .rollover:after{transform:scale(2)}.mobile-false .hover-scale .rollover-content{background:0 0!important;transform:scale(0);transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s}.blog-shortcode>div:not(.dt-css-grid) .wf-cell,.blog.layout-grid .wf-container.description-under-image .wf-cell,.grid-masonry .wf-cell,.iso-grid .wf-cell,.iso-item,.portfolio-shortcode .wf-cell,.shortcode-blog-posts .wf-cell{opacity:0}.no-cssanimations #main .jg-container .wf-cell,.no-cssanimations .blog.layout-grid .wf-container.description-under-image .wf-cell,.no-cssanimations .grid-masonry .wf-cell,.no-cssanimations .iso-grid .wf-cell,.no-cssanimations .iso-item,.no-cssanimations .shortcode-blog-posts.iso-grid .wf-cell{opacity:1}.mobile-false .iso-container .wf-cell,.mobile-false .iso-grid .wf-cell{float:left}.iso-grid.iso-item-ready article,.mode-grid article{height:100%}.iso-item{width:100%}.dt-isotope .wf-cell{will-change:top,left}.dt-isotope .wf-cell.animate-position{transition:top .65s ease-out,left .65s ease-out;opacity:1}.footer .layzr-bg,.layzr-bg{background-position:center center;background-repeat:no-repeat}.layzr-bg.post-rollover,.layzr-bg.rollover-small{background-size:auto 30%}.layzr-loading-on .iso-lazy-load{opacity:0;transition:opacity .35s ease-out}.layzr-loading-on .iso-lazy-load.is-loaded{opacity:1}.loading-effect-none .wf-cell.shown:not(.isotope-hidden):not(.hidden),.mobile-true .dt-isotope .wf-cell.shown:not(.isotope-hidden),.mobile-true .wf-cell.shown:not(.isotope-hidden):not(.hidden){animation:dt_fadeIn .4s ease forwards}.mobile-false .loading-effect-fade-in .wf-cell.shown:not(.isotope-hidden):not(.hidden),.mobile-false .loading-effect-fade-in .wf-cell.start-animation{animation:dt_fadeIn .7s ease forwards}@keyframes dt_fadeIn{to{opacity:1}}.mobile-false .loading-effect-move-up .wf-cell.shown:not(.isotope-hidden):not(.hidden),.mobile-false .loading-effect-move-up .wf-cell.start-animation{transform:translateY(200px);animation:dt_moveUp .55s ease-in-out forwards}.mobile-false .loading-effect-move-up .wf-cell .project-list-content{-moz-osx-font-smoothing:grayscale}@keyframes dt_moveUp{to{transform:translateY(0);opacity:1}}.mobile-false .loading-effect-scale-up .wf-cell.shown:not(.isotope-hidden),.mobile-false .loading-effect-scale-up .wf-cell.start-animation{transform:scale(.6);animation:dt_scaleUp .57s ease-in-out forwards}@keyframes dt_scaleUp{to{transform:scale(1);opacity:1}}.mobile-false .loading-effect-fall-perspective,.mobile-false .loading-effect-flip,.mobile-false .loading-effect-helix,.mobile-false .loading-effect-scale{-webkit-perspective:1300px;perspective:1300px}.mobile-false .loading-effect-fall-perspective{-webkit-backface-visibility:hidden}.mobile-false .loading-effect-fall-perspective .wf-cell.shown:not(.isotope-hidden),.mobile-false .loading-effect-fall-perspective .wf-cell.start-animation{-webkit-transform-style:preserve-3d;transform:translateZ(400px) translateY(300px) rotateX(-65deg);animation:dt_fallPerspective .75s ease-in-out forwards}@keyframes dt_fallPerspective{100%{transform:translateZ(0px) translateY(0px) rotateX(0deg);opacity:1}}.mobile-false .loading-effect-fly .wf-cell.shown:not(.isotope-hidden),.mobile-false .loading-effect-fly .wf-cell.start-animation{-webkit-transform-style:preserve-3d;transform-origin:50% 50% -300px;transform:rotateX(-180deg);animation:dt_fly .7s ease-in-out forwards}.mobile-false .loading-effect-fly .wf-cell.animation-complete{opacity:1}@keyframes dt_fly{100%{transform:rotateX(0deg);opacity:1}}.mobile-false .loading-effect-flip .wf-cell.shown:not(.isotope-hidden),.mobile-false .loading-effect-flip .wf-cell.start-animation{-webkit-transform-style:preserve-3d;transform-origin:0% 0%;transform:rotateX(-80deg);animation:dt_flip .7s ease-in-out forwards}@keyframes dt_flip{100%{transform:rotateX(0deg);opacity:1}}.mobile-false .loading-effect-helix .wf-cell.shown:not(.isotope-hidden),.mobile-false .loading-effect-helix .wf-cell.start-animation{-webkit-transform-style:preserve-3d;transform:rotateY(-180deg);animation:dt_helix .7s ease-in-out forwards}@keyframes dt_helix{100%{transform:rotateY(0deg);opacity:1}}.mobile-false .loading-effect-scale .wf-cell.shown:not(.isotope-hidden),.mobile-false .loading-effect-scale .wf-cell.start-animation{-webkit-transform-style:preserve-3d;transform:scale(.4);animation:dt_popUp .9s ease-in forwards}@keyframes dt_popUp{70%{transform:scale(1.05);opacity:.8;animation-timing-function:ease-in-out}100%{transform:scale(1);opacity:1}}.dt-isotope .wf-cell.no-transition,.dt-isotope.no-transition,.dt-isotope.no-transition .wf-cell{transition-duration:0s}#main .jg-container .wf-cell{float:left;opacity:0;padding:0}#main .jg-container .wf-cell .post{margin:0;padding:0}.layzr-loading-on .jgrid-lazy-load{opacity:0;transition:opacity .33s}.layzr-loading-on .jgrid-layzr-loaded{opacity:1}.jg-container .post .alignleft,.jg-container .post .alignnone{margin-bottom:0}.wf-container.dt-css-grid:before{display:none}.dt-css-grid{display:-ms-grid;display:grid;transition:all .33s}.cssgridlegacy.no-cssgrid .dt-css-grid,.no-cssgridlegacy.no-cssgrid .dt-css-grid{display:block}.dt-css-grid .wf-cell{display:flex;padding:0;opacity:0}.dt-css-grid .wf-cell>a,.dt-css-grid .wf-cell>article,.dt-css-grid .wf-cell>div{width:100%}.cssgridlegacy.no-cssgrid .dt-css-grid .wf-cell:not(.hidden),.no-cssgridlegacy.no-cssgrid .dt-css-grid .wf-cell:not(.hidden){display:inline-block}.jquery-filter .dt-css-grid .wf-cell.hidden,.jquery-filter .dt-css-grid .wf-cell:not(.visible):not(.shown){visibility:hidden;opacity:0}.dt-css-grid .no-img .overlay-placeholder img{max-width:100%}.cssgridlegacy.no-cssgrid .wc-grid.resize-by-browser-width .dt-css-grid,.no-cssgridlegacy.no-cssgrid .wc-grid.resize-by-browser-width .dt-css-grid{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}img.lazy-load,img.lazy-scroll,img.owl-thumb-lazy-load-show{transition:opacity .38s}img.lazy-load:not(.is-loaded),img.lazy-scroll:not(.is-loaded),img.owl-thumb-lazy-load-show:not(.is-loaded){opacity:0!important}img.is-loaded{opacity:1}.scroll-top{position:fixed;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;right:10px;bottom:10px;width:40px;height:40px;opacity:0;z-index:-1;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";text-decoration:none;background-color:#000;background-color:rgba(0,0,0,.2)}.show-mobile-header .scroll-top{opacity:0}.scroll-top,.scroll-top i,.scroll-top svg,.scroll-top::before{transition:all .4s ease}.scroll-top.off{right:-45px;opacity:0}.scroll-top.on{right:10px;opacity:1;z-index:109}.header-side-right .scroll-top.on{right:auto;left:10px}.show-mobile-header .scroll-top.on{opacity:0}.scroll-top:hover{background-color:#000;background-color:rgba(0,0,0,.5)}.scroll-top svg{text-transform:none;width:24px;line-height:1;fill:#fff}.scroll-top-elementor-icon:before{display:none}.scroll-top-elementor-icon,.scroll-top-elementor-icon:hover{color:#fff}.scroll-top-elementor-icon svg{fill:#fff}.no-avatar{position:relative;width:50px;height:50px;box-sizing:border-box}a.no-avatar{transition:all 450ms ease}.no-avatar svg{width:32px;height:auto}.comment .no-avatar,.items-grid .no-avatar,.recent-posts .no-avatar{width:60px;height:60px}.author-avatar .no-avatar,.comment .no-avatar{display:inline-flex;justify-content:center;align-items:center;position:initial}.shortcode-code{padding:25px 20px}.edit-link{padding:5px 10px;background-color:#69c354;color:#fff!important;text-decoration:none;font-family:Arial,sans-serif;font-size:12px;border-radius:3px}.edit-link:hover{color:#fff;background-color:#4fa53b}.details{position:relative;display:inline-block;vertical-align:top;padding-bottom:6px!important;margin-bottom:-6px;font-weight:700;text-decoration:none}.details:after{display:inline-block;padding-left:5px;font-family:icomoon-the7-font;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:8px;line-height:1;content:"\f003"}.details:before{position:absolute;display:block;left:0;bottom:0;width:0;height:2px;content:"";transition:width .4s ease}.details:hover:before{width:100%}.round-images .alignleft,.round-images .alignleft i,.round-images .alignleft img,.round-images .blur-effect,.round-images .rollover i,.round-images a.rollover,.round-images img{border-radius:50%}#page .customSelect{padding:6px 10px 5px;box-sizing:border-box}#content span:last-child[class*=gw-go-btn-icon][class*=gw-go-btn-icon-large]{margin-bottom:-6px}#content span:last-child[class*=gw-go-btn-icon]{margin-bottom:-5px}.content .gw-go-col{border-top-width:1px;border-bottom-width:1px;border-color:#e2e2e2}.content .gw-go-col:before{margin-top:1px}.esgbox-overlay.esgbox-overlay-fixed{z-index:10000}.esg-grid a{text-decoration:none}.offer-tag{display:none}.boxed-layout #tiptip_holder{top:-20px!important}#main .chzn-container-single .chzn-single{background-image:none}.nsu_widget label{margin-right:10px}form.mc4wp-form label{font-weight:400}#main #content .rotatingtweet{padding:25px 20px 20px;box-sizing:border-box}#content .rotatingtweets{max-width:100%}.interval{padding-bottom:10px}.search-no-results .submit:hover{cursor:default}.useJS .container .l3,.useJS .container .photo.show,.useJS .container-1,.useJS .container-2,.useJS .container-3{transform:none}.lightbox.useJS .close,div.lightbox.useJS .img-caption{transition:none}.jp-carousel-comment-form-button,.wpb-js-composer div.pp_default .pp_contract,.wpb-js-composer div.pp_default .pp_expand{box-shadow:none}.content .searchform input.searchform-s{width:100%;margin-bottom:0}.dt-circle-content{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;align-items:center;-ms-flex-align:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;border-radius:50%}@keyframes opacity-lat-rev{0%{opacity:1;visibility:visible}100%,30%{opacity:0;visibility:hidden}}.loading-ready #load{animation:opacity-lat-rev .8s ease 0s 1 normal both}body #load.loader-removed{opacity:0;visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.dt-owl-item>article,.slick-slide .vc_row.vc_row-flex .ult-item-wrap{-ms-flex:0 0 auto;max-width:100%}.owl-carousel .post.product{display:block}}.slick-next,.slick-prev{z-index:10}.woocommerce-Reviews .comment-notes{text-align:left}.post-password-form input[type=password]{margin-right:10px}.customSelectInner{background-repeat:no-repeat;background-position:right center}.archive .taxonomy-description{margin-bottom:40px}.archive:not(.post-type-archive-product) .woocommerce-products-header .term-description{margin-bottom:50px}.mini-wpml{position:relative}[id*=give-form] .give-form-title{text-align:center;margin-bottom:30px}.give-btn.give-btn-reveal{border-color:transparent}.widget_give_forms_widget .give-form-title{display:none}.widget_give_forms_widget #give-donation-level-button-wrap>li{margin-bottom:0}.widget_give_forms_widget #give-donation-level-button-wrap{margin-bottom:5px}.footer-overlap .grecaptcha-badge{z-index:103}.hidden{display:none!important;opacity:0!important}.notransition{transition:none!important}.project-links-container{pointer-events:none}.project-links-container a{pointer-events:initial}.post-entry-content{pointer-events:none}.post-entry-content a{pointer-events:initial}.post-thumbnail::after{content:none}.flatpickr-current-month input.cur-year{min-height:inherit} .icomoon-the7-font-the7-cart-00:before{content:"\e200"} .icomoon-the7-font-the7-cart-001:before{content:"\e2001"} .icomoon-the7-font-the7-cart-002:before{content:"\e2011"} .icomoon-the7-font-the7-cart-01:before{content:"\e201"} .icomoon-the7-font-the7-cart-02:before{content:"\e202"} .icomoon-the7-font-the7-cart-021:before{content:"\e2021"} .icomoon-the7-font-the7-cart-04:before,.the7-mw-icon-cart-bold:before{content:"\e204"} .icomoon-the7-font-the7-cart-05:before{content:"\e205"} .icomoon-the7-font-the7-cart-051:before{content:"\e2051"} .icomoon-the7-font-the7-cart-06:before{content:"\e206"} .icomoon-the7-font-the7-cart-07:before{content:"\e207"} .icomoon-the7-font-the7-cart-10:before{content:"\e210"} .icomoon-the7-font-the7-cart-11:before{content:"\e211"} .icomoon-the7-font-the7-cart-12:before,.the7-mw-icon-cart:before{content:"\e212"} .icomoon-the7-font-the7-cart-13:before{content:"\e213"} .icomoon-the7-font-the7-cart-14:before{content:"\e214"} .icomoon-the7-font-the7-cart-15:before{content:"\e215"} .icomoon-the7-font-the7-login-02:before,.the7-mw-icon-login-bold:before{content:"\e502"} .icomoon-the7-font-the7-login-021:before,.the7-mw-icon-login:before{content:"\e5021"} .icomoon-the7-font-the7-phone-05:before,.the7-mw-icon-phone-bold:before{content:"\e105"} .Defaults-search:before{content:"\f002"} .Defaults-search-plus:before{content:"\f00e"} .Defaults-search-minus:before{content:"\f010"} .masthead{-ms-grid-column:1;-ms-grid-row:1;grid-area:header} .floating-navigation-below-slider .masthead{-ms-grid-column:1;-ms-grid-row:2} .side-header-v-stroke.masthead,.side-header.masthead{-ms-grid-column:1;grid-area:header-side} .widget_search input[type=text].searchform-s,.woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select,.wpcf7-number,input[type=text]:not(.elementor-field):not(.searchform-s),input[type=search]:not(.elementor-field),input[type=tel]:not(.elementor-field),input[type=url]:not(.elementor-field),input[type=email]:not(.elementor-field),input[type=number]:not(.elementor-field),input[type=date]:not(.elementor-field),input[type=range]:not(.elementor-field),input[type=password]:not(.elementor-field),select:not(.elementor-field):not(.elementor-field-textual),textarea:not(.elementor-field){margin-bottom:10px;border-style:var(--the7-form-border);box-sizing:border-box} .masthead .mega-menu-widgets .soc-ico a,.soc-ico a{position:relative;display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;margin:2px;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;box-sizing:border-box;text-decoration:none} .masthead .mega-menu-widgets .soc-ico a .soc-font-icon,.soc-ico a .soc-font-icon{position:relative;z-index:1;font-size:16px} .masthead{position:relative;z-index:102;box-sizing:border-box} .masthead:not(.side-header){display:-ms-flexbox;-ms-flex-direction:column} .floating-navigation-below-slider.transparent .masthead:not(#phantom):not(.no-slider){transform:translateY(-100%)} .hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .header-bar,.hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .mobile-header-bar,.hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .top-bar{display:none} .responsive-off.transparent:not(.photo-scroller-album):not(.phantom-sticky) .masthead:not(.side-header){position:absolute;width:100%;z-index:102} .top-bar{position:relative;display:-ms-flexbox;display:-ms-flex;display:flex;margin-top:0;box-sizing:border-box} .top-bar-bg,.top-bar:after{position:absolute;bottom:0;left:0;width:100%;height:100%;content:"";box-sizing:content-box} .boxed .top-bar-bg,.boxed .top-bar:after{padding:0;margin:0;left:50%;transform:translateX(-50%)} .top-bar:after{height:1px} .transparent .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .top-bar-line-hide.top-bar:after{display:none} .top-bar-bg,.top-bar.full-width-line:after{padding:0 1000px;margin-left:-1000px} .boxed .top-bar-bg,.boxed .top-bar.full-width-line:after{padding:0;margin:0;left:50%;transform:translateX(-50%)} .top-bar>.mini-widgets{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex:1 1 auto;flex:1 1 auto;-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start;-ms-flex-flow:row wrap;flex-flow:row wrap} .top-bar .mini-widgets.right-widgets,.top-bar .mini-widgets:last-child{-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end} .top-bar *{font-size:inherit;line-height:inherit} .top-bar.hide-top-bar,.top-bar.top-bar-empty{position:absolute;visibility:hidden;opacity:0} .transparent .top-bar{margin-bottom:-1px} .top-bar .sub-nav{z-index:1003} .top-bar .sub-nav a:hover,.top-bar a,.top-bar a:hover{text-decoration:none} .top-bar .mini-login a:hover,.top-bar .mini-search .submit:hover,.top-bar a:hover{text-decoration:none;opacity:.7} .top-bar .shopping-cart-inner a:hover,.top-bar .soc-ico a:hover,.top-bar .sub-nav li a:hover{opacity:1} .branding{line-height:0;font-size:0} .side-header .branding{display:-ms-flexbox;display:-ms-flex;display:flex} .branding>a{display:block} .branding a img,.branding img{max-width:100%;height:auto} .branding .mobile-desktop-logo,.branding .mobile-logo,.phantom-sticky .side-header .branding .mobile-logo{display:none} .responsive-off .masthead .hide-on-desktop{visibility:hidden;position:absolute;left:-9999px} .responsive-off .masthead .hide-on-desktop.display-none{display:none} .mobile-mini-widgets{max-width:calc(100% - 45px)} .masthead .mini-widgets>*,.masthead .mobile-mini-widgets>*{display:inline-block;margin-left:10px;margin-right:10px} .masthead.side-header:not(.masthead-mobile-header) .mini-widgets>*,.masthead.side-header:not(.masthead-mobile-header) .mobile-mini-widgets>*{margin:5px 20px 5px 0} .masthead.side-header.h-center .mini-widgets>*,.masthead.side-header.h-center .mobile-mini-widgets>*{margin-left:10px;margin-right:10px} .side-header-v-stroke:not(.masthead-mobile-header) .mini-widgets>*,.side-header-v-stroke:not(.masthead-mobile-header) .mobile-mini-widgets>*{margin:10px 0} .dt-mobile-header .mobile-mini-widgets-in-menu>*{margin:5px 20px 5px 0} .masthead:not(.side-header) .mini-widgets>.first,.masthead:not(.side-header) .mini-widgets>:first-child,.masthead:not(.side-header) .mobile-mini-widgets>.first,.masthead:not(.side-header) .mobile-mini-widgets>:first-child,.side-header .top-bar .mini-widgets>.first,.side-header .top-bar .mini-widgets>:first-child,.side-header .top-bar .mobile-mini-widgets>.first,.side-header .top-bar .mobile-mini-widgets>:first-child,.side-header-h-stroke .mini-widgets>.first,.side-header-h-stroke .mini-widgets>:first-child,.side-header-h-stroke .mobile-mini-widgets>.first,.side-header-h-stroke .mobile-mini-widgets>:first-child{margin-left:0} .masthead:not(.side-header) .mini-widgets>.last,.masthead:not(.side-header) .mini-widgets>:last-child,.masthead:not(.side-header) .mobile-mini-widgets>.last,.masthead:not(.side-header) .mobile-mini-widgets>:last-child,.side-header .top-bar .mini-widgets>.last,.side-header .top-bar .mini-widgets>:last-child,.side-header .top-bar .mobile-mini-widgets>.last,.side-header .top-bar .mobile-mini-widgets>:last-child,.side-header-h-stroke .mini-widgets>.last,.side-header-h-stroke .mini-widgets>:last-child,.side-header-h-stroke .mobile-mini-widgets>.last,.side-header-h-stroke .mobile-mini-widgets>:last-child{margin-right:0} .masthead .mobile-header-bar .mini-widgets>*,.masthead .mobile-header-bar .mobile-mini-widgets>*,.masthead-mobile-header .mini-widgets>*,.masthead-mobile-header .mobile-mini-widgets>*,.side-header-h-stroke .mobile-header-bar .mini-widgets>*,.side-header-h-stroke .mobile-header-bar .mobile-mini-widgets>*{margin:0 10px} .masthead .mobile-header-bar .mini-widgets>.first,.masthead .mobile-header-bar .mini-widgets>:first-child,.masthead .mobile-header-bar .mobile-mini-widgets>.first,.masthead .mobile-header-bar .mobile-mini-widgets>:first-child,.masthead-mobile-header .mini-widgets>.first,.masthead-mobile-header .mini-widgets>:first-child,.masthead-mobile-header .mobile-mini-widgets>.first,.masthead-mobile-header .mobile-mini-widgets>:first-child,.side-header-h-stroke .mobile-header-bar .mini-widgets>.first,.side-header-h-stroke .mobile-header-bar .mini-widgets>:first-child,.side-header-h-stroke .mobile-header-bar .mobile-mini-widgets>.first,.side-header-h-stroke .mobile-header-bar .mobile-mini-widgets>:first-child{margin-left:10px} .masthead .mobile-header-bar .mini-widgets>.last,.masthead .mobile-header-bar .mini-widgets>:last-child,.masthead .mobile-header-bar .mobile-mini-widgets>.last,.masthead .mobile-header-bar .mobile-mini-widgets>:last-child,.masthead-mobile-header .mini-widgets>.last,.masthead-mobile-header .mini-widgets>:last-child,.masthead-mobile-header .mobile-mini-widgets>.last,.masthead-mobile-header .mobile-mini-widgets>:last-child,.side-header-h-stroke .mobile-header-bar .mini-widgets>.last,.side-header-h-stroke .mobile-header-bar .mini-widgets>:last-child,.side-header-h-stroke .mobile-header-bar .mobile-mini-widgets>.last,.side-header-h-stroke .mobile-header-bar .mobile-mini-widgets>:last-child{margin-right:10px} .mini-contacts,.mini-login a{position:relative;margin:0} .masthead .mini-contacts,.masthead .mini-login a{display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex;-ms-align-items:center;-ms-flex-align:center;align-items:center} .dt-mobile-header .mini-contacts,.dt-mobile-header .mini-login a,.side-header .mini-contacts,.side-header .mini-login a{white-space:normal} .mini-contacts i,.mini-login a i{margin-right:5px} .dt-mobile-header .menu a:hover,.dt-mobile-header .menu-select:hover,.masthead .menu a:hover,.masthead .menu-select:hover{text-decoration:none} #page .mini-nav select option,.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .mini-nav select option{color:#b8bcbe!important} .masthead .popup-search.act{position:relative;z-index:1002} .dt-mobile-header .mini-search,.masthead .mini-search{position:relative;display:inline-block;vertical-align:middle;z-index:10;max-width:100%} .dt-mobile-header .popup-search .popup-search-wrap:before,.popup-search .popup-search-wrap.bottom-overflow:before,.side-header:not(.masthead-mobile-header) .popup-search .popup-search-wrap:before{border-top-color:#fff} .dt-mobile-header .popup-search-wrap:before,.popup-search-wrap.bottom-overflow:before,.side-header:not(.masthead-mobile-header) .popup-search-wrap:before{top:auto;bottom:-7px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid;border-bottom:none} .popup-search-wrap .search-icon{position:absolute;top:0;right:20px;height:100%} .mini-search .popup-search-wrap.left-overflow{left:-10px;right:auto} .dt-mobile-header .mini-search .field{left:0;z-index:100} .dt-mobile-header .mini-search:not(.animate-search-width) .field{width:100%} .mini-search input[type=text]{margin-bottom:0} .mini-search .field:focus{outline:0} .mini-search .submit{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;border:none;background-color:transparent;text-decoration:none} .mini-search .submit.default-icon{padding-left:17px} .mini-search .search-icon{text-decoration:none;background-repeat:no-repeat;background-position:center center} .mini-search .search-icon,.overlay-search-microwidget .search-icon{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center} .mini-search .search-icon:hover,.overlay-search-microwidget .search-icon:hover{opacity:.7} .dt-mobile-header .mini-search .searchsubmit,.masthead .mini-search .searchsubmit{display:none} .classic-search .search-icon{position:absolute;top:0;right:10px;height:100%;padding:0} .mini-search .overlay-search-wrap{display:none} .overlay-search-microwidget .search-icon{position:absolute;top:0px;right:10px;height:100%;padding:0;background-position:0 center;background-repeat:no-repeat;text-decoration:none} .overlay-search-microwidget .search-icon>span{position:absolute;text-indent:-9999px} .animate-search-width .search-icon{position:absolute;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;top:0;right:0;height:100%;width:100%} .masthead .mini-widgets .mini-login{display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex;-ms-align-items:center;-ms-flex-align:center;align-items:center} .mini-login i{margin-right:5px} .mini-login:hover{opacity:.7} .mini-login a{position:relative;display:inherit;text-decoration:none} .mini-login a:hover{text-decoration:none} .accent-gradient .masthead .mini-widgets .soc-ico.accent-bg a:hover,.accent-gradient .masthead .mini-widgets .soc-ico.gradient-bg a:hover,.masthead .mini-widgets .soc-ico a:hover,.masthead .mini-widgets .soc-ico.accent-bg a:hover,.masthead .mini-widgets .soc-ico.custom-bg a:hover,.masthead .mini-widgets .soc-ico.gradient-bg a:hover{background:0 0} .accent-gradient .masthead .soc-ico.gradient-bg.hover-custom-bg a:hover,.masthead .soc-ico.accent-bg.hover-custom-bg a:hover,.masthead .soc-ico.hover-accent-bg a:hover,.masthead .soc-ico.hover-custom-bg a:hover,.masthead .soc-ico.hover-disabled-bg a:hover{box-shadow:none} #page .mini-icon-off,#page .mini-icon-off:before,#page .mini-login .submit.mini-icon-off:before,#page .wc-ico-cart.mini-icon-off:before,#phantom .mini-icon-off,#phantom .mini-icon-off:before,#phantom .mini-login .submit.mini-icon-off:before,#phantom .wc-ico-cart.mini-icon-off:before{background:0 0!important;padding-left:0} .masthead .soc-ico{display:inline-block;vertical-align:middle} .mini-widgets .text-area a:not(.dt-btn),.mobile-mini-widgets .text-area a:not(.dt-btn){text-decoration:underline} .top-bar>span{display:none!important} .mini-login .submit.text-disable,.wc-ico-cart.text-disable{letter-spacing:-4px} .masthead .soc-ico a{line-height:22px} .menu-line{position:absolute;display:inline-block;left:0;width:22px;height:2px;content:'';transform-origin:1.5px center;transition:transform .2s linear,color .2s linear} .hide-overlay.active .lines-button.x .menu-line,.menu-close-toggle .lines-button.x .menu-line{transform-origin:50% 50%;top:0;transition:transform .2s linear} .menu-line:nth-of-type(3){top:7px} .medium-menu-icon .menu-toggle:not(.active):hover .menu-line:nth-of-type(3),.small-menu-icon .menu-toggle:not(.active):hover .menu-line:nth-of-type(3){transform:translateY(-2px)} .large-menu-icon .menu-toggle:not(.active):hover .menu-line:nth-of-type(3){transform:translateY(-3px)} .medium-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:nth-of-type(3),.small-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:nth-of-type(3){transform:translateY(-2px)} .large-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:nth-of-type(3){transform:translateY(-3px)} .menu-line:first-of-type{top:-7px} .medium-menu-icon .menu-toggle:not(.active):hover .menu-line:first-of-type,.small-menu-icon .menu-toggle:not(.active):hover .menu-line:first-of-type{transform:translateY(2px)} .large-menu-icon .menu-toggle:not(.active):hover .menu-line:first-of-type{transform:translateY(3px)} .medium-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:first-of-type,.small-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:first-of-type{transform:translateY(2px)} .large-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:first-of-type{transform:translateY(3px)} .masthead .mini-widgets .microwidget-btn,.masthead .mobile-mini-widgets .microwidget-btn{display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex;-ms-align-items:center;-ms-flex-align:center;align-items:center} .top-bar .microwidget-btn:hover{opacity:1} .dt-mobile-menu-icon,.menu-toggle>a{text-decoration:none} .dt-mobile-menu-icon .menu-toggle-caption,.menu-toggle .menu-toggle-caption{position:relative;z-index:2;transition:color .2s linear} .dt-mobile-menu-icon .menu-line,.menu-toggle .menu-line{z-index:2} .dt-close-mobile-menu-icon,.dt-mobile-menu-icon,.hide-overlay,.menu-close-toggle,.menu-toggle{position:relative} .dt-close-mobile-menu-icon:after,.dt-close-mobile-menu-icon:before,.dt-mobile-menu-icon:after,.dt-mobile-menu-icon:before,.hide-overlay:after,.hide-overlay:before,.menu-close-toggle:after,.menu-close-toggle:before,.menu-toggle:after,.menu-toggle:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border-radius:inherit;box-sizing:border-box} .dt-close-mobile-menu-icon:after,.dt-close-mobile-menu-icon:hover:before,.dt-mobile-menu-icon:after,.dt-mobile-menu-icon:hover:before,.hide-overlay:after,.hide-overlay:hover:before,.menu-close-toggle:after,.menu-close-toggle:hover:before,.menu-toggle:after,.menu-toggle:hover:before{opacity:0} .dt-close-mobile-menu-icon:before,.dt-close-mobile-menu-icon:hover:after,.dt-mobile-menu-icon:before,.dt-mobile-menu-icon:hover:after,.hide-overlay:before,.hide-overlay:hover:after,.menu-close-toggle:before,.menu-close-toggle:hover:after,.menu-toggle:before,.menu-toggle:hover:after{opacity:1} .lines-button{z-index:2} .dt-mobile-menu-icon .lines-button{position:relative;margin-right:0;text-align:center} .small-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:16px;width:22px} .two-line-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:8px;width:22px} .diagonal-mobile-menu-icon .dt-mobile-menu-icon .lines-button,.medium-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:17px;width:24px} .large-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:17px;width:30px} .x-move-mobile-icon .dt-mobile-menu-icon .lines-button{height:14px;width:30px} .animate-color-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:16px;width:22px} .animate-position-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:20px;width:35px} .dot-mobile-menu-icon .dt-mobile-menu-icon .lines-button{width:7px;height:7px;border-radius:50%} .animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:7px;width:24px} .fade-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:13px;width:20px} .diagonal-mobile-menu-icon .dt-mobile-menu-icon .lines-button{transform:rotate(-45deg)} .thin-lines-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:11px;width:40px} .dots-mobile-menu-icon .dt-mobile-menu-icon .lines-button{width:3px;height:15px} .h-dots-mobile-menu-icon .dt-mobile-menu-icon .lines-button{height:3px;width:15px} .two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2){background:0 0!important;display:none} .animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .menu-line,.small-mobile-menu-icon .dt-mobile-menu-icon .menu-line{width:22px;height:2px} .animate-position-mobile-menu-icon .dt-mobile-menu-icon .menu-line{width:35px;height:4px;border-radius:4px} .thin-lines-mobile-menu-icon .dt-mobile-menu-icon .menu-line{height:1px;width:100%} .medium-mobile-menu-icon .dt-mobile-menu-icon .menu-line{width:24px;height:3px} .dot-mobile-menu-icon .dt-mobile-menu-icon .menu-line{width:7px;height:7px} .fade-mobile-menu-icon .mobile-header-bar .menu-line{width:20px;height:1px} .dots-mobile-menu-icon .menu-line,.h-dots-mobile-menu-icon .menu-line{width:3px;height:3px;border-radius:50%} .menu-line:after,.menu-line:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border-radius:inherit;box-sizing:border-box} .menu-line:after{opacity:0} .menu-line:before{opacity:1} .animate-color-menu-icon .menu-toggle .menu-line:before,.animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line:before,.two-line-menu-icon .menu-toggle .menu-line:before,.two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:before{display:none} .medium-mobile-menu-icon .mobile-header-bar .menu-line{width:24px;height:3px} .large-mobile-menu-icon .dt-mobile-menu-icon .menu-line{width:30px;height:3px} .dt-mobile-menu-icon .menu-line{max-width:100%;position:absolute} .x-move-mobile-icon .dt-mobile-menu-icon .menu-line{width:100%;transition:width .2s linear;border-radius:2px} .animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .menu-line,.dot-mobile-menu-icon .dt-mobile-menu-icon .menu-line{transition:transform .2s linear} .dot-mobile-menu-icon .dt-mobile-menu-icon .menu-line{transform:scale(.8);border-radius:inherit} .animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line,.two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line{overflow:hidden} .animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line:after,.two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:100%;z-index:1;opacity:1;transition:.2s linear} .dt-mobile-menu-icon .menu-line:first-of-type{top:0} .x-move-mobile-icon .dt-mobile-menu-icon .menu-line:first-of-type{left:.3%;top:0;transform-origin:top left;width:80%} .diagonal-mobile-menu-icon .dt-mobile-menu-icon .menu-line:first-of-type{width:50%;left:50%;transform:translateX(-50%)} .animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .menu-line:first-of-type{left:2px} .animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line:first-of-type:after,.two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:first-of-type:after{transition-delay:.1s} .dt-mobile-menu-icon .menu-line:nth-of-type(2){top:7px} .x-move-mobile-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2){top:6px;opacity:1;left:0;width:100%} .dot-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2){display:none} .dots-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2),.fade-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2){top:6px} .animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2){left:-2px;top:5px} .animate-position-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2){top:8px} .h-dots-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2){top:0;left:6px} .thin-lines-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2){top:5px} .animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2):after{transition-delay:.2s} .dt-mobile-menu-icon .menu-line:nth-of-type(3){top:14px} .x-move-mobile-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3){top:12px;right:30%;transform-origin:bottom left;width:80%} .dot-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3){display:none} .two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3){top:6px} .thin-lines-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3){top:10px} .dots-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3),.fade-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3){top:12px} .animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3){display:none} .animate-position-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3){top:16px} .h-dots-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3){top:0;left:12px} .animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3):after,.two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3):after{transition-delay:.3s} .x-move-mobile-icon .dt-mobile-menu-icon:hover .menu-line:first-of-type{width:100%} .dt-mobile-menu-icon:hover .menu-line:before,.menu-toggle:hover .menu-line:before{opacity:0} .dt-mobile-menu-icon:hover .menu-line:after,.menu-toggle:hover .menu-line:after{opacity:1} .x-move-mobile-icon .dt-mobile-menu-icon:hover .menu-line:nth-of-type(3){width:100%} .animate-position-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:first-of-type{transform:translateY(2px)} .animate-position-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:nth-of-type(3){transform:translateY(-2px)} .dot-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:first-of-type{transform:scale(1)} .animate-position-2-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:first-of-type{transform:translateX(-4px)} .animate-position-2-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:nth-of-type(2){transform:translateX(4px)} .thin-lines-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:first-of-type{transform:translateY(-2px)} .thin-lines-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:nth-of-type(3){transform:translateY(2px)} .animate-color-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:after,.two-line-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:after{left:0} .type-9-menu-icon .menu-toggle .lines-button,.type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button{width:24px;height:11px;z-index:2} .type-9-menu-icon .menu-toggle .lines-button .menu-line,.type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button .menu-line{width:24px;height:1px;display:block;position:absolute;top:0;right:0;left:auto;transition:width .2s linear} .type-9-menu-icon .menu-toggle .lines-button .menu-line:nth-child(2),.type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button .menu-line:nth-child(2){top:5px;width:19px} .type-9-menu-icon .menu-toggle .lines-button .menu-line:nth-child(3),.type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button .menu-line:nth-child(3){top:10px} .type-9-menu-icon .menu-toggle:hover .lines-button .menu-line,.type-9-mobile-menu-icon .dt-mobile-menu-icon:hover .lines-button .menu-line{width:19px} .type-9-menu-icon .menu-toggle:hover .lines-button .menu-line:nth-child(2),.type-9-mobile-menu-icon .dt-mobile-menu-icon:hover .lines-button .menu-line:nth-child(2){width:24px} .type-9-menu-icon .menu-toggle:hover .lines-button .menu-line:nth-child(3),.type-9-mobile-menu-icon .dt-mobile-menu-icon:hover .lines-button .menu-line:nth-child(3){width:19px} .main-nav>li{position:relative;display:-ms-flexbox;display:-ms-flex;display:flex} .main-nav>li>a{text-decoration:none} .main-nav>li>a,.mini-nav li>a{position:relative;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center} .side-header:not(.h-center) .main-nav>li>a,.side-header:not(.h-center) .mini-nav li>a{-ms-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start} .main-nav>li>a .text-wrap{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;border-radius:inherit} .main-nav>li>a .text-wrap .menu-item-text{position:relative;z-index:10} .main-nav.level-arrows-on>li.has-children>a{position:relative} .main-nav .menu-item .text-wrap>i,.main-nav .menu-item a i[class^=fa],.main-nav .menu-item a>i,.mini-nav .menu-item .text-wrap>i,.mini-nav .menu-item a i[class^=fa],.mini-nav .menu-item a>i,.mobile-main-nav .menu-item .text-wrap>i,.mobile-main-nav .menu-item a i[class^=fa],.mobile-main-nav .menu-item a>i{margin-right:6px} .top-header .main-nav.level-arrows-on>li.has-children>a .menu-text{position:relative;padding-right:10px;display:inline-block;vertical-align:top} .sub-sideways .main-nav.level-arrows-on>li.has-children>a .menu-item-text{position:relative} .sub-sideways .main-nav .sub-nav>li.has-children>a:after,.top-header .main-nav .sub-nav>li.has-children>a:after{position:absolute;display:block;right:0;top:50%;width:8px;height:8px;margin-top:-4px;content:"";-webkit-mask:url(../images/the7-chevron-side.svg);mask-image:url(../images/the7-chevron-side.svg);-webkit-mask-size:8px;mask-size:8px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right center;mask-position:right center} .sub-sideways .main-nav.level-arrows-on>li.has-children>a .menu-text:after{display:inline-block;width:10px;height:10px;content:"";-webkit-mask:url(../images/the7-chevron-side.svg);mask-image:url(../images/the7-chevron-side.svg);-webkit-mask-size:10px;mask-size:10px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right center;mask-position:right center;text-align:center;margin-left:5px} .side-header:not(.sub-downwards) .main-nav>li>.dt-mega-menu-wrap:not(.bottom-overflow),.side-header:not(.sub-downwards) .main-nav>li>.sub-nav:not(.bottom-overflow){top:0;left:100%} .rtl .side-header:not(.sub-downwards) .main-nav>li>.dt-mega-menu-wrap:not(.bottom-overflow),.rtl .side-header:not(.sub-downwards) .main-nav>li>.sub-nav:not(.bottom-overflow){right:100%;left:auto} .side-header:not(.sub-downwards) .main-nav>li>.dt-mega-menu-wrap,.side-header:not(.sub-downwards) .main-nav>li>.sub-nav{left:100%} .rtl .side-header:not(.sub-downwards) .main-nav>li>.dt-mega-menu-wrap,.rtl .side-header:not(.sub-downwards) .main-nav>li>.sub-nav{right:100%;left:auto} .header-side-right .sub-sideways .main-nav>li>.dt-mega-menu-wrap,.header-side-right .sub-sideways .main-nav>li>.sub-nav,.overlay-navigation .content-right.sub-sideways .main-nav>li>.dt-mega-menu-wrap,.overlay-navigation .content-right.sub-sideways .main-nav>li>.sub-nav{left:auto!important;right:100%} .rtl.header-side-right .sub-sideways .main-nav>li>.dt-mega-menu-wrap,.rtl.header-side-right .sub-sideways .main-nav>li>.sub-nav,.rtl.overlay-navigation .content-right.sub-sideways .main-nav>li>.dt-mega-menu-wrap,.rtl.overlay-navigation .content-right.sub-sideways .main-nav>li>.sub-nav{left:100%!important;right:auto} .dt-mobile-header .sub-nav>li,.mobile-main-nav>li,.sub-downwards .main-nav>li,.sub-downwards .sub-nav>li{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap} .sub-downwards.side-header .main-nav>li>.dt-mega-menu-wrap>.sub-nav .sub-nav,.sub-downwards.side-header .main-nav>li>.sub-nav,.sub-downwards.side-header .main-nav>li>.sub-nav .sub-nav{position:relative;display:none;top:0;left:0;width:100%;visibility:visible;opacity:1;z-index:auto} .dt-mobile-header .mobile-main-nav>li>.dt-mega-menu-wrap,.dt-mobile-header .mobile-main-nav>li>.dt-mega-menu-wrap>.sub-nav .sub-nav,.dt-mobile-header .mobile-main-nav>li>.sub-nav,.dt-mobile-header .mobile-main-nav>li>.sub-nav .sub-nav,.sub-downwards.side-header .main-nav>li>.dt-mega-menu-wrap{position:relative;display:none;top:0;left:0;width:100%;padding:0;visibility:visible;opacity:1;z-index:auto} .sub-downwards.side-header .main-nav>li .sub-nav .sub-nav{box-sizing:border-box} .sub-downwards .main-nav>li>.sub-nav{padding-bottom:0} .mobile-main-nav .sub-nav,.sub-downwards .main-nav .sub-nav{background:0 0;box-shadow:none} .masthead.sub-downwards .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent,.sub-downwards .main-nav .sub-nav li{padding:0;width:100%} .sub-downwards .main-nav.level-arrows-on>li.has-children:last-child{margin-right:0} .main-nav .sub-nav>li>a{transition:background .3s} .mobile-header-bar,.mobile-header-space{display:none} .mobile-mini-widgets-in-menu,.show-on-first-switch,.show-on-second-switch{display:none} .mobile-mini-widgets-in-menu{padding:30px 0} .dt-mobile-header .mini-widgets{padding-bottom:30px} .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn{position:fixed;visibility:hidden;top:10px;right:10px;opacity:0;margin:0!important;background-color:rgba(0,0,0,.2);transition:background .2s linear;-webkit-backface-visibility:hidden} .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:hover{background-color:rgba(0,0,0,.5)} .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .menu-toggle-caption{color:#fff!important} .floating-mobile-menu-icon .show-floating-icon .dt-mobile-menu-icon.floating-btn{visibility:visible;opacity:1} .dt-mobile-menu-icon.floating-btn .lines{border-radius:0} .floating-mobile-menu-icon .animate-color-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:not(:hover) .menu-line,.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .menu-line:after,.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .menu-line:before,.floating-mobile-menu-icon .two-line-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:not(:hover) .menu-line{background-color:#fff} .floating-mobile-menu-icon .animate-color-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:not(:hover) .menu-line:after,.floating-mobile-menu-icon .two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:after{background-color:rgba(255,255,255,.6)} .dt-mobile-menu-icon,.lines-button{display:-ms-inline-flexbox;display:-ms-inline-flex;display:inline-flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;cursor:pointer;user-select:none} .dt-mobile-menu-icon .menu-toggle-caption,.lines-button .menu-toggle-caption{transition:color .2s linear} .mobile-right-caption .dt-mobile-menu-icon .menu-toggle-caption,.mobile-right-caption .lines-button .menu-toggle-caption{order:2} .lines-button:active{transition:none} .dt-mobile-menu-icon .lines:before{top:7px} .dt-mobile-menu-icon .lines:after{top:-7px} .dt-mobile-menu-icon:hover .lines:before{transform:translateY(-2px)} .dt-mobile-menu-icon:hover .lines:after{transform:translateY(2px)} .masthead .mobile-header-bar{position:relative;min-height:150px;width:100%;-ms-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-align-content:stretch;align-content:stretch;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify} .mobile-header-bar>*{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center} .mobile-header-bar .mobile-branding{line-height:0} .mobile-header-bar .mobile-branding img{max-width:100%;height:auto} #phantom.inline-header.center .main-nav,#phantom:not(.split-header) .main-nav,.inline-header.center .ph-wrap.with-logo .menu-box{-ms-flex-pack:center;-ms-justify-content:center;justify-content:center} #phantom.classic-header.justify .main-nav,#phantom.inline-header.justify .main-nav,#phantom.split-header.justify .main-nav{-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify} #phantom .with-logo .main-nav{-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end} #phantom.inline-header.left .main-nav{-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start} .widget-box .mini-widgets{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center} .ph-wrap .header-bar{width:100%} .ph-wrap .header-bar .mini-widgets{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center} .header-side-left .mixed-header .ph-wrap .header-bar .mini-widgets{-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end} .header-side-left .mixed-header.logo-center .ph-wrap .header-bar .menu-toggle{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start} .phantom-logo-off .show-phantom .branding{display:none;visibility:hidden} .phantom-custom-logo-on .hide-phantom.classic-header .branding .phantom-top-line-logo,.phantom-custom-logo-on .masthead:not(#phantom) .phantom-top-line-logo,.phantom-custom-logo-on .show-phantom.classic-header .branding>a:not(.phantom-top-line-logo),.phantom-custom-logo-on .show-phantom.classic-header .branding>img:not(.phantom-top-line-logo){opacity:0;visibility:hidden} .phantom-custom-logo-on .masthead:not(#phantom) .phantom-top-line-logo{position:absolute} .phantom-custom-logo-on .hide-phantom.masthead:not(.classic-header):not(.side-header) .branding .phantom-top-line-logo,.phantom-custom-logo-on .show-phantom.masthead:not(.classic-header):not(.side-header) .branding>a:not(.phantom-top-line-logo),.phantom-custom-logo-on .show-phantom.masthead:not(.classic-header):not(.side-header) .branding>img:not(.phantom-top-line-logo){opacity:0;display:none} .phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo,.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>a:not(.sticky-logo),.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>img:not(.sticky-logo){display:none;opacity:0} .phantom-logo-off.phantom-sticky .sticky-on .branding>a,.phantom-logo-off.phantom-sticky .sticky-on .branding>img,.phantom-main-logo-on.phantom-sticky .sticky-on .branding>a,.phantom-main-logo-on.phantom-sticky .sticky-on .branding>img,.phantom-sticky:not(.phantom-custom-logo-on) .sticky-off .branding .sticky-logo,.phantom-sticky:not(.phantom-custom-logo-on) .sticky-on .branding .sticky-logo{display:none;visibility:hidden} .responsive-off .dt-mobile-header,.responsive-off .dt-mobile-menu-icon,.responsive-off .masthead .mobile-header-bar,.responsive-off .mobile-header-space,.responsive-off.transparent .header-space{display:none} .responsive-off.phantom-sticky .fixed-masthead.masthead{position:absolute;top:0;width:100%;z-index:500} .phantom-sticky .fixed-masthead.masthead.sticky-on{position:fixed} .responsive-off.phantom-shadow-decoration.phantom-sticky .masthead.sticky-on{box-shadow:0 0 15px 1px rgba(0,0,0,.07);border-bottom:none} .responsive-off.phantom-disable-decoration.phantom-sticky .masthead.sticky-on{box-shadow:none!important;border-bottom:none} .responsive-off.phantom-sticky:not(.phantom-shadow-decoration) .masthead.sticky-on.shadow-decoration:not(.side-header-menu-icon){box-shadow:none} .responsive-off.floating-navigation-below-slider.phantom-sticky:not(.transparent) .masthead{position:relative;top:0!important} .responsive-off.floating-navigation-below-slider.phantom-sticky.transparent .masthead{position:absolute} .responsive-off.floating-navigation-below-slider.phantom-sticky .masthead.sticky-on{position:fixed} .responsive-off.phantom-sticky:not(.overlap):not(.transparent) .masthead:not(.side-header){transition:background-color 330ms ease} .responsive-off.phantom-sticky .page-inner .masthead:not(.side-header){-webkit-backface-visibility:hidden} .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo,.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>a:not(.sticky-logo),.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>img:not(.sticky-logo){display:none;opacity:0} .responsive-off.phantom-logo-off.phantom-sticky .sticky-on .branding>a,.responsive-off.phantom-logo-off.phantom-sticky .sticky-on .branding>img,.responsive-off.phantom-main-logo-on.phantom-sticky .sticky-on .branding>a,.responsive-off.phantom-main-logo-on.phantom-sticky .sticky-on .branding>img,.responsive-off.phantom-sticky:not(.phantom-custom-logo-on) .sticky-off .branding .sticky-logo,.responsive-off.phantom-sticky:not(.phantom-custom-logo-on) .sticky-on .branding .sticky-logo{display:none;visibility:hidden} .responsive-off.phantom-main-logo-on.phantom-sticky .sticky-on .branding .sticky-logo{display:block;visibility:visible} .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo,.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>a:not(.sticky-logo),.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>img:not(.sticky-logo){visibility:hidden} .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding>a:not(.sticky-logo),.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding>img:not(.sticky-logo),.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding .sticky-logo{visibility:visible} .phantom-main-logo-on.phantom-sticky.responsive-off .branding .sticky-logo{display:none} .phantom-sticky.responsive-off #page .side-header .branding>a:not(.sticky-logo),.phantom-sticky.responsive-off #page .side-header .branding>img:not(.sticky-logo):not(.mobile-logo){display:block;opacity:1;animation:none;visibility:visible} .sticky-mobile-header .masthead-mobile-header{transition:background .5s ease} .phantom-sticky .masthead{transition:background-color .5s ease,background-image .5s ease} .phantom-sticky .branding>a.same-logo{display:block!important;visibility:visible!important;opacity:1!important} .phantom-sticky .branding>a:not(.same-logo){opacity:0;transition:opacity .3s ease;display:block!important;position:absolute;left:-100%} .phantom-sticky .sticky-off .branding>a:not(.sticky-logo),.phantom-sticky .sticky-on .branding>a.sticky-logo{opacity:1;position:static} .content .searchform input.searchform-s{width:100%;margin-bottom:0} .elementor-popup-modal .mCSB_container.mCS_no_scrollbar,.masthead .mCSB_container.mCS_no_scrollbar,.the7-scrollbar-style .mCSB_container.mCS_no_scrollbar{margin-right:0} .elementor-popup-modal .mCSB_scrollTools,.masthead .mCSB_scrollTools,.the7-scrollbar-style .mCSB_scrollTools{opacity:0;transition:opacity .4s;width:16px;height:100%;top:10px;right:4px;z-index:10} .elementor-popup-modal .dialog-message:hover .mCSB_scrollTools,.masthead:hover .mCSB_scrollTools,.the7-scrollbar-style .mCSB_scrollTools{opacity:1} .dt-mobile-header .masthead .mCSB_scrollTools{right:-30px!important;left:auto!important} .elementor-popup-modal .mCSB_scrollTools .mCSB_draggerContainer,.masthead .mCSB_scrollTools .mCSB_draggerContainer,.the7-scrollbar-style .mCSB_scrollTools .mCSB_draggerContainers{position:absolute;top:0;left:0;bottom:0;right:0;height:auto} .elementor-popup-modal .mCSB_scrollTools a+.mCSB_draggerContainer,.masthead .mCSB_scrollTools a+.mCSB_draggerContainer,.the7-scrollbar-style .mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0} .elementor-popup-modal .mCSB_scrollTools .mCSB_draggerRail,.masthead .mCSB_scrollTools .mCSB_draggerRail,.the7-scrollbar-style .mCSB_scrollTools .mCSB_draggerRail{width:5px;height:100%;margin:0 auto;border-radius:10px} .elementor-popup-modal .mCSB_scrollTools .mCSB_dragger,.masthead .mCSB_scrollTools .mCSB_dragger,.the7-scrollbar-style .mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px} .elementor-popup-modal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.masthead .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.the7-scrollbar-style .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px;height:100%;margin:0 auto;border-radius:10px;text-align:center} .dt-mobile-header .mCSB_container,.elementor-popup-modal .mCSB_container,.masthead .mCSB_container,.the7-scrollbar-style .mCSB_container{min-height:100%!important;position:relative!important} .dt-mobile-header .mCSB_scrollTools,.elementor-popup-modal .mCSB_scrollTools,.masthead .mCSB_scrollTools,.the7-scrollbar-style .mCSB_scrollTools{top:0} .dt-mobile-header .mCSB_scrollTools .mCSB_draggerContainer,.elementor-popup-modal .mCSB_scrollTools .mCSB_draggerContainer,.masthead .mCSB_scrollTools .mCSB_draggerContainer,.the7-scrollbar-style .mCSB_scrollTools .mCSB_draggerContainer{top:10px;bottom:10px} .masthead:not(.side-header){max-width: 100%;} .transparent:not(.photo-scroller-album):not(.phantom-sticky) .masthead:not(.side-header){position: absolute; width: 100%; z-index: 102;} .masthead:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon){box-sizing: border-box;} .masthead:not(.side-header) .header-bar{position: relative; display: -ms-flexbox; display: -ms-flex; display: flex; -ms-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-align-content: stretch; align-content: stretch; -ms-flex-line-pack: stretch; -ms-flex-pack: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify;} .masthead:not(.side-header) .main-nav{display: -ms-flexbox; display: -ms-flex; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-align-items: center; -ms-flex-align: center; align-items: center;} .masthead:not(.side-header).full-height .main-nav{-ms-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-align-content: stretch; align-content: stretch; gap: 5px;} .masthead:not(.side-header).full-height .header-bar .main-nav > li > a, .masthead:not(.side-header) .header-bar .main-nav > li > a{display: flex; display: -ms-flexbox; display: -ms-flex; -ms-align-content: center; align-content: center; -ms-flex-line-pack: stretch; margin-left: 0; margin-right: 0;} .masthead:not(.side-header).dividers.justify .main-nav > li{-ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center;} .masthead:not(.side-header).dividers .main-nav > li:not(.dt-mega-menu){position: relative;} .masthead:not(.side-header).dividers .main-nav > li:before, .masthead:not(.side-header).dividers.surround .main-nav > li:last-child:after{content: ""; position: absolute; left: -0.5px; width: 0; border-right: solid 1px yellow; height: 100%; max-height: 100%; top: 50%; transform: translateY(-50%);} .masthead:not(.side-header).dividers .main-nav > li:first-child:before{display: none;} .masthead:not(.side-header).dividers.surround .main-nav > li:first-child:before{display: block;} .masthead:not(.side-header).dividers.surround .main-nav > li:last-child:after{left: auto; right: -0.5px;} .masthead:not(.side-header).full-height .main-nav > li > a{-ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center;} .classic-header .header-bar{-ms-flex-flow: row wrap; flex-flow: row wrap;} .masthead.classic-header .header-bar{-ms-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -ms-flex-align: end;} .classic-header .branding, .classic-header .navigation{-ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-positive: 1; -ms-flex-negative: 1; -ms-flex-preferred-size: 100%; display: -ms-flexbox; display: -ms-flex; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-align-items: center; -ms-flex-align: center; align-items: center;} .classic-header .navigation{position: relative;} .classic-header .navigation:before{position: absolute; top: 0; left: 0; width: 100%; height: 1px; content: "";} .boxed .classic-header .navigation:before{padding: 0; margin: 0; left: 50%; transform: translateX(-50%);} .classic-header.full-width-line .navigation:before, .classic-header.bg-behind-menu .navigation:before{padding: 0 1000px; margin-left: -1000px;} .boxed .classic-header.full-width-line .navigation:before, .boxed .classic-header.bg-behind-menu .navigation:before{padding: 0; margin: 0; left: 50%; transform: translateX(-50%);} .classic-header.bg-behind-menu .navigation:before{height: 100%;} .masthead.classic-header:not(.widgets) .navigation .mini-widgets{display: none;} .classic-header.widgets .branding .mini-widgets{display: -ms-flexbox; display: -ms-flex; display: flex; -ms-align-items: center; -ms-flex-align: center; align-items: center;} .classic-header .branding .mini-widgets:last-child{-ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end;} .classic-header .navigation > .mini-widgets{display: -ms-flexbox; display: -ms-flex; display: flex; -ms-align-items: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end;} .classic-header:not(.logo-center) .branding .mini-widgets{-ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1;} .classic-header.logo-center .branding .mini-widgets{-ms-flex: 1 1 0%; flex: 1 1 0%; -ms-flex-positive: 1; -ms-flex-negative: 1; -ms-flex-preferred-size: 0%; display: -ms-flexbox; display: -ms-flex; display: flex;} .classic-header.logo-center .branding{-ms-flex-pack: center; -ms-justify-content: center; justify-content: center;} .classic-header.logo-center .branding > a{-ms-flex-order: 1; order: 1; display: block;} .classic-header.logo-center .branding .mini-widgets:last-child{-ms-flex-order: 2; order: 2;} .classic-header.logo-widgets-center .branding{-ms-flex-flow: column wrap; flex-flow: column wrap;} .classic-header.logo-widgets-center .branding > *{margin: 0 auto;} .classic-header.left .main-nav, .classic-header.right .main-nav{-ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1;} .classic-header.left .main-nav{-ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start;} .classic-header.right .main-nav{-ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end;} .classic-header.center .navigation{-ms-flex-pack: center; -ms-justify-content: center; justify-content: center;} .classic-header.justify .main-nav{-ms-flex-positive: 10; -ms-flex-grow: 10; flex-grow: 10; -ms-flex-pack: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify;} .classic-header.justify .main-nav > li{-ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; -ms-flex-pack: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end;} .classic-header.justify .main-nav > li > a{display: flex; display: -ms-flexbox; display: -ms-flex; -ms-align-items: center; -ms-flex-align: center; align-items: center;} .classic-header.justify.widgets .main-nav > li{-ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center;} .side-header .mobile-header-bar{box-sizing: border-box;} .masthead:not(.side-header):not(.side-header-menu-icon) .header-bar{max-width: calc(1400px - 0px - 0px); margin: 0 auto;} .masthead:not(.side-header).full-width .header-bar, .header-bar .masthead.side-header-menu-icon{max-width: 100%;} #phantom .ph-wrap.boxed, .boxed .top-bar.line-content:before, .boxed .classic-header.content-width-line .navigation:before{max-width: calc(1400px - 0px - 0px);} .boxed .full-width .top-bar.line-content:before, .boxed .classic-header.full-width.content-width-line .navigation:before{max-width: 100%;} .top-bar-bg{background: rgba(255,255,255,0) none repeat center center;} #phantom .top-bar-bg, .sticky-on .top-bar-bg, .sticky-top-line-on .top-bar-bg{background: rgba(255,255,255,0) none repeat center center !important;} .top-bar.line-content:after, .top-bar.full-width-line:after{border-bottom: 1px solid rgba(51,51,51,0.11);} .top-bar.line-content:after{width: calc(100% - 50px - 50px); left: auto; right: auto;} .boxed .top-bar.line-content:after{left: 50%;} .top-bar{min-height: 36px; padding: 3px 50px 3px 50px;} .masthead:not(.side-header):not(.side-header-menu-icon) .top-bar{max-width: calc(1400px); margin: 0 auto;} .masthead:not(.side-header).full-width .top-bar, .top-bar .masthead.side-header-menu-icon{max-width: 100%;} .top-bar, .top-bar a:not(.wpml-ls-link):not(.wpml-ls-item-toggle), .top-bar .mini-nav .customSelect, .top-bar .mini-nav a:hover, .header-bottom-bar a{color: #b1b4b8;} .masthead .top-bar .mini-contacts, .masthead .top-bar .mini-nav > ul:not(.mini-sub-nav) > li > a, .masthead .top-bar .mini-login, .masthead .top-bar .mini-login .submit, .masthead .top-bar .mini-search .submit, .masthead .top-bar .mini-search, .masthead .top-bar .wc-ico-cart, .masthead .top-bar .text-area, .masthead .top-bar .customSelectInner{font: 500 13px / 19px "Roboto", Helvetica, Arial, Verdana, sans-serif; text-transform: none;} .masthead .top-bar .shopping-cart, .masthead .top-bar .soc-ico a, .masthead .top-bar .soc-ico{line-height: 19px;} .branding > a, .branding > img{padding: 0px 5px 0px 0px;} .transparent .masthead:not(.side-header-h-stroke) .branding > a, .transparent .masthead:not(.side-header-h-stroke) .branding > img{padding: 0px 5px 0px 0px;} .side-header-h-stroke .branding > a, .side-header-v-stroke .branding > a, .side-header-h-stroke .branding > img, .side-header-v-stroke .branding > img{padding: 0px 18px 0px 0px;} .mini-search input.field, .overlay-search-microwidget input[type=text]{font: 400 14px / 18px "Libre Franklin", Helvetica, Arial, Verdana, sans-serif; min-height: 35px; height: auto; line-height: 35px; width: 265px; border-width: 0px; border-color: #f3f3f3; border-radius: 99px; background: #f3f3f3; padding: 0 16px 0 16px;} .overlay-search-microwidget .searchform:not(.search-icon-disabled) input.field, .mini-search .searchform:not(.search-icon-disabled) input.field{padding-right: 16px;} .animate-search-width .search-icon{width: 16px;} .mini-search .search-icon i, .overlay-search-microwidget .search-icon i{color: #7a7a7a;} .searchform input[type=text], .mini-search .field::placeholder, .overlay-search-microwidget .field::placeholder{color: #7a7a7a;} .overlay-search-microwidget .search-icon, .mini-search .search-icon{right: 16px;} .overlay-search-microwidget .search-icon i, .mini-search .search-icon i{font-size: 16px;} .popup-search .search-icon{right: 26px;} .branding .popup-search .searchform .submit > span, .branding .overlay-search .searchform .submit > span{margin-left: 6.4285714285714px;} .mixed-header .header-bar .popup-search .searchform .submit > span, .mixed-header .header-bar .overlay-search .searchform .submit > span{margin-left: 7.1428571428571px;} .branding .popup-search .submit i, .branding .overlay-search .submit i{font-size: 16px; color: #0a0a0a;} .masthead .top-bar .popup-search .submit i, .masthead .top-bar .overlay-search .submit i{font-size: 16px; color: #b1b4b8;} .mobile-header-bar .mobile-mini-widgets .popup-search .submit i, .mobile-header-bar .mobile-mini-widgets .overlay-search .submit i{font-size: 16px; color: #333333;} .masthead .popup-search .popup-search-wrap{top: calc(100% + 8px);} .masthead.side-header .mini-widgets .popup-search .popup-search-wrap{top: auto; bottom: calc(100% + 8px);} .masthead .mini-widgets .popup-search .popup-search-wrap.bottom-overflow{top: auto; bottom: calc(100% + 8px);} .masthead .mini-search input[type="text"]::-moz-placeholder{color: #333333;} .mini-search .submit{font: normal 14px / 18px "Arial", Helvetica, Arial, Verdana, sans-serif; color: #888888;} .mini-search .submit:hover{opacity: 0.7;} .branding .mini-search .submit{font: 500 18px / 22px "Kanit", Helvetica, Arial, Verdana, sans-serif; color: #0a0a0a;} .mixed-header .mini-search .submit{font: 20px / 24px "Arial", Helvetica, Arial, Verdana, sans-serif; color: #888888;} .dt-mobile-header .mini-search .submit{font: 500 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: #b1b4b8;} .mobile-header-bar .mobile-mini-widgets .mini-search .submit{font: 700 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: #333333;} .dt-mobile-header .mini-search .popup-search-wrap{top: auto; bottom: auto;} .overlay-search-microwidget .search-icon, .mini-search .search-icon{color: #7a7a7a;} .branding .popup-search .submit.default-icon:before, .branding .overlay-search .submit.default-icon:before{color: #0a0a0a;} .mobile-header-bar .popup-search .submit.default-icon:before, .mobile-header-bar .overlay-search .submit.default-icon:before{color: #333333;} .top-bar .mini-search .submit{color: #b1b4b8;} .top-bar .mini-search .submit:hover{opacity: 0.7;} .top-bar .popup-search .submit:before, .top-bar .overlay-search .submit:before{color: rgba(0,0,0,0);} .mini-login, .mini-login .submit{font: normal 14px / 18px "Arial", Helvetica, Arial, Verdana, sans-serif; color: #888888;} .mini-login i, .mini-login .submit i{font-size: 16px; color: #888888;} .branding .mini-login, .branding .mini-login .submit{font: 500 18px / 22px "Kanit", Helvetica, Arial, Verdana, sans-serif; color: #0a0a0a;} .branding .mini-login i, .branding .mini-login .submit i{font-size: 16px; color: #0a0a0a; margin-right: 6.4285714285714px;} .mixed-header .mini-login, .mixed-header .mini-login .submit{font: 20px / 24px "Arial", Helvetica, Arial, Verdana, sans-serif; color: #888888;} .mixed-header .mini-login i, .mixed-header .mini-login .submit i{font-size: 16px; color: #888888;} .masthead .top-bar .mini-login, .masthead .top-bar .mini-login .submit{color: #b1b4b8;} .masthead .top-bar .mini-login i, .masthead .top-bar .mini-login .submit i{font-size: 16px; color: #b1b4b8;} .mixed-header .header-bar .mini-login i, .mixed-header .header-bar .mini-login .submit i{margin-right: 7.1428571428571px;} .dt-mobile-header .mini-login, .dt-mobile-header .mini-login .submit{font: 500 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: #b1b4b8;} .dt-mobile-header .mini-login i, .dt-mobile-header .mini-login .submit i{font-size: 16px; color: #b1b4b8;} .mobile-header-bar .mobile-mini-widgets .mini-login, .mobile-header-bar .mobile-mini-widgets .mini-login .submit{font: 700 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: #333333;} .mobile-header-bar .mobile-mini-widgets .mini-login i, .mobile-header-bar .mobile-mini-widgets .mini-login .submit i{font-size: 16px; color: #333333;} .branding .mini-contacts{font: 500 18px / 22px "Kanit", Helvetica, Arial, Verdana, sans-serif; color: #0a0a0a;} .branding .mini-contacts i{font-size: 16px; color: #0a0a0a; margin-right: 5.7142857142857px;} .mixed-header .header-bar .mini-contacts i{margin-right: 7.1428571428571px;} .masthead .top-bar .mini-contacts{color: #b1b4b8;} .masthead .top-bar .mini-contacts i{font-size: 16px; color: #b1b4b8;} .mobile-header-bar .mobile-mini-widgets .mini-contacts{font: 700 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: #333333;} .mobile-header-bar .mobile-mini-widgets .mini-contacts i{font-size: 16px; color: #333333;} .masthead .mini-widgets .soc-ico a, .masthead .mobile-mini-widgets .soc-ico a, .dt-mobile-header .soc-ico a{width: 26px; height: 26px; margin: 0 2.5px; line-height: 26px; border-radius: 100px;} .masthead .mini-widgets .soc-ico a:before, .masthead .mini-widgets .soc-ico a:after, .masthead .mobile-mini-widgets .soc-ico a:before, .masthead .mobile-mini-widgets .soc-ico a:after, .dt-mobile-header .soc-ico a:before, .dt-mobile-header .soc-ico a:after{width: 26px; height: 26px;} .masthead .mini-widgets .soc-ico a:first-child, .masthead .mobile-mini-widgets .soc-ico a:first-child, .dt-mobile-header .soc-ico a:first-child{margin-left: 0;} .masthead .mini-widgets .soc-ico a:last-child, .masthead .mobile-mini-widgets .soc-ico a:last-child, .dt-mobile-header .soc-ico a:last-child{margin-right: 0;} .masthead .soc-ico .soc-font-icon, .dt-mobile-header .soc-ico .soc-font-icon{font-size: 16px; line-height: 26px;} .masthead .soc-ico.border-on a:before, .dt-mobile-header .soc-ico.border-on a:before{box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0);} .masthead .soc-ico.hover-border-on a:hover:after, .dt-mobile-header .soc-ico.hover-border-on a:hover:after{box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0);} .masthead .soc-ico.custom-bg a:before, .masthead .soc-ico.accent-bg a:before, .dt-mobile-header .soc-ico.custom-bg a:before, .dt-mobile-header .soc-ico.accent-bg a:before{background-color: rgba(0,0,0,0);} .masthead .soc-ico.hover-custom-bg a:after, .masthead .soc-ico.accent-bg.hover-custom-bg a:after, .masthead .soc-ico.hover-custom-bg a:after, .accent-gradient .masthead .soc-ico.gradient-bg.hover-custom-bg a:after, .masthead .soc-ico.hover-accent-bg a:after, .dt-mobile-header .soc-ico.hover-custom-bg a:after, .dt-mobile-header .soc-ico.accent-bg.hover-custom-bg a:after, .dt-mobile-header .soc-ico.hover-custom-bg a:after, .accent-gradient .dt-mobile-header .soc-ico.gradient-bg.hover-custom-bg a:after, .dt-mobile-header .soc-ico.hover-accent-bg a:after{background-color: rgba(21,191,230,0); background-image: none;} .masthead .mini-widgets .soc-ico a:not(:hover) .soc-font-icon, .masthead .mobile-mini-widgets .soc-ico a:not(:hover) .soc-font-icon, .dt-mobile-header .soc-ico a:not(:hover) .soc-font-icon{color: var(--the7-accent-color); color: #6a2fff !important; background: none !important;} .accent-gradient .masthead .mini-widgets .soc-ico a:not(:hover) .soc-font-icon, .accent-gradient .masthead .mobile-mini-widgets .soc-ico a:not(:hover) .soc-font-icon, .accent-gradient .dt-mobile-header .soc-ico a:not(:hover) .soc-font-icon{background: var(--sdk-accent, #6a2fff) !important; color: transparent; -webkit-background-clip: text; background-clip: text;} .masthead .mini-widgets .soc-ico a:hover .soc-font-icon, .masthead .mobile-mini-widgets .soc-ico a:hover .soc-font-icon, .dt-mobile-header .soc-ico a:hover .soc-font-icon{color: var(--the7-accent-color); color: #9747ff !important; background: none !important;} .accent-gradient .masthead .mini-widgets .soc-ico a:hover .soc-font-icon, .accent-gradient .masthead .mobile-mini-widgets .soc-ico a:hover .soc-font-icon, .accent-gradient .dt-mobile-header .soc-ico a:hover .soc-font-icon{background: var(--sdk-accent, #6a2fff) !important; color: transparent; -webkit-background-clip: text; background-clip: text;} .branding .text-area{font: 500 18px / 22px "Kanit", Helvetica, Arial, Verdana, sans-serif; color: #0a0a0a;} .top-bar .text-area{color: #b1b4b8;} .mobile-header-bar .mobile-mini-widgets .text-area{font: 700 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: #333333;} .masthead .menu-select, .masthead .mini-nav > ul:not(.mini-sub-nav) > li > a{font: normal 14px / 18px "Arial", Helvetica, Arial, Verdana, sans-serif; color: #888888;} .masthead .branding .menu-select, .masthead .branding .mini-nav > ul:not(.mini-sub-nav) > li > a{font: 500 18px / 22px "Kanit", Helvetica, Arial, Verdana, sans-serif; color: #0a0a0a;} .masthead.mixed-header .menu-select, .masthead.mixed-header .mini-nav > ul:not(.mini-sub-nav) > li > a{font: 20px / 24px "Arial", Helvetica, Arial, Verdana, sans-serif; color: #888888;} .masthead .top-bar .menu-select, .masthead .top-bar .mini-nav > ul:not(.mini-sub-nav) > li > a{color: #b1b4b8; font: 500 13px / 19px "Roboto", Helvetica, Arial, Verdana, sans-serif; text-transform: none;} .mobile-header-bar .mobile-mini-widgets .menu-select, .mobile-header-bar .mobile-mini-widgets .mini-nav > ul:not(.mini-sub-nav) > li > a{font: 700 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: #333333;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .mobile-header-bar .mobile-mini-widgets .mini-nav .mini-sub-nav > li > a *{color: #222222 !important;} .masthead .mini-nav .customSelectInner{font: normal 14px / 18px "Arial", Helvetica, Arial, Verdana, sans-serif; color: #888888;} .branding .mini-nav .customSelectInner{font: 500 18px / 22px "Kanit", Helvetica, Arial, Verdana, sans-serif; color: #0a0a0a;} .top-bar .mini-nav .customSelectInner{color: #b1b4b8; font: 500 13px / 19px "Roboto", Helvetica, Arial, Verdana, sans-serif; text-transform: none;} .mobile-header-bar .mobile-mini-widgets .mini-nav .customSelectInner{font: 700 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: #333333;} .mobile-header-bar .mobile-mini-widgets .mini-nav{font: 700 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: #333333;} .branding .mini-nav .customSelectInner i, .branding .list-type-menu.mini-nav > ul > li > a i, .branding .list-type-menu-first-switch.mini-nav > ul > li > a i, .branding .list-type-menu-second-switch.mini-nav > ul > li > a i{font-size: 16px; color: #0a0a0a; margin-right: 6.4285714285714px;} .mixed-header .header-bar .mini-nav .customSelectInner i i, .mixed-header .header-bar .list-type-menu.mini-nav > ul > li > a i i, .mixed-header .header-bar .list-type-menu-first-switch.mini-nav > ul > li > a i i, .mixed-header .header-bar .list-type-menu-second-switch.mini-nav > ul > li > a i i{margin-right: 7.1428571428571px;} .masthead .top-bar .mini-nav .customSelectInner i, .masthead .top-bar .list-type-menu.mini-nav > ul > li > a i, .masthead .top-bar .list-type-menu-first-switch.mini-nav > ul > li > a i, .masthead .top-bar .list-type-menu-second-switch.mini-nav > ul > li > a i{font-size: 16px; color: #b1b4b8;} .mobile-header-bar .mobile-mini-widgets .mini-nav .customSelectInner i, .mobile-header-bar .mobile-mini-widgets .list-type-menu.mini-nav > ul > li > a i, .mobile-header-bar .mobile-mini-widgets .list-type-menu-first-switch.mini-nav > ul > li > a i, .mobile-header-bar .mobile-mini-widgets .list-type-menu-second-switch.mini-nav > ul > li > a i{font-size: 16px; color: #333333;} .masthead:not(.side-header).dividers .main-nav > li:before, .masthead:not(.side-header).dividers.surround .main-nav > li:last-child:after{border-color: rgba(17,17,17,0.14); height: 24px; border-width: 1px;} .side-header.dividers .main-nav > li:before, .side-header.dividers.surround .main-nav > li:last-child:after{border-color: rgba(17,17,17,0.14); width: 24px; border-width: 1px;} .main-nav > li > a{margin: 5px 4px 5px 4px; padding: 4px 3px 4px 3px;} .main-nav > li > a .animate-wrap{margin: -4px -3px -4px -3px; padding: 4px 3px 4px 3px;} .side-header.dividers:not(.surround) .main-nav{margin: -9px 0 -9px 0;} .side-header:not(.dividers) .main-nav{margin: -9px 0 -9px 0;} .top-header .outside-item-double-margin.main-nav > li:first-child > a{margin-left: 8px;} .top-header .outside-item-custom-margin.main-nav > li:first-child > a{margin-left: 30px;} .top-header .outside-item-remove-margin.main-nav > li:first-child > a{margin-left: 0;} .top-header .outside-item-double-margin.main-nav > li:last-child > a{margin-right: 8px;} .top-header .outside-item-custom-margin.main-nav > li:last-child > a{margin-right: 30px;} .top-header .outside-item-remove-margin.main-nav > li:last-child > a{margin-right: 0;} .sub-downwards .main-nav > li > .next-level-button{left: -4px; margin-top: 5px; margin-bottom: 5px;} .sub-downwards .main-nav > li > .sub-nav:last-child{margin-bottom: 9px;} .sub-downwards .main-nav > li:last-child > .sub-nav:last-child{margin-bottom: 0;} .side-header.dividers .main-nav > li:before, .side-header.dividers.surround .main-nav > li:last-child:after{left: 7px;} .main-nav > li > a .menu-text{font: normal normal 500 17px / 21px "Kanit", Helvetica, Arial, Verdana, sans-serif; text-transform: none;} .main-nav.level-arrows-on > li.has-children > a .menu-item-text{line-height: 21px;} .main-nav > li:not(.wpml-ls-item) > a .menu-text{color: #ffffff;} .sticky-on .main-nav > li:not(.wpml-ls-item) > a .menu-text, #phantom .main-nav > li:not(.wpml-ls-item) > a .menu-text{color: #ffffff;} .main-nav > li:not(.wpml-ls-item) > a{color: #ffffff;} .sticky-on .main-nav > li:not(.wpml-ls-item) > a, #phantom .main-nav > li:not(.wpml-ls-item) > a{color: #ffffff;} .main-nav > li.act:not(.wpml-ls-item) > a{color: #333333;} .sticky-on .main-nav > li.act:not(.wpml-ls-item) > a, #phantom .main-nav > li.act:not(.wpml-ls-item) > a{color: #333333;} .main-nav > li.act:not(.wpml-ls-item) > a .menu-text, .main-nav > li.act:not(.wpml-ls-item) > a .subtitle-text{color: #333333;} .sticky-on .main-nav > li.act:not(.wpml-ls-item) > a .menu-text, #phantom .main-nav > li.act:not(.wpml-ls-item) > a .menu-text, .sticky-on .main-nav > li.act:not(.wpml-ls-item) > a .subtitle-text, #phantom .main-nav > li.act:not(.wpml-ls-item) > a .subtitle-text{color: #333333;} .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .subtitle-text, .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .menu-text, .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .subtitle-text, .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .menu-text{color: #0a0a0a;} .sticky-on .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .subtitle-text, #phantom .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .subtitle-text, .sticky-on .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .menu-text, #phantom .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .menu-text, .sticky-on .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .subtitle-text, #phantom .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .subtitle-text, .sticky-on .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .menu-text, #phantom .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .menu-text{color: #0a0a0a;} .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover, .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a{color: #0a0a0a;} .sticky-on .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover, #phantom .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover, .sticky-on .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a, #phantom .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a{color: #0a0a0a;} .top-header .main-nav.level-arrows-on > li.has-children > a .menu-text:after{background: #ffffff;} .sticky-on .main-nav.level-arrows-on > li.has-children > a .menu-text:after, #phantom .main-nav.level-arrows-on > li.has-children > a .menu-text:after{background: #ffffff;} .sub-sideways .main-nav.level-arrows-on > li.has-children > a span:after{background: rgba(255,255,255,0.2);} .sub-downwards .main-nav.level-arrows-on > li.has-children > a:after, .sub-downwards .next-level-button svg, .sub-downwards .main-nav > li.menu-item-language > a:after{color: rgba(255,255,255,0.2); fill: rgba(255,255,255,0.2);} .top-header .main-nav.level-arrows-on > li.has-children:not(.act) > a:hover .menu-text:after, .top-header .main-nav.level-arrows-on > li.dt-hovered.has-children:not(.act) > a .menu-text:after{background: #0a0a0a;} .sticky-on .main-nav.level-arrows-on > li.has-children:not(.act) > a:hover .menu-text:after, #phantom .main-nav.level-arrows-on > li.has-children:not(.act) > a:hover .menu-text:after, .sticky-on .main-nav.level-arrows-on > li.dt-hovered.has-children:not(.act) > a .menu-text:after, #phantom .main-nav.level-arrows-on > li.dt-hovered.has-children:not(.act) > a .menu-text:after{background: #0a0a0a;} .top-header .main-nav.level-arrows-on > li.has-children.act > a .menu-text:after{background: #333333;} .sticky-on .main-nav.level-arrows-on > li.has-children.act > a .menu-text:after, #phantom .main-nav.level-arrows-on > li.has-children.act > a .menu-text:after{background: #333333;} .side-header.sub-downwards .main-nav.level-arrows-on li.has-children > a:after{line-height: 21px;} .main-nav > li > a .subtitle-text{font: italic normal 400 11px / 15px "Kanit", Helvetica, Arial, Verdana, sans-serif;} .main-nav > .menu-item > a > i{font-size: 14px;} .main-nav .sub-nav > .menu-item > a i{font-size: 14px;} .bg-outline-decoration > li > a, .main-nav > li > a .animate-wrap, .hover-line-decoration > li:not(.act) > a:hover .decoration-line, .hover-line-decoration > li.dt-hovered:not(.act) > a .decoration-line, .active-line-decoration > li > a .decoration-line{border-radius: 99px;} .top-header .masthead .downwards-line > li > a .menu-item-text:before{height: 2px;} .main-nav .sub-nav > li > a .menu-text{font: 500 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif; text-transform: none;} .sub-downwards .sub-nav .next-level-button:before, .side-header.sub-downwards .main-nav.level-arrows-on .sub-nav > li.has-children > a:after{line-height: 17px;} .main-nav .sub-nav > li:not(.wpml-ls-item) > a .menu-text{color: #333333;} .main-nav .sub-nav > li:not(.wpml-ls-item) > a, #bottom-bar .sub-nav > li:not(.wpml-ls-item) > a{color: #333333;} .main-nav .sub-nav > li > a .subtitle-text{font: normal 10px / 14px "Roboto", Helvetica, Arial, Verdana, sans-serif;} .main-nav .sub-nav > li > a, .sub-downwards .sub-nav.sub-nav-widgets > li{margin: 0px 0px 2px 0px; padding: 10px 10px 10px 10px;} .top-header .main-nav .sub-nav.level-arrows-on > li.has-children > a{padding-right: 18px;} .masthead:not(.sub-downwards) .sub-nav li.has-children a:after{right: 2px;} .top-header .masthead:not(.sub-downwards) .sub-nav li.has-children a:after{right: 10px;} .rtl .masthead:not(.sub-downwards) .sub-nav li.has-children a:after{right: auto; left: 10px;} .masthead:not(.sub-downwards) .main-nav .sub-nav > li:not(.act):not(.dt-mega-parent):not(.no-link):not(.wpml-ls-item):hover > a, #bottom-bar .sub-nav li:not(.act):not(.dt-mega-parent):not(.no-link):not(.wpml-ls-item):hover > a, .masthead:not(.sub-downwards) .main-nav .sub-nav li.dt-mega-parent:not(.act):not(.no-link):not(.wpml-ls-item) > a:hover, .sub-downwards .sub-nav li:not(.act):not(.wpml-ls-item):not(.dt-mega-parent) > a:hover{color: #1ebbf0;} .masthead:not(.sub-downwards) .main-nav .sub-nav > li:not(.act):not(.dt-mega-parent):not(.no-link):not(.wpml-ls-item):hover > a .menu-text{color: #1ebbf0; background: var(--sdk-accent, #6a2fff) !important; color: transparent; -webkit-background-clip: text; background-clip: text;} .main-nav .sub-nav > li.act:not(.dt-mega-parent):not(.wpml-ls-item):not(.wpml-ls-item) > a, .main-nav .sub-nav > li.act:not(.dt-mega-parent):not(.wpml-ls-item) > a i[class^="fa"], .main-nav .sub-nav > li.act:not(.dt-mega-parent):not(.wpml-ls-item) > a i[class^="dt-icon"], .main-nav .sub-nav > li.dt-mega-parent.current-menu-item:not(.wpml-ls-item) > a{color: #1ebbf0;} .main-nav .sub-nav > li.act:not(.dt-mega-parent):not(.wpml-ls-item) > a .menu-text{color: #1ebbf0; background: var(--sdk-accent, #6a2fff) !important; color: transparent; -webkit-background-clip: text; background-clip: text;} .masthead:not(.sub-downwards) .sub-nav .sub-nav{left: 271px !important;} .rtl .masthead:not(.sub-downwards) .sub-nav .sub-nav{right: 271px; left: auto !important;} .masthead:not(.sub-downwards) .sub-nav .sub-nav.right-overflow{left: -291px !important;} .rtl .masthead:not(.sub-downwards) .sub-nav .sub-nav.right-overflow{right: -289px; left: auto !important;} .sub-downwards .main-nav.level-arrows-on > li.has-children > a{max-width: calc(100% - 30px - 4px - 4px);} .masthead.masthead-mobile-header, .masthead.masthead-mobile-header:not(.mixed-header){background: #272038;} .masthead:not(.side-header):not(.side-header-menu-icon) .mobile-header-bar{margin: 0 auto; box-sizing: border-box;} .masthead:not(.side-header).full-width .mobile-header-bar, .mobile-header-bar .masthead.side-header-menu-icon{max-width: 100%;} .dt-mobile-menu-icon{padding: 12px 9px 12px 9px;} .dt-mobile-menu-icon .menu-toggle-caption{font: 16px / 20px "Arial", Helvetica, Arial, Verdana, sans-serif; text-transform: none; word-spacing: normal;} .mobile-left-caption .dt-mobile-menu-icon .menu-toggle-caption{margin-right: 10px;} .mobile-right-caption .dt-mobile-menu-icon .menu-toggle-caption{margin-left: 10px;} .dt-mobile-menu-icon:not(.floating-btn){margin: 0px 0px 0px 0px; border-radius: 0px;} .mobile-menu-icon-bg-on .dt-mobile-menu-icon:not(.floating-btn):before{background-color: var(--the7-accent-color); background: rgba(255,255,255,0) !important;} .accent-gradient .mobile-menu-icon-bg-on .dt-mobile-menu-icon:not(.floating-btn):before{background: #1ebbf0; background: var(--sdk-accent, #6a2fff) !important; background: var(--sdk-accent, #6a2fff) !important;} .mobile-menu-icon-border-enable .dt-mobile-menu-icon:not(.floating-btn):before{border: 0px solid var(--the7-accent-color);} .mobile-menu-icon-hover-bg-on .dt-mobile-menu-icon:not(.floating-btn):after{background-color: var(--the7-accent-color); background: rgba(255,255,255,0) !important;} .accent-gradient .mobile-menu-icon-hover-bg-on .dt-mobile-menu-icon:not(.floating-btn):after{background: #1ebbf0; background: var(--sdk-accent, #6a2fff) !important; background: var(--sdk-accent, #6a2fff) !important;} .mobile-menu-icon-hover-border-enable .dt-mobile-menu-icon:not(.floating-btn):after{border: 0px solid var(--the7-accent-color);} .dt-mobile-menu-icon:not(.floating-btn):not(:hover) .menu-toggle-caption{color: var(--the7-accent-color); color: #ffffff !important; background: none;} .animate-color-mobile-menu-icon .dt-mobile-menu-icon:not(.floating-btn):not(:hover) .menu-line, .two-line-mobile-menu-icon .dt-mobile-menu-icon:not(.floating-btn):not(:hover) .menu-line{background-color: var(--the7-accent-color); background: #ffffff !important;} .accent-gradient .animate-color-mobile-menu-icon .dt-mobile-menu-icon:not(.floating-btn):not(:hover) .menu-line, .accent-gradient .two-line-mobile-menu-icon .dt-mobile-menu-icon:not(.floating-btn):not(:hover) .menu-line{background: #1ebbf0; background: var(--sdk-accent, #6a2fff) !important; background: var(--sdk-accent, #6a2fff) !important;} .dt-mobile-menu-icon:not(.floating-btn) .menu-line:before{background-color: var(--the7-accent-color); background: #ffffff !important;} .accent-gradient .dt-mobile-menu-icon:not(.floating-btn) .menu-line:before{background: #1ebbf0; background: var(--sdk-accent, #6a2fff) !important; background: var(--sdk-accent, #6a2fff) !important;} .dt-mobile-menu-icon:not(.floating-btn) .menu-line:after{background-color: var(--the7-accent-color); background: #ffffff !important;} .accent-gradient .dt-mobile-menu-icon:not(.floating-btn) .menu-line:after{background: #1ebbf0; background: var(--sdk-accent, #6a2fff) !important; background: var(--sdk-accent, #6a2fff) !important;} .dt-mobile-menu-icon:not(.floating-btn):hover .menu-toggle-caption{color: var(--the7-accent-color); color: #ffffff !important; background: none;} .masthead:not(.animate-color-mobile-menu-icon):not(.two-line-mobile-menu-icon) .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line{background-color: var(--the7-accent-color); background: #ffffff !important;} .accent-gradient .masthead:not(.animate-color-mobile-menu-icon):not(.two-line-mobile-menu-icon) .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line{background: #1ebbf0; background: var(--sdk-accent, #6a2fff) !important; background: var(--sdk-accent, #6a2fff) !important;} .animate-color-mobile-menu-icon .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line, .two-line-mobile-menu-icon .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line{background-color: var(--the7-accent-color); background: #ffffff !important;} .accent-gradient.animate-color-mobile-menu-icon .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line, .accent-gradient.two-line-mobile-menu-icon .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line{background: #1ebbf0; background: var(--sdk-accent, #6a2fff) !important; background: var(--sdk-accent, #6a2fff) !important;} .animate-color-mobile-menu-icon .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line:after, .dots-mobile-menu-icon .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line:after, .h-dots-mobile-menu-icon .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line:after, .two-line-mobile-menu-icon .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line:after{background-color: var(--the7-accent-color); background: #ffffff !important;} .accent-gradient .animate-color-mobile-menu-icon .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line:after, .accent-gradient .dots-mobile-menu-icon .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line:after, .accent-gradient .h-dots-mobile-menu-icon .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line:after, .accent-gradient .two-line-mobile-menu-icon .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line:after{background: #1ebbf0; background: var(--sdk-accent, #6a2fff) !important; background: var(--sdk-accent, #6a2fff) !important;} .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn{padding-right: 10px; padding-left: 10px;} .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn{border-radius: 0px;} .mobile-branding > a, .mobile-branding > img{padding: 0px 0px 0px 0px;} .transparent .masthead:not(.mixed-header) .mobile-branding > a, .transparent .masthead:not(.mixed-header) .mobile-branding > img{padding: 0px 0px 0px 0px;} .sticky-mobile-on.masthead:not(.mixed-header) .mobile-branding > a, .sticky-mobile-on.masthead:not(.mixed-header) .mobile-branding > img{padding: 0px 0px 0px 0px;} .sticky-mobile-on.masthead.masthead-mobile-header .sticky-mobile-logo-first-switch, .sticky-mobile-on.masthead.masthead-mobile-header .sticky-mobile-logo-second-switch{padding: 0px 0px 0px 0px;} .top-bar .sub-nav li.has-children.act:after, #bottom-bar .sub-nav li.has-children.act:after{color: var(--the7-accent-color);} .top-bar .sub-nav > ul > li > a, #bottom-bar .sub-nav > ul > li > a{color: #333333; font: 500 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif;} #page .masthead.sticky-on .header-bar, #phantom.masthead .header-bar, #phantom .ph-wrap{min-height: 60px;} #phantom .logo-box, #phantom .phantom-top-line-logo, .phantom-sticky .sticky-on.masthead:not(.side-header) .branding > a, .phantom-sticky .sticky-on.masthead:not(.side-header) .branding > img{padding: 0px 18px 0px 0px;} .transparent.phantom-sticky .sticky-on.masthead .branding > a, .transparent.phantom-sticky .sticky-on.masthead .branding > img{padding: 0px 18px 0px 0px;} .responsive-off.phantom-sticky .sticky-on.masthead:not(.masthead-mobile){background: #ffffff !important;} .responsive-off.phantom-line-decoration.phantom-sticky .sticky-on.masthead{border-bottom: 1px solid rgba(51,51,51,0.11); box-shadow: none !important;} .masthead:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon) .header-bar, .ph-wrap{padding: 0 0px 0 0px;} .boxed .masthead:not(.full-width):not(.side-header):not(.side-header-menu-icon):not(.side-header-v-stroke) .header-bar, .boxed .ph-wrap{max-width: 100%; width: calc(1400px - 0px - 0px);} #phantom .ph-wrap .header-bar{padding: 0;} .boxed .masthead:not(.width-in-pixel):not(#phantom) .top-bar.full-width-line:after, .boxed .masthead:not(.width-in-pixel):not(.sticky-on) .top-bar-bg, .boxed.masthead:not(.width-in-pixel):not(#phantom) .top-bar-bg, .boxed .classic-header:not(.width-in-pixel) .navigation:before{margin: 0 0px 0 0px; padding: 0 1000px;} .ph-wrap, #phantom .ph-wrap.boxed, .boxed .top-bar.line-content:before, .boxed .classic-header.content-width-line .navigation:before{max-width: calc(1400px - 0px - 0px);} .masthead:not(.mixed-header){background: #ffffff none repeat center center; background-size: auto;} .masthead.line-decoration:not(.side-header):not(.mixed-header):not(.masthead-mobile-header){border-bottom: 1px solid rgba(51,51,51,0.11);} .header-side-left .masthead.line-decoration:not(.mixed-header):not(.masthead-mobile-header){border-right: 1px solid rgba(51,51,51,0.11);} .header-side-right .masthead.line-decoration:not(.mixed-header):not(.masthead-mobile-header){border-left: 1px solid rgba(51,51,51,0.11);} .masthead.content-width-line-decoration:not(.mixed-header):not(.side-header):not(.masthead-mobile-header):not(#phantom) .header-bar{padding-bottom: 1px;} .masthead.content-width-line-decoration:not(.mixed-header):not(.side-header):not(.masthead-mobile-header):not(#phantom) .header-bar:after{position: absolute; bottom: 0; left: auto; right: auto; content: ""; width: calc(100% - 0px - 0px); height: 1px; background: rgba(51,51,51,0.11);} .header-side-left .masthead.content-width-line-decoration:not(.mixed-header):not(.masthead-mobile-header) .header-bar:after{position: absolute; content: ""; right: 0; bottom: auto; top: auto; height: calc(100% - 0px - 0px); width: 1px; background: rgba(51,51,51,0.11);} .header-side-right .masthead.content-width-line-decoration:not(.mixed-header):not(.masthead-mobile-header) .header-bar:after{position: absolute; content: ""; left: 0; bottom: auto; top: auto; height: calc(100% - 0px - 0px); width: 1px; background: rgba(51,51,51,0.11);} .transparent .masthead:not(.side-header), .overlay-navigation .masthead.shadow-decoration:not(.mixed-header){box-shadow: none;} .masthead.shadow-decoration:not(.side-header-menu-icon):not(#phantom):not(.masthead-mobile-header){box-shadow: 0 0 15px 1px rgba(0,0,0,0.07);} .transparent .masthead:not(.side-header){background: #eeee22;} .transparent .top-bar-bg{background: rgba(0,0,0,0.5);} input[type="text"], .widget_search input[type="text"].searchform-s, input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea, .wpcf7-number, .woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select, .the7-elementor-product-comments .elementor-field-textual, .elementor-field-group .elementor-field-textual, .elementor-field-group .elementor-select-wrapper select{color: var(--the7-input-color); font: var(--the7-form-md-font); border-style: var(--the7-form-border); border-top-width: var(--the7-top-input-border-width); border-right-width: var(--the7-right-input-border-width); border-bottom-width: var(--the7-bottom-input-border-width); border-left-width: var(--the7-left-input-border-width); padding: var(--the7-top-input-padding) var(--the7-right-input-padding) var(--the7-bottom-input-padding) var(--the7-left-input-padding); border-color: var(--the7-input-border-color); background-color: var(--the7-input-bg-color); border-radius: var(--the7-input-border-radius); box-shadow: var(--the7-form-shadow); transition: all 0.3s ease;} input[type="text"]:focus, .widget_search input[type="text"].searchform-s:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="range"]:focus, input[type="password"]:focus, select:focus, textarea:focus, .wpcf7-number:focus, .woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select:focus, .the7-elementor-product-comments .elementor-field-textual:focus, .elementor-field-group .elementor-field-textual:focus, .elementor-field-group .elementor-select-wrapper select:focus{box-shadow: var(--the7-form-shadow-focus);} .content input[type="text"], .content .widget_search input[type="text"].searchform-s, .content input[type="search"], .content input[type="tel"], .content input[type="url"], .content input[type="email"], .content input[type="number"], .content input[type="date"], .content input[type="range"], .content input[type="password"], .content select, .content textarea, .content .wpcf7-number, .content .woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select, .content .the7-elementor-product-comments .elementor-field-textual, .content .elementor-field-group .elementor-field-textual, .content .elementor-field-group .elementor-select-wrapper select{font-size: var(--the7-form-md-font-size); line-height: var(--the7-form-md-line-height);} input[type="text"], .widget_search input[type="text"].searchform-s, input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, .wpcf7-number, .tinvwl-input-group .form-control, .woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select{min-height: var(--the7-input-height);} #bottom-bar .mini-search, #bottom-bar .mini-contacts:before{background-color: rgba(0,0,0,0);} .branding .mini-wpml, .mixed-header .mini-wpml, .classic-header .mobile-mini-widgets .mini-wpml{font: 500 18px / 22px "Kanit", Helvetica, Arial, Verdana, sans-serif;} .top-bar .mini-wpml{font: 500 13px / 19px "Roboto", Helvetica, Arial, Verdana, sans-serif;} .transparent:not(.photo-scroller-album):not(.phantom-sticky) .masthead.line-decoration:not(.masthead-mobile-header){border-bottom: 1px solid rgba(255,255,255,0.25);} .transparent:not(.photo-scroller-album) .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on), .transparent .sticky-on.masthead.masthead-mobile{border: none; box-shadow: none !important;} .transparent .masthead:not(#phantom):not(.sticky-on):not(.sticky-top-line-on) .top-bar.line-content:after, .transparent .masthead:not(#phantom):not(.sticky-on):not(.sticky-top-line-on) .top-bar.full-width-line:after{border-bottom-color: rgba(255,255,255,0.25);} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-widgets > *, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-widgets .mini-nav > ul:not(.mini-sub-nav) > li > a *, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mobile-mini-widgets .mini-nav > ul:not(.mini-sub-nav) > li > a *, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-widgets .text-area a, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-nav > ul:not(.mini-sub-nav) > li > a:hover, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-search .submit, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-search .searchform > .search-icon i, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-login .submit, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-login .submit i{color: #fff;} .dt-wpml.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-wpml .wpml-ls-current-language > a, .dt-wpml.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-wpml .wpml-ls-legacy-list-horizontal a, .dt-wpml.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-wpml .wpml-ls-legacy-list-vertical a{color: #fff;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .branding, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .branding .mini-widgets > *:not(.sub-nav), .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-widgets > *, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-search .submit, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-search .submit i, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-nav .customSelectInner, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-nav .customSelectInner i, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-widgets .text-area a, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-widgets .text-area *, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mobile-mini-widgets > *, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mobile-branding *, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-contacts *{color: #fff;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-search .submit:hover{color: rgba(255,255,255,0.7) !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on:not(.sticky-top-line-on)) .popup-search .submit:hover i, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on:not(.sticky-top-line-on)) .overlay-search .submit:hover i{color: rgba(255,255,255,0.7) !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .classic-search input[type="text"]{background: rgba(255,255,255,0.25); border-color: rgba(255,255,255,0.3);} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .animate-search-width input.field{background: rgba(255,255,255,0.25); border-color: rgba(255,255,255,0.3);} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .animate-search-width input, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .classic-search input[type=text], .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .classic-search input::placeholder, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .animate-search-width input::placeholder{color: #fff !important;} .transparent .classic-header.content-width-line:not(.sticky-on) .navigation:before, .transparent .classic-header.full-width-line:not(.sticky-on) .navigation:before, .transparent .classic-header.bg-behind-menu:not(.sticky-on) .navigation:before{background-color: rgba(255,255,255,0.25); background-image: none;} .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a, .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a .menu-text, .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a .subtitle-text, .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a:hover span, .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li.act > a > span{color: #fff !important; background: none;} .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a > span > span.menu-subtitle, .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li:hover > a > span > span.menu-subtitle{color: rgba(255,255,255,0.5);} .light-preset-color.masthead:not(.side-header):not(#phantom):not(.sticky-on).dividers .main-nav > li:before, .light-preset-color.masthead:not(.side-header):not(#phantom):not(.sticky-on).dividers.surround .main-nav > li:before, .light-preset-color.masthead:not(.side-header):not(#phantom):not(.sticky-on).dividers .main-nav > li:last-child:after, .light-preset-color.masthead:not(.side-header):not(#phantom):not(.sticky-on).dividers.surround .main-nav > li:last-child:after{border-color: rgba(255,255,255,0.25);} .light-preset-color.masthead:not(#phantom):not(.sticky-on) .hover-outline-decoration > li:not(.act):hover > a, .light-preset-color.masthead:not(#phantom):not(.sticky-on) .active-outline-decoration > li.act > a, .light-preset-color.masthead:not(#phantom):not(.sticky-on) .hover-outline-decoration > li.dt-hovered:not(.act) > a{border-color: rgba(255,255,255,0.25);} .light-preset-color.masthead:not(#phantom):not(.sticky-on) .hover-bg-decoration > li:not(.act) > a:hover, .light-preset-color.accent-gradient.masthead:not(#phantom):not(.sticky-on) .hover-bg-decoration > li:not(.act) > a:hover, .light-preset-color.masthead:not(#phantom):not(.sticky-on) .hover-bg-decoration > li.dt-hovered:not(.act) > a, .light-preset-color.accent-gradient.masthead:not(#phantom):not(.sticky-on) .hover-bg-decoration > li.dt-hovered:not(.act) > a, .light-preset-color.masthead:not(#phantom):not(.sticky-on) .active-bg-decoration > li.act > a, .light-preset-color.accent-gradient.masthead:not(#phantom):not(.sticky-on) .active-bg-decoration > li.act > a{background-color: rgba(255,255,255,0.25); background-image: none;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .l-to-r-line > li > a i.underline, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .from-centre-line > li > a .menu-item-text:before, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .upwards-line > li > a .menu-item-text:before, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .downwards-line > li > a .menu-item-text:before, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .active-line-decoration > li.act > a .decoration-line, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .hover-line-decoration > li > a:hover .decoration-line, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .hover-line-decoration > li.dt-hovered:not(.act) > a .decoration-line, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .dt-mobile-menu-icon .lines, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .dt-mobile-menu-icon .lines:before, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .dt-mobile-menu-icon .lines:after{background-color: #ffffff; background-image: none;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .menu-line:after, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .menu-line:before{background: #ffffff !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on).mobile-menu-icon-bg-on .dt-mobile-menu-icon:not(.floating-btn):before{background: rgba(255,255,255,0.3) !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on).mobile-menu-icon-hover-bg-on .dt-mobile-menu-icon:not(.floating-btn):after{background: rgba(255,255,255,0.25) !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on).mobile-menu-icon-hover-border-enable .dt-mobile-menu-icon:not(.floating-btn):after{border-color: rgba(255,255,255,0.25) !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on):not(.animate-color-mobile-menu-icon):not(.two-line-mobile-menu-icon) .dt-mobile-menu-icon:not(.floating-btn):hover .menu-line{background: #ffffff !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on).hamburger-bg-enable .menu-toggle:before{background: rgba(255,255,255,0.3) !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on).mobile-menu-icon-border-enable .dt-mobile-menu-icon:not(.floating-btn):before{border-color: rgba(255,255,255,0.3) !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on).hamburger-bg-hover-enable .menu-toggle:after{background: rgba(255,255,255,0.25) !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on).hamburger-border-enable .menu-toggle:before{border-color: rgba(255,255,255,0.3) !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on).hamburger-border-hover-enable .menu-toggle:after{border-color: rgba(255,255,255,0.25) !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav.level-arrows-on > li.has-children > a .menu-text:after, .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav.level-arrows-on > li.has-children:not(.act) > a:hover .menu-text:after, .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav.level-arrows-on > li.has-children.act > a .menu-text:after{background: white !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .soc-ico.disabled-bg a:before{background-color: transparent !important;} .light-preset-color:not(.mobile-sticky-on).masthead:not(#phantom):not(.sticky-on):not(.sticky-top-line-on) .soc-ico.custom-bg a, .light-preset-color:not(.mobile-sticky-on).masthead:not(#phantom):not(.sticky-on):not(.sticky-top-line-on) .soc-ico.accent-bg a, .light-preset-color:not(.mobile-sticky-on).masthead:not(#phantom):not(.sticky-on):not(.sticky-top-line-on) .soc-ico.gradient-bg a{box-shadow: none !important;} .light-preset-color:not(.mobile-sticky-on).masthead:not(#phantom):not(.sticky-on):not(.sticky-top-line-on) .soc-ico.custom-bg a:before, .light-preset-color:not(.mobile-sticky-on).masthead:not(#phantom):not(.sticky-on):not(.sticky-top-line-on) .soc-ico.accent-bg a:before, .light-preset-color:not(.mobile-sticky-on).masthead:not(#phantom):not(.sticky-on):not(.sticky-top-line-on) .soc-ico.gradient-bg a:before{background: rgba(255,255,255,0.25) !important; background-image: none !important;} .light-preset-color:not(.mobile-sticky-on).masthead:not(#phantom):not(.sticky-on):not(.sticky-top-line-on) .soc-ico.hover-gradient-bg a, .light-preset-color:not(.mobile-sticky-on).masthead:not(#phantom):not(.sticky-on):not(.sticky-top-line-on) .soc-ico.hover-custom-bg a, .light-preset-color:not(.mobile-sticky-on).masthead:not(#phantom):not(.sticky-on):not(.sticky-top-line-on) .soc-ico.hover-accent-bg a{box-shadow: none !important;} .light-preset-color:not(.mobile-sticky-on).masthead:not(#phantom):not(.sticky-on):not(.sticky-top-line-on) .soc-ico.hover-gradient-bg a:after, .light-preset-color:not(.mobile-sticky-on).masthead:not(#phantom):not(.sticky-on):not(.sticky-top-line-on) .soc-ico.hover-custom-bg a:after, .light-preset-color:not(.mobile-sticky-on).masthead:not(#phantom):not(.sticky-on):not(.sticky-top-line-on) .soc-ico.hover-accent-bg a:after{background: rgba(255,255,255,0.45) !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .soc-ico.hover-disabled-bg a:after{background-color: transparent !important; box-shadow: none !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .soc-ico a .soc-font-icon, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .soc-ico a:hover .soc-font-icon{color: #fff !important; background: none;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .soc-ico.border-on a:before{box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.25);} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .soc-ico.hover-border-on a:hover:after, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .soc-ico.hover-border-on a:hover:after{box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.45) !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-search .submit:before, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-search .searchform > .search-icon, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-login .submit:before, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-contacts, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mini-nav .customSelectInner:before, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .wc-ico-cart:before, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .edd-ico-cart:before{color: white;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .wc-ico-cart, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .edd-ico-cart{color: #fff;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .wc-ico-cart i, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .edd-ico-cart i{color: #fff;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .wc-ico-cart:hover, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .edd-ico-cart:hover{opacity: 1; color: rgba(255,255,255,0.7);} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .wc-ico-cart:hover i, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .edd-ico-cart:hover i{color: rgba(255,255,255,0.7);} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .wc-ico-cart > .counter, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .edd-ico-cart > .counter{background-color: rgba(255,255,255,0.25); background-image: none;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .rectangular-counter-style .wc-ico-cart > .counter:before, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .rectangular-counter-style .edd-ico-cart > .counter:before{border-right: 4px solid rgba(255,255,255,0.25);} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .wc-ico-cart > .counter.custom-bg, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .edd-ico-cart > .counter.custom-bg{background-color: rgba(255,255,255,0.25) !important; background-image: none !important;} .overlap .masthead:not(.mixed-header):not(.side-header){background-image: none, -webkit-linear-gradient(bottom,rgba(255,255,255,0.75) 0px,rgba(255,255,255,0.8) 10px,rgba(255,255,255,0.86) 20px,rgba(255,255,255,0.9) 30px,rgba(255,255,255,0.94) 40px,rgba(255,255,255,0.98) 50px,rgba(255,255,255,0.99) 60px,#ffffff 70px); background-image: none, linear-gradient(to top,rgba(255,255,255,0.75) 0px,rgba(255,255,255,0.8) 10px,rgba(255,255,255,0.86) 20px,rgba(255,255,255,0.9) 30px,rgba(255,255,255,0.94) 40px,rgba(255,255,255,0.98) 50px,rgba(255,255,255,0.99) 60px,#ffffff 70px); background-color: transparent; background-repeat: repeat; background-position: center center; border-bottom: none; box-shadow: 0px 1px 0px 0px rgba(5,38,57,0.05);} .overlap .masthead.side-header-h-stroke{background-image: -webkit-linear-gradient(bottom,rgba(255,255,255,0.75) 0px,rgba(255,255,255,0.8) 10px,rgba(255,255,255,0.86) 20px,rgba(255,255,255,0.9) 30px,rgba(255,255,255,0.94) 40px,rgba(255,255,255,0.98) 50px,rgba(255,255,255,0.99) 60px,#ffffff 70px); background-image: linear-gradient(to top,rgba(255,255,255,0.75) 0px,rgba(255,255,255,0.8) 10px,rgba(255,255,255,0.86) 20px,rgba(255,255,255,0.9) 30px,rgba(255,255,255,0.94) 40px,rgba(255,255,255,0.98) 50px,rgba(255,255,255,0.99) 60px,#ffffff 70px); background-color: transparent; border-bottom: none; box-shadow: 0px 1px 0px 0px rgba(5,38,57,0.05);} .phantom-sticky .boxed .masthead:not(.side-header).sticky-on{max-width: 1280px;} .boxed .top-bar-bg, .boxed .classic-header .navigation:before{width: 100%;} .boxed .width-in-pixel .top-bar-bg, .boxed .width-in-pixel .top-bar.full-width-line:after, .boxed .width-in-pixel.classic-header.full-width-line .navigation:before, .boxed .width-in-pixel.classic-header.bg-behind-menu .navigation:before{width: 1280px;} #phantom.boxed.width-in-pixel .top-bar-bg{width: 1280px;} .boxed .masthead.full-width:not(.side-header):not(.masthead-mobile){width: 1280px;} .masthead:not(.side-header):not(.mixed-header) .header-bar, .header-space{min-height: 110px;} .classic-header.content-width-line .navigation, .classic-header.full-width-line .navigation{padding-top: 1px;} .classic-header.content-width-line .navigation:before, .classic-header.full-width-line .navigation:before{height: 1px; background-color: #000000;} .classic-header.bg-behind-menu .navigation:before{background-color: #000000;} .classic-header .branding .mini-widgets{padding: 0px 0px 0px 0px;} .classic-header .branding .mini-widgets:last-child{padding: 0px 0px 0px 0px;} .classic-header .navigation > .mini-widgets, .classic-header .widget-box .mini-widgets{padding: 0px 0px 0px 40px;} .classic-header .navigation{margin: 0px 0 0px 0;} .shop_table strong, strong[itemprop="author"], .shopping-cart-inner strong, .widget_shopping_cart_content strong, .shop_table th, .shop_table td, .woocommerce-MyAccount-content strong{font-weight: normal;} .shopping-cart{position: relative;} .masthead .shopping-cart{display: -ms-flexbox; display: -ms-flex; display: flex; flex-flow: column wrap;} .dt-mobile-header .shopping-cart{position: static;} .top-bar .shopping-cart{z-index: 1001; vertical-align: middle;} .floating-navigation-below-slider .top-bar .shopping-cart{z-index: 101;} .shopping-cart-wrap{position: absolute; top: 100%; z-index: 200; visibility: hidden; opacity: 0;} .side-header:not(.masthead-mobile-header) .mini-widgets .shopping-cart-wrap{top: auto; bottom: 100%;} .masthead .shopping-cart-wrap{top: calc(100% + 8px);} .dt-mobile-header .shopping-cart-wrap{width: 100%;} .masthead.side-header .mini-widgets .shopping-cart-wrap{top: auto; bottom: calc(100% + 8px);} .masthead .mini-widgets .shopping-cart-wrap.bottom-overflow{top: auto; bottom: calc(100% + 8px);} .floating-navigation-below-slider .shopping-cart-wrap.bottom-overflow{top: auto; bottom: 100%; padding-top: 0; padding-bottom: 10px;} .right-overflow.shopping-cart-wrap{right: -10px;} .shopping-cart-inner, .shopping-cart-inner ul.cart_list li a, .shopping-cart-inner ul.product_list_widget li a{font: 15px / 20px "Arial", Helvetica, Arial, Verdana, sans-serif; text-transform: none;} .shopping-cart-inner{position: relative; display: flex; flex-flow: column wrap; width: 240px; padding: 20px 20px 20px; background-color: rgba(255,255,255,0.3); text-align: left; box-sizing: border-box; -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.2)); filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.2)); -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0);} .dt-mobile-header .shopping-cart-inner{width: 100%;} .shopping-cart-inner:before{position: absolute; top: -7px; left: 20px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid red; border-bottom-color: rgba(255,255,255,0.3); content: '';} .dt-mobile-header .shopping-cart-inner:before{display: none;} .right-overflow .shopping-cart-inner:before{right: 20px; left: auto;} .side-header:not(.masthead-mobile-header) .shopping-cart-inner:before, .dt-mobile-header .shopping-cart-inner:before{top: auto; bottom: -7px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid; border-bottom: none; border-top-color: rgba(255,255,255,0.3);} .bottom-overflow .shopping-cart-inner:before{top: auto; bottom: -7px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid; border-bottom: none; border-top-color: rgba(255,255,255,0.3);} .right-overflow.bottom-overflow .shopping-cart-inner:before{top: -7px; bottom: auto; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid red; border-top: none; border-bottom-color: rgba(255,255,255,0.3);} .masthead .shopping-cart-inner, .dt-mobile-header .shopping-cart-inner, .masthead .shopping-cart-inner *, .dt-mobile-header .shopping-cart-inner *, .masthead .shopping-cart-inner a:not(.button):not(.remove), .dt-mobile-header .shopping-cart-inner a:not(.button):not(.remove), .masthead .shopping-cart-inner .amount, .dt-mobile-header .shopping-cart-inner .amount{color: #000000 !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .shopping-cart-inner, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .shopping-cart-inner *, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .shopping-cart-inner a:not(.button):not(.remove), .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .shopping-cart-inner .amount{color: #000000 !important;} .shopping-cart-inner .cart_list.empty li, .shopping-cart-inner .cart_list.empty li:last-child{padding: 0;} .shopping-cart-inner .cart_list li .quantity{display: block;} .shopping-cart-inner .variation *, .shopping-cart-inner .quantity *, .shopping-cart-inner .quantity, .shopping-cart-inner strong, .shopping-cart-inner .quantity .amount{color: rgba(0,0,0,0.5) !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .shopping-cart-inner .variation *, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .shopping-cart-inner .quantity *, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .shopping-cart-inner .quantity, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .shopping-cart-inner strong, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .shopping-cart-inner .quantity .amount{color: rgba(0,0,0,0.5) !important;} .shopping-cart-inner .total, .elementor-menu-cart__main .total, .widget_shopping_cart .total{margin-bottom: 5px;} .masthead .shopping-cart-inner a.button, .dt-mobile-header .shopping-cart-inner a.button, .masthead .shopping-cart-inner a.button > span, .dt-mobile-header .shopping-cart-inner a.button > span{color: var(--the7-btn-color) !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .shopping-cart-inner a.button, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .shopping-cart-inner a.button > span{color: var(--the7-btn-color) !important;} .masthead .shopping-cart-inner a.button:hover, .dt-mobile-header .shopping-cart-inner a.button:hover, .masthead .shopping-cart-inner a.button:hover > span, .dt-mobile-header .shopping-cart-inner a.button:hover > span{color: var(--the7-btn-hover-color) !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .shopping-cart-inner a.button:hover, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .shopping-cart-inner a.button:hover > span{color: var(--the7-btn-hover-color) !important;} .masthead .shopping-cart-inner a:not(.button):not(.remove):hover, .dt-mobile-header .shopping-cart-inner a:not(.button):not(.remove):hover, .masthead .elementor-menu-cart__main a:not(.button):not(.remove):not(.elementor-button):hover, .dt-mobile-header .elementor-menu-cart__main a:not(.button):not(.remove):not(.elementor-button):hover{background: none; color: var(--the7-accent-color) !important; text-decoration: none !important; background: var(--sdk-accent, #6a2fff) !important; color: transparent !important; -webkit-background-clip: text !important; background-clip: text !important;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .shopping-cart-inner a:not(.button):not(.remove):hover, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .elementor-menu-cart__main a:not(.button):not(.remove):not(.elementor-button):hover{color: var(--the7-accent-color) !important;} .masthead .shopping-cart .buttons a.button *, .shopping-cart .buttons a.button, .shopping-cart .buttons a.button:hover, .buttons a.button, .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button{text-decoration: none !important;} .wc-ico-cart{position: relative; white-space: nowrap; text-decoration: none; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; -ms-align-items: center; -ms-flex-align: center; align-items: center; font: 14px / 18px "Arial", Helvetica, Arial, Verdana, sans-serif; color: #888888;} .wc-ico-cart i{margin-right: 5px; font-size: 16px; color: #888888;} .branding .wc-ico-cart{font: 500 18px / 22px "Kanit", Helvetica, Arial, Verdana, sans-serif; color: #0a0a0a;} .branding .wc-ico-cart i{font-size: 16px; color: #0a0a0a; margin-right: 6.4285714285714px;} .mixed-header .wc-ico-cart{font: 20px / 24px "Arial", Helvetica, Arial, Verdana, sans-serif; color: #888888;} .mixed-header .wc-ico-cart i{font-size: 16px; color: #888888;} .mixed-header .header-bar .wc-ico-cart i{margin-right: 7.1428571428571px;} .top-bar .wc-ico-cart{font: 500 13px / 19px "Roboto", Helvetica, Arial, Verdana, sans-serif; text-transform: none;} .top-bar .wc-ico-cart{color: #b1b4b8;} .top-bar .wc-ico-cart i{font-size: 16px; color: #b1b4b8;} .dt-mobile-header .wc-ico-cart{font: 500 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: #b1b4b8;} .dt-mobile-header .wc-ico-cart i{font-size: 16px; color: #b1b4b8;} .mobile-header-bar .mobile-mini-widgets .wc-ico-cart{font: 700 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: #333333;} .mobile-header-bar .mobile-mini-widgets .wc-ico-cart i{font-size: 16px; color: #333333;} a.wc-ico-cart:hover{font: 14px / 18px "Arial", Helvetica, Arial, Verdana, sans-serif; color: #888888; opacity: 0.7;} .branding a.wc-ico-cart:hover{font: 500 18px / 22px "Kanit", Helvetica, Arial, Verdana, sans-serif; color: rgba(10,10,10,0.7); color: #0a0a0a;} .mixed-header a.wc-ico-cart:hover{font: 20px / 24px "Arial", Helvetica, Arial, Verdana, sans-serif; color: #888888;} .top-bar a.wc-ico-cart:hover{font: 500 13px / 19px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: rgba(177,180,184,0.7); color: #b1b4b8;} .dt-mobile-header a.wc-ico-cart:hover{font: 500 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: #b1b4b8;} .mobile-header-bar .mobile-mini-widgets a.wc-ico-cart:hover{font: 700 13px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: #333333;} .wc-ico-cart > .counter{position: relative; display: inline-block; margin-left: 10px; padding: 1px; min-width: 14px; min-height: 14px; background-color: #1ebbf0; text-align: center; font-size: 8px; font-family: Tahoma, Arial, sans-serif !important; line-height: 14px; letter-spacing: normal; font-weight: normal; font-style: normal;} .branding .wc-ico-cart > .counter{font-size: 8px; line-height: 14px; min-width: 14px; min-height: 14px;} .mixed-header .wc-ico-cart > .counter{font-size: 8px; line-height: 14px; min-width: 14px; min-height: 14px;} .top-bar .wc-ico-cart > .counter{font-size: 8px; line-height: 14px; min-width: 14px; min-height: 14px;} .dt-mobile-header .wc-ico-cart > .counter{font-size: 8px; line-height: 14px; min-width: 14px; min-height: 14px;} .mobile-header-bar .mobile-mini-widgets .wc-ico-cart > .counter{font-size: 8px; line-height: 14px; min-width: 14px; min-height: 14px;} .wc-ico-cart > .counter.hidden{display: none;} .round-counter-style .wc-ico-cart > .counter{margin-left: 5px; border-radius: 50%;} .rectangular-counter-style .wc-ico-cart > .counter{padding: 0 2px 0 1px; min-width: 18px; border-radius: 2px; box-sizing: border-box;} .rectangular-counter-style .wc-ico-cart > .counter:before{position: absolute; top: 50%; left: -4px; margin-top: -3px; width: 0; height: 0; border-top: 3px solid transparent; border-right: 4px solid var(--the7-accent-color); border-bottom: 3px solid transparent; content: "";} .branding .rectangular-counter-style .wc-ico-cart > .counter{min-width: 18px;} .mixed-header .rectangular-counter-style .wc-ico-cart > .counter{min-width: 18px;} .top-bar .rectangular-counter-style .wc-ico-cart > .counter{min-width: 18px;} .dt-mobile-header .rectangular-counter-style .wc-ico-cart > .counter{min-width: 18px;} .mobile-header-bar .mobile-mini-widgets .rectangular-counter-style .wc-ico-cart > .counter{min-width: 18px;} .wc-ico-cart > .counter, .wc-ico-cart:hover > .counter{color: #ffffff;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .wc-ico-cart > .counter, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .wc-ico-cart:hover > .counter{color: #fff;} .wc-ico-cart > .counter.custom-bg{background-color: #1ebbf0 !important; background-image: none !important;} .wc-ico-cart > .counter.custom-bg:before{border-right-color: #1ebbf0;} .accent-gradient .wc-ico-cart > .counter, .accent-gradient .wc-ico-cart > .counter.gradient-bg, .wc-ico-cart > .counter.gradient-bg{background: #1ebbf0; background: var(--sdk-accent, #6a2fff) !important; background: var(--sdk-accent, #6a2fff) !important;} .accent-gradient .wc-ico-cart > .counter:before, .accent-gradient .wc-ico-cart > .counter.gradient-bg:before, .wc-ico-cart > .counter.gradient-bg:before{border-right-color: #1ebbf0;} #top-bar .wc-ico-cart:hover .counter{text-decoration: none;} .shopping-cart-inner .product_list_widget li:last-child, .woocommerce-mini-cart.product_list_widget li:last-child{padding: 0 0 15px;} .widget_products .product_list_widget li, .widget_recently_viewed_products .product_list_widget li, .widget_top_rated_products .product_list_widget li, .shopping-cart-inner .product_list_widget:not(.empty) li, .widget_recent_reviews .product_list_widget li, .dt-mini-cart-template.product_list_widget li{display: grid; grid-gap: 15px; grid-template-rows: auto; grid-template-areas: " image title "; grid-template-columns: 60px minmax(0,1fr);} .widget_products .product_list_widget > a, .widget_recently_viewed_products .product_list_widget > a, .widget_top_rated_products .product_list_widget > a, .shopping-cart-inner .product_list_widget > a, .widget_recent_reviews .product_list_widget > a, .dt-mini-cart-template.product_list_widget > a{grid-area: image;} .widget_products .product_list_widget > span, .widget_recently_viewed_products .product_list_widget > span, .widget_top_rated_products .product_list_widget > span, .shopping-cart-inner .product_list_widget > span, .widget_recent_reviews .product_list_widget > span, .dt-mini-cart-template.product_list_widget > span{grid-area: title;} .widget_products .star-rating, .widget_recently_viewed_products .star-rating, .widget_top_rated_products .star-rating, .widget_recent_reviews .star-rating, .shopping-cart-inner .star-rating, .dt-mini-cart-template .star-rating{margin: 5px 0 0 0;} .widget_products .price-wrap, .widget_products .reviewer, .widget_products .variation, .widget_recently_viewed_products .price-wrap, .widget_recently_viewed_products .reviewer, .widget_recently_viewed_products .variation, .widget_top_rated_products .price-wrap, .widget_top_rated_products .reviewer, .widget_top_rated_products .variation, .widget_recent_reviews .price-wrap, .widget_recent_reviews .reviewer, .widget_recent_reviews .variation, .shopping-cart-inner .price-wrap, .shopping-cart-inner .reviewer, .shopping-cart-inner .variation, .dt-mini-cart-template .price-wrap, .dt-mini-cart-template .reviewer, .dt-mini-cart-template .variation{display: block; padding: 5px 0 0 0;} .shopping-cart-inner .price-wrap{clear: both;} .shopping-cart-inner .buttons{overflow: hidden; margin-bottom: 0px;} body .widget_shopping_cart a.remove, .elementor-menu-cart__main a.remove, .masthead .shopping-cart-inner a.remove, .dt-mobile-header .shopping-cart-inner a.remove{display: block; font-size: 14px !important; height: 14px !important; width: 14px; margin: 3px; text-align: center; line-height: 1; border-radius: 100%; text-decoration: none; font-weight: 700; font-family: Arial, Verdana, sans-serif; border: 0;} .woocommerce .cart_list:not(.product_list_widget) a.remove:hover, .masthead .shopping-cart-inner .cart_list a.remove:hover, .elementor-menu-cart__main .cart_list a.remove:hover, .dt-mobile-header .shopping-cart-inner .cart_list a.remove:hover, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .cart_list a.remove:hover, #the7-body .widget_shopping_cart a.remove:hover{color: #fff !important; background: rgba(0,0,0,0.3);} .widget_shopping_cart .cart_list li a.remove, .elementor-menu-cart__main .cart_list li a.remove, .shopping-cart-inner .cart_list li a.remove{position: absolute; top: 20px; left: 0;} .widget_shopping_cart .cart_list li a.remove, .elementor-menu-cart__main .cart_list li a.remove, .shopping-cart-inner .cart_list li a.remove{top: 0;} .widget_shopping_cart .cart_list li:first-child a.remove, .elementor-menu-cart__main .cart_list li:first-child a.remove, .shopping-cart-inner .cart_list li:first-child a.remove{top: 0;} .masthead .shopping-cart-inner a.remove, .elementor-menu-cart__main a.remove, .dt-mobile-header .shopping-cart-inner a.remove, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .shopping-cart-inner a.remove, #the7-body .widget_shopping_cart a.remove{border-radius: 100%; color: #fff !important; background: rgba(0,0,0,0.15);} .main-nav > li.dt-mega-menu > a{position: relative;} .side-header .main-nav > li > a.mega-menu-img-top, .side-header .main-nav > li > a.mega-menu-img-top_align_left, .side-header .mini-nav li > a.mega-menu-img-top, .side-header .mini-nav li > a.mega-menu-img-top_align_left{-ms-flex-flow: column wrap; flex-flow: column wrap;} .masthead:not(.sub-downwards) .main-nav .sub-nav li.hide-mega-title > a .menu-text, .dt-mega-menu .sub-nav li.has-children:after, .dt-mega-menu .sub-nav .dt-mega-parent:before, .dt-mega-menu .sub-nav .dt-mega-parent:first-child:before, .dt-mega-menu .sub-nav li:before{display: none;} .masthead.side-header:not(.sub-downwards) .mega-full-width > .dt-mega-menu-wrap, .masthead.side-header:not(.sub-downwards) .mega-auto-width > .dt-mega-menu-wrap{width: 890px; max-width: 890px;} .main-nav .mega-auto-width > .dt-mega-menu-wrap{min-width: 240px;} .top-header .main-nav .dt-mega-menu-wrap{position: absolute; top: 100%; visibility: hidden; opacity: 0; padding: 10px; box-sizing: border-box;} .main-nav .dt-mega-menu-wrap{box-shadow: 0px 0px 4px rgba(0,0,0,0.2);} .top-header.floating-navigation-below-slider .main-nav > li > .dt-mega-menu-wrap.bottom-overflow{top: auto; bottom: 100%;} .main-nav .mega-full-width > .dt-mega-menu-wrap .sub-nav .sub-nav, .main-nav .mega-full-width > .dt-mega-menu-wrap .sub-nav .sub-nav ul, .main-nav .mega-auto-width > .dt-mega-menu-wrap .sub-nav .sub-nav, .main-nav .mega-auto-width > .dt-mega-menu-wrap .sub-nav .sub-nav ul{width: auto;} .masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-menu-wrap .dt-mega-parent{position: static; display: -ms-inline-flexbox; display: -ms-inline-flex; display: inline-flex; -ms-flex-flow: column wrap; flex-flow: column wrap; padding: 0 10px 0; box-sizing: border-box;} .masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-menu-wrap .dt-mega-parent > .sub-nav > li:last-child{padding-bottom: 0; margin-bottom: 0;} .masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav, .masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav.right-overflow{position: relative; left: auto !important; top: auto; max-width: 100%; padding: 0; background: none; box-shadow: none;} .rtl .masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav, .rtl .masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav.right-overflow{right: auto; left: auto !important;} .side-header .main-nav .new-column{display: none;} .sub-downwards.side-header .main-nav .sub-nav li.dt-mega-parent .sub-nav{padding-top: 0; padding-bottom: 0;} .masthead.side-header:not(.sub-downwards) .mega-full-width > .dt-mega-menu-wrap .sub-nav-widgets, .masthead.side-header:not(.sub-downwards) .mega-auto-width > .dt-mega-menu-wrap .sub-nav-widgets{width: 100%;} .masthead:not(.sub-downwards) .dt-mega-parent > .mega-menu-img-right_top, .mobile-main-nav .mega-menu-img-right_top, .masthead:not(.sub-downwards) .dt-mega-parent > .mega-menu-img-left_top, .mobile-main-nav .mega-menu-img-left_top{-ms-align-content: flex-start; align-content: flex-start;} .masthead:not(.sub-downwards) .mega-menu-img-right_top .menu-item-text, .masthead:not(.sub-downwards) .mega-menu-img-left_top .menu-item-text{-ms-align-self: flex-start; -ms-flex-item-align: flex-start; align-self: flex-start;} .masthead:not(.sub-downwards) .mega-menu-img-right_top .subtitle-text, .masthead:not(.sub-downwards) .mega-menu-img-left_top .subtitle-text{-ms-align-self: flex-start; -ms-flex-item-align: flex-start; align-self: flex-start; width: 100%;} .top-header .main-nav > li:not(.dt-mega-parent) > a.mega-menu-img-top, .top-header .main-nav > li:not(.dt-mega-parent) > a.mega-menu-img-top_align_left{-ms-flex-flow: column wrap; flex-flow: column wrap;} .masthead:not(.sub-downwards) .main-nav > li:not(.dt-mega-parent) > a.mega-menu-img-top_align_left{-ms-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start;} .top-header .main-nav > li:not(.dt-mega-parent) > a.mega-menu-img-top .menu-text{text-align: center;} .masthead:not(.sub-downwards) .sub-nav > li > a.mega-menu-img-right_top .menu-item-text, .dt-mobile-header .sub-nav > li > a.mega-menu-img-right_top .menu-item-text, .masthead:not(.sub-downwards) .sub-nav > li > a.mega-menu-img-right .menu-item-text, .dt-mobile-header .sub-nav > li > a.mega-menu-img-right .menu-item-text{width: 100%; -ms-flex-pack: space-between; -ms-justify-content: space-between; justify-content: space-between;} .masthead:not(.sub-downwards) .sub-nav > li:not(.dt-mega-parent) > a.mega-menu-img-top{text-align: center;} .main-nav .dt-mega-menu .post-rollover i, .main-nav .dt-mega-menu .rollover i{padding: 0;} .masthead:not(.sub-downwards) .main-nav .dt-mega-menu-wrap{background-color: #ffffff;} .top-header .main-nav .dt-mega-menu-wrap, .sub-sideways .main-nav .dt-mega-menu-wrap{padding: 20px 10px 20px 10px;} .masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-menu-wrap .dt-mega-parent{padding: 0px 10px 0px 10px;} .main-nav .sub-nav > li.dt-mega-parent:not(.empty-title) > a, .sub-downwards .main-nav .sub-nav > li.dt-mega-parent.empty-title > a{padding: 9px 10px 9px 10px;} .main-nav .sub-nav:first-child > li.dt-mega-parent.has-children:not(.has-widget) > a, .main-nav .sub-nav:first-child > li.dt-mega-parent.has-children.has-widget > .sub-nav-widgets, .sub-downwards .main-nav .sub-nav:first-child > li.dt-mega-parent.empty-title.has-children:not(.has-widget) > a, .sub-downwards .main-nav .sub-nav:first-child > li.dt-mega-parent.empty-title.has-children.has-widget > .sub-nav-widgets{margin-bottom: 0px;} .main-nav > li > a > span > span.menu-subtitle{color: rgba(255,255,255,0.4);} .main-nav .sub-nav > li.dt-mega-parent > a .menu-text{font: 700 16px / 22px "Roboto", Helvetica, Arial, Verdana, sans-serif; text-transform: uppercase; color: #333333;} .main-nav .sub-nav > li.dt-mega-parent:not(.act):not(.wpml-ls-item) > a:not(.not-clickable-item):hover .menu-text{color: #1e73be; background: -webkit-linear-gradient(left, #1e73be 30%, #eeee22 99%); color: transparent; -webkit-background-clip: text; background-clip: text;} .main-nav .sub-nav > li.dt-mega-parent.current-menu-item > a .menu-text{color: #8224e3; background: -webkit-linear-gradient(left, #8224e3 30%, #eeee22 100%); color: transparent; -webkit-background-clip: text; background-clip: text;} .main-nav .sub-nav > li.dt-mega-parent > a .subtitle-text{font: normal 10px / 14px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: #333333;} .main-nav .sub-nav .mega-menu-img > i, .main-nav .sub-nav .mega-menu-img > span > i, .mobile-main-nav .sub-nav .mega-menu-img > i, .mobile-main-nav .sub-nav .mega-menu-img > span > i{display: inline-block;} .main-nav .dt-mega-menu .sub-nav .dt-mega-parent > a > i, .main-nav .dt-mega-menu .sub-nav .dt-mega-parent > a > span i{font-size: 16px; color: #333333;} .main-nav .dt-mega-menu .sub-nav .dt-mega-parent:not(.current-menu-item) > a:not(.not-clickable-item):hover i{color: #1e73be;} .main-nav .dt-mega-menu .sub-nav .dt-mega-parent.current-menu-item > a i{color: #8224e3;} .top-header .main-nav .mega-auto-width > .dt-mega-menu-wrap, .sub-sideways .main-nav .mega-auto-width > .dt-mega-menu-wrap{min-width: 260px;} .masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent{width: 260px;} .masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-1 > .dt-mega-menu-wrap{width: 280px;} .masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-2 > .dt-mega-menu-wrap{width: 540px;} .masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-3 > .dt-mega-menu-wrap{width: 800px;} .masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-4 > .dt-mega-menu-wrap{width: 1060px;} .masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-5 > .dt-mega-menu-wrap{width: 1320px;} .main-nav li.dt-mega-menu .mega-menu-img >.the7-svg-image{width: 16px;} .mini-search.show-on-desktop.near-logo-first-switch input{width: calc(100vw - 659px); max-width: 761px;} .mini-search.show-on-desktop.near-logo-first-switch{position: absolute; left: 161px;} .header-bar{position: relative;} .shopping-cart-inner{position: relative; display: flex; flex-flow: column wrap; width: 240px; padding: 20px 20px 20px; background-color: rgb(255 255 255); text-align: left; box-sizing: border-box; -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.2)); filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.2)); -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0);} .main-nav{background: #6A2FFF; border-radius: 99px; padding: 0 6px 0px 6px;} .masthead .shopping-cart{padding: 9px 16px; border: 1px solid #6A2FFF; border-radius: 99px;} .the7-mw-icon-login-bold:before, .branding .wc-ico-cart i{color: #6A2FFF;} .accent-gradient .wc-ico-cart > .counter, .accent-gradient .wc-ico-cart > .counter.gradient-bg, .wc-ico-cart > .counter.gradient-bg{background: #6A2FFF;} .searchform, .mini-search.show-on-desktop.near-logo-first-switch input{max-width: 265px;} .mini-search.show-on-desktop.near-logo-first-switch{right: 567px; left: auto;} .searchform, .mini-search.show-on-desktop.near-logo-first-switch input{max-width: 530px;} /* ===== sdk-header-nav-cart.css ===== */ /** * Шапка SDK: корзина (pill + иконка) и активный пункт меню (белая pill). */ /* --- Навигация: активная и hover ссылка --- */ .top-header .active-bg-decoration > li.act > a, .top-header .hover-bg-decoration > li.act > a, .masthead .active-bg-decoration > li.act > a { background-color: #ffffff !important; background-image: none !important; } .top-header .hover-bg-decoration > li:not(.act) > a:hover, .top-header .hover-bg-decoration > li.dt-hovered:not(.act) > a, .masthead .hover-bg-decoration > li:not(.act) > a:hover, .masthead .hover-bg-decoration > li.dt-hovered:not(.act) > a { background-color: #ffffff !important; background-image: none !important; } .top-header .main-nav > li.act:not(.wpml-ls-item) > a, .top-header .main-nav > li.act:not(.wpml-ls-item) > a .menu-text, .top-header .main-nav > li.act:not(.wpml-ls-item) > a .menu-item-text, .top-header .main-nav > li.act:not(.wpml-ls-item) > a > span, .top-header .main-nav > li.act:not(.wpml-ls-item) > a > span .menu-text, .masthead .main-nav > li.act:not(.wpml-ls-item) > a, .masthead .main-nav > li.act:not(.wpml-ls-item) > a .menu-text, .masthead .main-nav > li.act:not(.wpml-ls-item) > a > span, .masthead .main-nav > li.act:not(.wpml-ls-item) > a > span .menu-text { color: #333333 !important; } .light-preset-color.masthead .active-bg-decoration > li.act > a, .light-preset-color.accent-gradient.masthead .active-bg-decoration > li.act > a, body.accent-gradient .masthead .active-bg-decoration > li.act > a { background-color: #ffffff !important; background-image: none !important; } .light-preset-color.masthead .main-nav > li.act > a > span, .light-preset-color.masthead .main-nav > li.act > a .menu-text, .light-preset-color.masthead .main-nav > li.act:not(.wpml-ls-item) > a, .light-preset-color.masthead .main-nav > li.act:not(.wpml-ls-item) > a .menu-text { color: #333333 !important; } /* --- My account + корзина (иконки icomoon-the7-font из SDK) --- */ .masthead .mini-login .submit { display: inline-flex; align-items: center; gap: 6px; color: #0a0a0a; text-decoration: none; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-weight: 500; } .masthead .mini-login .submit i.the7-mw-icon-login-bold, .masthead .mini-contacts i.the7-mw-icon-phone-bold, .masthead .wc-ico-cart i.icomoon-the7-font-the7-cart-002 { font-family: icomoon-the7-font !important; font-style: normal; font-weight: 400; font-size: 16px; line-height: 1; color: var(--sdk-accent, #6a2fff) !important; display: inline-block; } .masthead .shopping-cart, .masthead .wc-shopping-cart { padding: 9px 16px; border: 1px solid var(--sdk-accent, #6a2fff); border-radius: 99px; background: #ffffff; } .masthead .wc-ico-cart { display: inline-flex; align-items: center; gap: 8px; color: var(--sdk-accent, #6a2fff) !important; text-decoration: none; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-weight: 500; line-height: 1; } .masthead .wc-ico-cart > .counter { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 5px; margin: 0; border-radius: 50%; background: var(--sdk-accent, #6a2fff) !important; color: #ffffff !important; font-size: 11px; font-weight: 600; line-height: 1; } .masthead .round-counter-style .wc-ico-cart > .counter { margin-left: 0; border-radius: 14px; } .mobile-header-bar .shopping-cart, .mobile-header-bar .wc-shopping-cart { padding: 7px 12px; border: 1px solid var(--sdk-accent, #6a2fff); border-radius: 99px; background: #ffffff; } .mobile-header-bar .wc-ico-cart { color: var(--sdk-accent, #6a2fff) !important; } .mobile-header-bar .wc-ico-cart > .counter { background: var(--sdk-accent, #6a2fff) !important; color: #ffffff !important; } .mobile-header-bar .mini-login .submit i.the7-mw-icon-login-bold, .mobile-header-bar .wc-ico-cart i.icomoon-the7-font-the7-cart-002 { font-family: icomoon-the7-font !important; color: var(--sdk-accent, #6a2fff) !important; } /* --- Мини-корзина: показ при наведении (desktop) --- */ .masthead .wc-shopping-cart.show-sub-cart .shopping-cart-wrap, .mobile-header-bar .wc-shopping-cart.show-sub-cart .shopping-cart-wrap { transition: opacity 0.15s ease, visibility 0.15s ease; } .masthead .wc-shopping-cart.show-sub-cart .shopping-cart-wrap::before { content: ""; position: absolute; top: -10px; left: 0; right: 0; height: 10px; } @media (min-width: 992px) { .masthead .wc-shopping-cart.show-sub-cart:hover .shopping-cart-wrap, .masthead .wc-shopping-cart.show-sub-cart.dt-hovered .shopping-cart-wrap { visibility: visible !important; opacity: 1 !important; } } .masthead .shopping-cart-inner, .mobile-header-bar .shopping-cart-inner { background-color: #ffffff !important; } /* --- Кнопки мини-корзины (SDK accent, как View cart в каталоге) --- */ .masthead .shopping-cart-inner a.button.view-cart, .masthead .shopping-cart-inner a.button.checkout, .mobile-header-bar .shopping-cart-inner a.button.view-cart, .mobile-header-bar .shopping-cart-inner a.button.checkout { display: inline-flex !important; align-items: center; justify-content: center; width: 100%; min-height: 40px; margin: 0 0 8px !important; padding: 10px 22px !important; background: var(--sdk-accent, #6a2fff) !important; color: #ffffff !important; border: none !important; border-radius: var(--sdk-radius-btn, 99px) !important; box-shadow: none !important; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 13px; font-weight: 600; line-height: 1.2 !important; text-decoration: none !important; text-transform: none; transition: background 0.25s ease, color 0.25s ease; } .masthead .shopping-cart-inner a.button.view-cart:hover, .masthead .shopping-cart-inner a.button.checkout:hover, .mobile-header-bar .shopping-cart-inner a.button.view-cart:hover, .mobile-header-bar .shopping-cart-inner a.button.checkout:hover, .masthead .shopping-cart-inner a.button.checkout:hover > span, .mobile-header-bar .shopping-cart-inner a.button.checkout:hover > span, .masthead .shopping-cart-inner a.button.view-cart:hover > span, .mobile-header-bar .shopping-cart-inner a.button.view-cart:hover > span { background: #5720e0 !important; color: #ffffff !important; } .masthead .shopping-cart-inner .buttons:last-child, .mobile-header-bar .shopping-cart-inner .buttons:last-child { margin-bottom: 0; } .shopping-cart-inner a.twirion-mini-cart-title, .masthead .shopping-cart-inner .twirion-mini-cart-title, .mobile-header-bar .shopping-cart-inner .twirion-mini-cart-title { color: var(--sdk-accent-blue, #1ebbf0) !important; } .shopping-cart-inner a.twirion-mini-cart-title:hover { color: var(--sdk-green, #1bc365) !important; } .masthead .shopping-cart-inner a.button.view-cart, .masthead .shopping-cart-inner a.button.checkout, .mobile-header-bar .shopping-cart-inner a.button.view-cart, .mobile-header-bar .shopping-cart-inner a.button.checkout { height: auto !important; min-height: 40px !important; max-height: none !important; } /* --- Dropdown не обрезается #page --- */ #page { overflow: visible !important; } .masthead, .masthead .branding, .masthead .mini-widgets, .masthead .wc-shopping-cart { overflow: visible !important; } .masthead .shopping-cart-wrap, .mobile-header-bar .shopping-cart-wrap { z-index: 10050; overflow: visible; right: 0; } /* --- Панель мини-корзины (SDK / Kanit) --- */ .masthead .shopping-cart-inner, .mobile-header-bar .shopping-cart-inner { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; width: 340px !important; max-width: min(340px, calc(100vw - 24px)) !important; padding: 16px !important; background: #ffffff !important; border: 1px solid var(--sdk-border, rgba(0, 0, 0, 0.1)); border-radius: var(--sdk-radius-card, 25px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12); -webkit-filter: none !important; filter: none !important; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 14px; line-height: 1.4; overflow: visible !important; height: auto !important; min-height: 0 !important; box-sizing: border-box; text-align: left !important; } .masthead .shopping-cart-inner::before, .mobile-header-bar .shopping-cart-inner::before { border-bottom-color: #ffffff !important; } .shopping-cart-inner .buttons.top-position { display: none !important; } .shopping-cart-inner .buttons { overflow: visible !important; margin: 0; flex-shrink: 0; } .shopping-cart-inner .shopping-cart-bottom { flex-shrink: 0; overflow: visible !important; } /* Список товаров */ .shopping-cart-inner .cart_list.product_list_widget { list-style: none; margin: 0 0 4px; padding: 0; max-height: 300px; overflow-x: hidden; overflow-y: auto; } .shopping-cart-inner .cart_list.product_list_widget.empty { margin-bottom: 0; } .shopping-cart-inner .cart_list.product_list_widget.empty li { padding: 20px 8px; text-align: center; font-size: 14px; font-weight: 400; color: var(--sdk-text-muted, #333333) !important; } .shopping-cart-inner .twirion-mini-cart-item { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--sdk-border); position: relative; grid-template-columns: unset !important; grid-template-areas: unset !important; } .shopping-cart-inner .twirion-mini-cart-item:last-child { border-bottom: none; padding-bottom: 0; } .shopping-cart-inner .twirion-mini-cart-thumb { flex: 0 0 64px; width: 64px; display: block; line-height: 0; } .shopping-cart-inner .twirion-mini-cart-thumb img { width: 64px; height: 64px; object-fit: cover; border-radius: 12px; border: 1px solid var(--sdk-border); } .shopping-cart-inner .twirion-mini-cart-meta { flex: 1 1 auto; min-width: 0; padding-right: 0; } .shopping-cart-inner .twirion-mini-cart-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 2px; } .shopping-cart-inner .twirion-mini-cart-title { display: block; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 13px; font-weight: 500; line-height: 1.35; color: var(--sdk-accent-blue, #1ebbf0) !important; text-decoration: none; margin: 0 0 4px; word-wrap: break-word; overflow-wrap: break-word; } .masthead .shopping-cart-inner .quantity, .mobile-header-bar .shopping-cart-inner .quantity, .shopping-cart-inner .twirion-mini-cart-meta .quantity { display: block !important; flex: 1 1 auto; min-width: 0; margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; outline: none !important; background: transparent !important; font-family: var(--sdk-price-font, "Libre Franklin", sans-serif) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.3 !important; color: var(--sdk-text-muted, #333333) !important; white-space: nowrap; } .masthead .shopping-cart-inner .quantity *, .mobile-header-bar .shopping-cart-inner .quantity *, .shopping-cart-inner .twirion-mini-cart-meta .quantity * { display: inline !important; color: var(--sdk-text-muted, #333333) !important; opacity: 1 !important; } .shopping-cart-inner .twirion-mini-cart-actions a.remove, .masthead .shopping-cart-inner .twirion-mini-cart-actions a.remove, .mobile-header-bar .shopping-cart-inner .twirion-mini-cart-actions a.remove { position: static !important; top: auto !important; left: auto !important; right: auto !important; flex: 0 0 auto; display: inline-flex !important; align-items: center; justify-content: center; width: auto; height: auto; margin: 0 !important; padding: 0 !important; border: none !important; border-radius: 0; background: none !important; color: var(--sdk-accent, #6a2fff) !important; font-size: 0 !important; line-height: 1 !important; text-decoration: none; transition: color 0.2s ease, opacity 0.2s ease; } .shopping-cart-inner .twirion-mini-cart-actions a.remove svg, .masthead .shopping-cart-inner .twirion-mini-cart-actions a.remove svg, .mobile-header-bar .shopping-cart-inner .twirion-mini-cart-actions a.remove svg { display: block; width: 16px; height: 16px; pointer-events: none; } .shopping-cart-inner .twirion-mini-cart-actions a.remove:hover, .masthead .shopping-cart-inner .twirion-mini-cart-actions a.remove:hover, .mobile-header-bar .shopping-cart-inner .twirion-mini-cart-actions a.remove:hover { background: none !important; border: none !important; color: var(--sdk-accent, #6a2fff) !important; opacity: 0.7; } /* Subtotal + footer */ .shopping-cart-inner .shopping-cart-bottom { margin-top: 8px; } .shopping-cart-inner .total { margin: 0 0 12px; padding-top: 12px; border-top: 1px solid var(--sdk-border); font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 400; color: var(--sdk-text-muted, #333333) !important; } .shopping-cart-inner .total strong { font-weight: 600; color: var(--sdk-text-muted, #333333) !important; } .masthead .shopping-cart-inner .buttons:last-child a.button.checkout, .mobile-header-bar .shopping-cart-inner .buttons:last-child a.button.checkout { margin-bottom: 0 !important; } .masthead .shopping-cart-inner .total .woocommerce-Price-amount, .masthead .shopping-cart-inner .total .amount, .masthead .shopping-cart-inner .total .amount * { display: inline !important; color: var(--sdk-text, #111111) !important; font-weight: 600; } /* Перебить legacy grid/flex из sdk-header-bar.css */ .masthead .shopping-cart-inner .cart_list.product_list_widget > li, .mobile-header-bar .shopping-cart-inner .cart_list.product_list_widget > li, .masthead .shopping-cart-inner .product_list_widget:not(.empty) > li, .mobile-header-bar .shopping-cart-inner .product_list_widget:not(.empty) > li { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 12px !important; grid-template-columns: unset !important; grid-template-areas: unset !important; width: 100% !important; } .masthead .shopping-cart-inner .cart_list.product_list_widget > li > a:first-child, .mobile-header-bar .shopping-cart-inner .cart_list.product_list_widget > li > a:first-child { flex: 0 0 64px !important; width: 64px !important; float: none !important; grid-area: unset !important; } .masthead .shopping-cart-inner .cart_list.product_list_widget > li > .quantity, .mobile-header-bar .shopping-cart-inner .cart_list.product_list_widget > li > .quantity, .masthead .shopping-cart-inner .twirion-mini-cart-meta, .mobile-header-bar .shopping-cart-inner .twirion-mini-cart-meta { flex: 1 1 auto !important; min-width: 0 !important; grid-area: unset !important; } .masthead .shopping-cart-inner .cart_list.product_list_widget > li > a, .masthead .shopping-cart-inner .cart_list.product_list_widget > li .twirion-mini-cart-title, .mobile-header-bar .shopping-cart-inner .cart_list.product_list_widget > li > a, .mobile-header-bar .shopping-cart-inner .cart_list.product_list_widget > li .twirion-mini-cart-title { font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 13px !important; line-height: 1.35 !important; text-transform: none !important; } .masthead .shopping-cart-inner .cart_list.product_list_widget > li img, .mobile-header-bar .shopping-cart-inner .cart_list.product_list_widget > li img, .masthead .shopping-cart-inner .twirion-mini-cart-thumb img, .mobile-header-bar .shopping-cart-inner .twirion-mini-cart-thumb img { display: block !important; width: 64px !important; height: 64px !important; max-width: 64px !important; object-fit: cover !important; border-radius: 12px !important; border: 1px solid var(--sdk-border) !important; } .masthead .shopping-cart-inner .cart_list.product_list_widget > li .quantity, .mobile-header-bar .shopping-cart-inner .cart_list.product_list_widget > li .quantity { margin-top: 4px !important; } /* Мини-корзина на мобиле: по центру, сразу под .mobile-header-bar (в т.ч. sticky-mobile-on) */ @media (max-width: 991px) { .masthead .mobile-header-bar .wc-shopping-cart .shopping-cart-wrap, .mobile-header-bar .wc-shopping-cart .shopping-cart-wrap { position: fixed !important; left: 50% !important; right: auto !important; top: calc(var(--twirion-mobile-bar-bottom, 60px) + 8px) !important; transform: translateX(-50%); width: auto; max-width: calc(100vw - 24px); } .sticky-mobile-header .mobile-header-bar.sticky-mobile-on .shopping-cart-wrap { top: calc(var(--twirion-mobile-header-bar-height, 60px) + 8px) !important; } .masthead .shopping-cart-inner, .mobile-header-bar .shopping-cart-inner { margin-left: auto !important; margin-right: auto !important; } .masthead .shopping-cart-inner::before, .mobile-header-bar .shopping-cart-inner::before { display: block !important; left: auto !important; right: 20px !important; } .masthead .right-overflow .shopping-cart-inner::before, .mobile-header-bar .right-overflow .shopping-cart-inner::before, .masthead .bottom-overflow .shopping-cart-inner::before, .mobile-header-bar .bottom-overflow .shopping-cart-inner::before { left: auto !important; right: 20px !important; } } /* ===== sdk-footer.css ===== */ /* SDK footer styles extracted from sdk-main-copy/index.html */ /* sdk-front.css footer trust block */ /* ========================================= 1. UTILITIES ========================================= */ :root { --sdk-trust-bg: #F8F9FA; --sdk-trust-text: #333333; } .sdk-announcement-bar, .sdk-header-trust-bar, .sdk-footer-trust-bar, .sdk-announcement-bar *, .sdk-header-trust-bar *, .sdk-footer-trust-bar * { box-sizing: border-box; } /* ========================================= 2. ANNOUNCEMENT BAR NEW ========================================= */ .sdk-announcement-bar { /* Variables set inline in PHP: --ann-bg, --ann-text, etc. */ background-color: var(--ann-bg, #6A2FFF); color: var(--ann-text, #ffffff); font-size: var(--ann-font-size, 14px); font-weight: var(--ann-font-weight, 400); font-style: var(--ann-font-style, normal); text-transform: var(--ann-transform, none); text-decoration: none; width: 100%; position: relative; z-index: 9999; display: block; overflow: hidden; line-height: 1.5; border: none; } .sdk-announcement-bar:hover { text-decoration: none; color: var(--ann-text, #ffffff); } .sdk-announcement-bar img { display: inline-block; vertical-align: middle; max-height: 1.2em; /* Scale with font size */ width: auto; } /* --- Static Mode --- */ .sdk-announcement-bar.is-static { padding: 10px 15px; text-align: center; } .sdk-static-content { display: flex; justify-content: center; align-items: center; gap: var(--ann-gap, 30px); } .sdk-ann-separator { color: var(--ann-sep-color, #ffffff); display: inline-flex; align-items: center; } /* --- Marquee Mode --- */ .sdk-announcement-bar.is-marquee { padding: 8px 0; /* Vertical padding only */ display: flex; } .sdk-marquee-wrap { display: flex; width: 100%; overflow: hidden; white-space: nowrap; } .sdk-marquee-content { display: flex; align-items: center; flex-shrink: 0; animation: sdk-scroll var(--ann-duration, 20s) linear infinite; animation-direction: var(--ann-direction, normal); /* Support hover pause */ } /* Add Gaps */ .sdk-marquee-content .sdk-ann-separator { margin: 0 var(--ann-gap, 30px); /* Only horizontal margin */ } /* If ONLY text (no separators), add standard gap */ .sdk-marquee-content:not(:has(.sdk-ann-separator)) .sdk-ann-item { margin-right: var(--ann-gap, 50px); } .sdk-announcement-bar:hover .sdk-marquee-content { animation-play-state: var(--ann-play-state, running); } @keyframes sdk-scroll { from { transform: translateX(0); } to { transform: translateX(-100%); } } /* Mobile Adjustments */ @media (max-width: 767px) { .sdk-announcement-bar { font-size: calc(var(--ann-font-size, 14px) * 0.9); /* 90% size */ padding: 8px 10px; } .sdk-static-content { gap: 15px; /* Smaller gap */ flex-wrap: wrap; /* Allow static to wrap if long */ } .sdk-ann-separator { margin: 0 15px; /* Smaller gap marquee */ } } /* ========================================= 3. HEADER TRUST BAR ========================================= */ .sdk-header-trust-bar { width: 100%; background-color: var(--sdk-trust-bg); color: var(--sdk-trust-text); border-bottom: 1px solid #E0E0E0; padding: 10px 15px; font-size: 14px; line-height: 1.5; position: relative; z-index: 9998; } .sdk-header-trust-bar .sdk-container { max-width: 1200px; margin: 0 auto; text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px; } .sdk-trust-item { display: inline-flex; align-items: center; white-space: nowrap; } .sdk-trust-item .sdk-icon { margin-right: 6px; font-size: 1.1em; } .sdk-trust-item .sdk-icon-img { margin-right: 6px; vertical-align: middle; height: 16px; width: auto; } .sdk-separator { color: #ccc; margin: 0 2px; } @media (max-width: 991px) { .sdk-header-trust-bar { padding: 8px 15px; font-size: 13px; } } @media (max-width: 767px) { .sdk-header-trust-bar .sdk-container { gap: 6px 12px; } .sdk-trust-item { font-size: 12px; } .sdk-separator { display: none; } .sdk-trust-item.sdk-hide-mobile { display: none; } } @media (max-width: 480px) { .sdk-header-trust-bar { padding: 6px 10px; } .sdk-trust-item { font-size: 11px; } } /* ========================================= 4. FOOTER TRUST & PAYMENTS ========================================= */ .sdk-footer-trust-bar { padding: 25px 0; background: #1d172c; width: 100%; z-index: 100; position: relative; } .sdk-footer-trust-bar .sdk-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } .sdk-footer-trust-bar.center .sdk-container { text-align: center; } .sdk-footer-trust-bar.left .sdk-container { text-align: left; } .sdk-footer-trust-bar.right .sdk-container { text-align: right; } .sdk-payment-icons { display: flex; gap: 15px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; } .sdk-footer-trust-bar.center .sdk-payment-icons { justify-content: center; } .sdk-footer-trust-bar.left .sdk-payment-icons { justify-content: flex-start; } .sdk-footer-trust-bar.right .sdk-payment-icons { justify-content: flex-end; } .sdk-payment-icon { display: inline-block; vertical-align: middle; } .sdk-payment-icon img { height: var(--sdk-icon-height, 38px); width: auto; object-fit: contain; display: block; } .sdk-payment-icon svg { height: var(--sdk-icon-height, 38px); width: auto; display: block; } .sdk-footer-text { color: #cccccc; font-size: 14px; line-height: 1.5; } @media (max-width: 767px) { .sdk-footer-trust-bar { padding: 20px 0; } .sdk-payment-icons { gap: 10px; margin-bottom: 10px; justify-content: center !important; } .sdk-footer-text { text-align: center !important; font-size: 13px; } .sdk-payment-icon img, .sdk-payment-icon svg { height: calc(var(--sdk-icon-height, 38px) * 0.8); } } .sdk-announcement-bar, .sdk-header-trust-bar, .sdk-footer-trust-bar, .sdk-announcement-bar *, .sdk-header-trust-bar *, .sdk-footer-trust-bar *{box-sizing: border-box;} /* ========================================= 4. FOOTER TRUST & PAYMENTS ========================================= */ .sdk-footer-trust-bar{padding: 25px 0; background: #1d172c; width: 100%; z-index: 100; position: relative;} .sdk-footer-trust-bar .sdk-container{max-width: 1200px; margin: 0 auto; padding: 0 15px;} .sdk-footer-trust-bar.center .sdk-container{text-align: center;} .sdk-footer-trust-bar.left .sdk-container{text-align: left;} .sdk-footer-trust-bar.right .sdk-container{text-align: right;} .sdk-payment-icons{display: flex; gap: 15px; align-items: center; flex-wrap: wrap; margin-bottom: 12px;} .sdk-footer-trust-bar.center .sdk-payment-icons{justify-content: center;} .sdk-footer-trust-bar.left .sdk-payment-icons{justify-content: flex-start;} .sdk-footer-trust-bar.right .sdk-payment-icons{justify-content: flex-end;} .sdk-payment-icon{display: inline-block; vertical-align: middle;} .sdk-payment-icon img{height: var(--sdk-icon-height, 38px); width: auto; object-fit: contain; display: block;} .sdk-payment-icon svg{height: var(--sdk-icon-height, 38px); width: auto; display: block;} .sdk-footer-text{color: #cccccc; font-size: 14px; line-height: 1.5;} .widget-fa-icon{width:100%;height:100%;display:inline-block;vertical-align:middle;color:#fff} .footer-overlap.responsive-off #page{grid-template-areas:"header" "page-inner" "slider" "title" "fancyheader" "elementor-header" "checkout" "main" "footer"} .footer-overlap.responsive-off.header-side-left:not(.sticky-header) #page,.footer-overlap.responsive-off.header-side-line.left-side-line #page{grid-template-areas:"header-side page-inner" "header-side footer"} .footer-overlap.responsive-off.header-side-right:not(.sticky-header) #page{grid-template-areas:"page-inner header-side" "footer header-side"} .footer-overlap.floating-navigation-below-slider.responsive-off .page-inner{display:grid;grid-template-rows:auto;grid-template-columns:100%;grid-template-areas:"slider" "header" "title" "fancyheader" "elementor-header" "checkout" "main" "footer"} .no-cssgridlegacy.no-cssgrid .wf-container-main:before,.no-cssgridlegacy.no-cssgrid .wf-container:before{content:"";display:table} .no-cssgridlegacy.no-cssgrid .wf-container-main:after,.no-cssgridlegacy.no-cssgrid .wf-container:after{content:"";display:table;clear:both} .ancient-ie .no-cssgridlegacy.no-cssgrid .wf-container,.ancient-ie .no-cssgridlegacy.no-cssgrid .wf-container-main{zoom:1} .footer{-ms-grid-column:1;-ms-grid-row:6;grid-area:footer} .is-safari .footer{max-width:100%} .header-side-left:not(.sticky-header) .footer,.header-side-line.left-side-line .footer{-ms-grid-column:2} .header-side-right:not(.sticky-header) .footer{-ms-grid-column:1} .responsive-off #main:not(.sidebar-none) .wf-container-main{display:-ms-grid;display:grid} .responsive-off .sidebar-right .wf-container-main{grid-template-areas:"content sidebar"} .responsive-off .sidebar-left .wf-container-main{grid-template-areas:"sidebar content"} .content,.sidebar,.wf-cell,.wf-usr-cell,.wf-wrap,.wpb_row{box-sizing:border-box} .footer .widget,.wf-cell,.wf-usr-cell{display:inline-block;vertical-align:top;padding:0 22px} .ancient-ie .footer .widget,.ancient-ie .wf-cell,.ancient-ie .wf-usr-cell{display:inline;zoom:1} .wf-1-5{width:20%} .wf-container{font-size:0;line-height:0;word-spacing:-4px;margin:0 -22px;padding:0} .wf-wrap{max-width:100%;padding:0 44px;margin:0 auto} #fancy-header>.wf-wrap{position:relative;z-index:1;max-width:100%} .page-title.overlay-bg .wf-wrap{position:relative;z-index:1} .page-title .wf-wrap{position:relative} .page-title .wf-wrap:after{position:absolute;width:100%;bottom:0;content:""} .page-title.disabled-bg .wf-wrap:after,.page-title.full-width-line .wf-wrap:after,.page-title.gradient-bg .wf-wrap:after,.page-title.solid-bg .wf-wrap:after,.page-title.transparent-bg .wf-wrap:after{display:none} .fancy-header>.wf-wrap,.page-title>.wf-wrap{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;box-sizing:border-box} .content-left>.wf-wrap{-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;-ms-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-ms-flex-flow:column wrap;flex-flow:column wrap} .content-right>.wf-wrap{-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;-ms-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-ms-flex-flow:column wrap;flex-flow:column wrap} .title-center>.wf-wrap{-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-flow:column wrap;flex-flow:column wrap} .title-left>.wf-wrap,.title-right>.wf-wrap{-ms-flex-pack:space-between;-ms-justify-content:space-between;justify-content:space-between} .page-title .wf-container-title,.page-title.full-width-line{border-bottom:1px solid} .albums .post img,.blog .post img,.dt-albums-shortcode:not(.owl-carousel) img,.dt-blog-shortcode img,.dt-portfolio-shortcode:not(.owl-carousel) img,.images-container img,.media .post img,.portfolio .post img,.related-projects .rollover img,.related-projects .rollover-video img,.wf-container.iso-grid img,.wf-container.layout-masonry img{max-width:100%;width:100%;height:auto} .sidebar-left .sidebar.bg-under-widget,.sidebar-left .sidebar.solid-bg,.sidebar-right .sidebar.bg-under-widget,.sidebar-right .sidebar.solid-bg{border:none} .sidebar-left .sidebar.bg-under-widget,.sidebar-left .sidebar.solid-bg{padding-right:0} .sidebar-right .sidebar.bg-under-widget,.sidebar-right .sidebar.solid-bg{padding-left:0} .sidebar-left .wf-wrap:after,.sidebar-left .wf-wrap:before,.sidebar-right .wf-wrap:after,.sidebar-right .wf-wrap:before{content:"";display:table} .sidebar .widget,.sidebar-content .widget{padding:0} .bg-under-widget .sidebar-content .widget,.sidebar.bg-under-widget .widget,.solid-bg.sidebar-content .widget{margin-bottom:0;padding:25px} .sidebar.solid-bg .widget,.solid-bg .sidebar-content .widget,.solid-bg.sidebar-content .widget{padding-left:25px;padding-right:25px} .sidebar .widget-divider-off .widget,.sidebar-content.widget-divider-off .widget,.solid-bg.sidebar-content .widget{border-top:none} .bg-under-widget .sidebar-content .widget:first-child,.elementor-widget-sidebar .widget:first-child,.sidebar.bg-under-widget .widget:first-child,.solid-bg.sidebar-content .widget:first-child{margin-top:0} .content .sidebar-content:not(.solid-bg):not(.bg-under-widget) .widget:first-child,.elementor-widget-sidebar .widget:first-child,.sidebar:not(.solid-bg):not(.bg-under-widget) .widget:first-child{padding-top:0} .elementor-widget-sidebar .widget:first-child,.sidebar .widget:first-child,.sidebar-content .widget:first-child{border-top:none} .footer .widget{margin-bottom:30px} .widget:after,.widget:before{content:"";display:table;clear:both} .widget-info:not(:last-child){margin-bottom:10px} .content .widget ul{list-style:none} .widget-title{margin-bottom:15px;clear:both} #wp-calendar td.pad,.footer #wp-calendar td.pad{background:0 0!important;border:none} .widget .soc-ico:not(:last-child){padding:0px 0 10px} .bg-under-widget .custom-nav>li:last-child>ul,.custom-nav>li:last-child>ul,.solid-bg .custom-nav>li:last-child>ul{margin-bottom:-5px} .widget_nav_menu a{display:inline-block} .widget_nav_menu a:hover{text-decoration:none} .widget .recent-posts{padding-bottom:0} .widget .recent-posts li{margin-top:0} #footer .items-grid .alignleft,#footer .recent-posts .alignleft,#sidebar .items-grid .alignleft,#sidebar .recent-posts .alignleft{margin:0 15px 5px 0} .widget .tp_recent_tweets{margin-bottom:10px} .widget .tp_recent_tweets li .twitter_time{position:relative;padding:0 0 0 20px} .widget .tp_recent_tweets li{padding:15px 0 0;background-image:none} .widget .tp_recent_tweets li:first-child{margin-top:0;padding-top:0;border:none!important} .widget .tp_recent_tweets li .twitter_time:before{position:absolute;display:block;top:2px;left:0;width:15px;height:15px;content:"";background-position:0 0;background-repeat:no-repeat} .widget .tp_recent_tweets li:first-child:before{top:5px} .widget .tp_recent_tweets .twitter_time{font-style:normal} .widget .tp_recent_tweets .twitter_time:hover{text-decoration:underline} .content .searchform,.widget .searchform{position:relative} .content .searchform input,.widget .searchform input{padding-right:30px} .content .searchform .submit,.widget .searchform .submit,.widget .searchsubmit{position:absolute;top:0;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;right:11px;width:20px;height:100%;padding:0;text-decoration:none} .content .searchform .submit:hover,.widget .searchform .submit:hover,.widget .searchsubmit:hover{opacity:.7;cursor:pointer} .content .searchform .submit svg,.widget .searchform .submit svg,.widget .searchsubmit svg{width:16px} .widget .rsContW{padding-top:5px} .widget .testimonials{padding-bottom:0} .content .widget ol,.content .widget ul{margin:0 0 0px 0px} #footer .alignleft,#sidebar .alignleft{margin-right:20px} #footer .alignright,#sidebar .alignright{margin-left:20px} #main-nav:before,#top-bar:before,.header-bottom-bar:before,.layout-list .post:before,.wf-container:before{content:"";display:table} #main-nav:after,#top-bar:after,.header-bottom-bar:after,.layout-list .post:after,.wf-container:after{content:"";display:table;clear:both} .ancient-ie #main-nav,.ancient-ie #top-bar,.ancient-ie .header-bottom-bar,.ancient-ie .layout-list .post,.ancient-ie .wf-container{zoom:1} .footer-overlap #page{background:0 0} .fancy-parallax-bg>.wf-wrap,.page-title-parallax-bg>.wf-wrap{position:relative} .content .vc_row.full-width-wrap>.wpb_column,.full-width-wrap>.wf-cell,.full-width-wrap>.wpb_column,.full-width-wrap>.wpb_column>.vc_column-inner{padding-left:0;padding-right:0} .wpcf7 .wf-cell{padding:0 15px} .wpcf7 .wf-container{margin:0 -15px} .widget .slider-content{margin-bottom:25px} .widget .slider-content .owl-dots{top:100%} .dt-mega-parent .sidebar-content .widget .soc-ico a:hover .soc-font-icon{color:#fff!important} #footer .soc-ico a:hover .soc-font-icon,#main .soc-ico a:hover .soc-font-icon{color:#fff} .items-grid .wf-cell{margin-bottom:20px} .widget-box .mini-widgets{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center} .ph-wrap .widget-box{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center} .footer{padding:0} .footer.full-width-line.empty-footer{border:none} #bottom-bar.full-width-line .wf-container-bottom,#bottom-bar.solid-bg .wf-container-bottom,.empty-footer.solid-bg #bottom-bar.full-width-line,.empty-footer.solid-bg .wf-container-bottom,.footer.full-width-line .wf-container-footer,.footer.solid-bg .wf-container-footer{border-top:none} .header-side-left.footer-overlap #footer,.header-side-right.footer-overlap #footer,.overlay-navigation.header-side-line.footer-overlap #footer{box-sizing:border-box} .footer-overlap #page .page-inner{position:relative;z-index:100} .engage-opened.footer-overlap .page-inner{z-index:9400} .mobile-false .footer-overlap .footer{position:fixed;bottom:0;width:100%;z-index:99;opacity:0} .wf-container-footer{padding-top:50px} .footer .widget{box-sizing:border-box} #bottom-bar .wf-container-bottom{display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-between;-ms-justify-content:space-between;justify-content:space-between;box-sizing:border-box} .logo-center#bottom-bar .wf-container-bottom{-ms-flex-flow:column wrap;flex-flow:column wrap;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center} .footer-sub-nav{position:absolute;visibility:hidden;z-index:200;bottom:100%;left:0;width:240px;opacity:0;background:#fff;box-shadow:0px 0px 4px rgba(0,0,0,.2)} .footer-sub-nav>li{position:relative;display:block;padding:0 10px;box-sizing:border-box} .footer-sub-nav>li:first-child{padding-top:10px} .footer-sub-nav>li:last-child{padding-bottom:10px} .footer-sub-nav>li a{padding:5px} .footer-sub-nav>li a .menu-text,.footer-sub-nav>li a .subtitle-text{color:#222} .footer-sub-nav .footer-sub-nav{bottom:0;left:241px!important} .rtl .footer-sub-nav .footer-sub-nav{right:241px;left:auto!important} .footer-sub-nav .footer-sub-nav.right-overflow{left:-241px!important} .rtl .footer-sub-nav .footer-sub-nav.right-overflow{right:-241px;left:auto!important} .description-on-hover>.wf-cell .rollover i{visibility:hidden} .description-on-hover>.wf-cell .description-off .rollover i,.description-on-hover>.wf-cell .forward-post .rollover i{visibility:visible} .filter-grayscale .content img,.filter-grayscale .footer img,.filter-grayscale .map-container,.filter-grayscale .royalSlider img,.filter-grayscale .shortcode-banner,.filter-grayscale .sidebar img,.filter-grayscale embed,.filter-grayscale iframe,.filter-grayscale object,.filter-grayscale-static .content img,.filter-grayscale-static .footer img,.filter-grayscale-static .map-container,.filter-grayscale-static .royalSlider img,.filter-grayscale-static .shortcode-banner,.filter-grayscale-static .sidebar img,.filter-grayscale-static embed,.filter-grayscale-static iframe,.filter-grayscale-static object{-webkit-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);filter:gray} .mobile-false .filter-grayscale .content img,.mobile-false .filter-grayscale .footer img,.mobile-false .filter-grayscale .map-container,.mobile-false .filter-grayscale .royalSlider img,.mobile-false .filter-grayscale .shortcode-banner,.mobile-false .filter-grayscale .sidebar img,.mobile-false .filter-grayscale embed,.mobile-false .filter-grayscale iframe,.mobile-false .filter-grayscale object,.mobile-false .filter-grayscale-static .content img,.mobile-false .filter-grayscale-static .footer img,.mobile-false .filter-grayscale-static .map-container,.mobile-false .filter-grayscale-static .royalSlider img,.mobile-false .filter-grayscale-static .shortcode-banner,.mobile-false .filter-grayscale-static .sidebar img,.mobile-false .filter-grayscale-static embed,.mobile-false .filter-grayscale-static iframe,.mobile-false .filter-grayscale-static object{-webkit-backface-visibility:visible!important} .filter-grayscale #branding-bottom img,.filter-grayscale .buttons-on-img:hover img,.filter-grayscale .content .rev_slider_wrapper:hover img,.filter-grayscale .content img:hover,.filter-grayscale .cs-style-3 .link:hover img,.filter-grayscale .dt-hovered img,.filter-grayscale .dt-owl-item:hover img,.filter-grayscale .filter-disable img,.filter-grayscale .footer img:hover,.filter-grayscale .gradient-overlap-layout-list article:hover img,.filter-grayscale .map-container:hover,.filter-grayscale .post-rollover:hover img,.filter-grayscale .post-thumbnail-rollover:hover img,.filter-grayscale .post-thumbnail:hover img,.filter-grayscale .rollover-project:hover img,.filter-grayscale .rollover-video:hover img,.filter-grayscale .rollover:hover img,.filter-grayscale .royalSlider:hover img,.filter-grayscale .rsThumb:hover img,.filter-grayscale .shortcode-banner:hover,.filter-grayscale .sidebar img:hover,.filter-grayscale embed:hover,.filter-grayscale iframe:hover,.filter-grayscale img.dt-hovered,.filter-grayscale img.filter-disable,.filter-grayscale object:hover,.filter-grayscale-static #branding-bottom img,.mobile-false .content-rollover-layout-list article:hover img,.mobile-false .gradient-overlay-layout-list article:hover img{-webkit-filter:grayscale(0%);-ms-filter:grayscale(0%);filter:grayscale(0%);filter:none} .blog-shortcode>div:not(.dt-css-grid) .wf-cell,.blog.layout-grid .wf-container.description-under-image .wf-cell,.grid-masonry .wf-cell,.iso-grid .wf-cell,.iso-item,.portfolio-shortcode .wf-cell,.shortcode-blog-posts .wf-cell{opacity:0} .no-cssanimations #main .jg-container .wf-cell,.no-cssanimations .blog.layout-grid .wf-container.description-under-image .wf-cell,.no-cssanimations .grid-masonry .wf-cell,.no-cssanimations .iso-grid .wf-cell,.no-cssanimations .iso-item,.no-cssanimations .shortcode-blog-posts.iso-grid .wf-cell{opacity:1} .mobile-false .iso-container .wf-cell,.mobile-false .iso-grid .wf-cell{float:left} .dt-isotope .wf-cell{will-change:top,left} .dt-isotope .wf-cell.animate-position{transition:top .65s ease-out,left .65s ease-out;opacity:1} .footer .layzr-bg,.layzr-bg{background-position:center center;background-repeat:no-repeat} .loading-effect-none .wf-cell.shown:not(.isotope-hidden):not(.hidden),.mobile-true .dt-isotope .wf-cell.shown:not(.isotope-hidden),.mobile-true .wf-cell.shown:not(.isotope-hidden):not(.hidden){animation:dt_fadeIn .4s ease forwards} .mobile-false .loading-effect-fade-in .wf-cell.shown:not(.isotope-hidden):not(.hidden),.mobile-false .loading-effect-fade-in .wf-cell.start-animation{animation:dt_fadeIn .7s ease forwards} .mobile-false .loading-effect-move-up .wf-cell.shown:not(.isotope-hidden):not(.hidden),.mobile-false .loading-effect-move-up .wf-cell.start-animation{transform:translateY(200px);animation:dt_moveUp .55s ease-in-out forwards} .mobile-false .loading-effect-move-up .wf-cell .project-list-content{-moz-osx-font-smoothing:grayscale} .mobile-false .loading-effect-scale-up .wf-cell.shown:not(.isotope-hidden),.mobile-false .loading-effect-scale-up .wf-cell.start-animation{transform:scale(.6);animation:dt_scaleUp .57s ease-in-out forwards} .mobile-false .loading-effect-fall-perspective .wf-cell.shown:not(.isotope-hidden),.mobile-false .loading-effect-fall-perspective .wf-cell.start-animation{-webkit-transform-style:preserve-3d;transform:translateZ(400px) translateY(300px) rotateX(-65deg);animation:dt_fallPerspective .75s ease-in-out forwards} .mobile-false .loading-effect-fly .wf-cell.shown:not(.isotope-hidden),.mobile-false .loading-effect-fly .wf-cell.start-animation{-webkit-transform-style:preserve-3d;transform-origin:50% 50% -300px;transform:rotateX(-180deg);animation:dt_fly .7s ease-in-out forwards} .mobile-false .loading-effect-fly .wf-cell.animation-complete{opacity:1} .mobile-false .loading-effect-flip .wf-cell.shown:not(.isotope-hidden),.mobile-false .loading-effect-flip .wf-cell.start-animation{-webkit-transform-style:preserve-3d;transform-origin:0% 0%;transform:rotateX(-80deg);animation:dt_flip .7s ease-in-out forwards} .mobile-false .loading-effect-helix .wf-cell.shown:not(.isotope-hidden),.mobile-false .loading-effect-helix .wf-cell.start-animation{-webkit-transform-style:preserve-3d;transform:rotateY(-180deg);animation:dt_helix .7s ease-in-out forwards} .mobile-false .loading-effect-scale .wf-cell.shown:not(.isotope-hidden),.mobile-false .loading-effect-scale .wf-cell.start-animation{-webkit-transform-style:preserve-3d;transform:scale(.4);animation:dt_popUp .9s ease-in forwards} .dt-isotope .wf-cell.no-transition,.dt-isotope.no-transition,.dt-isotope.no-transition .wf-cell{transition-duration:0s} #main .jg-container .wf-cell{float:left;opacity:0;padding:0} #main .jg-container .wf-cell .post{margin:0;padding:0} .wf-container.dt-css-grid:before{display:none} .dt-css-grid .wf-cell{display:flex;padding:0;opacity:0} .dt-css-grid .wf-cell>a,.dt-css-grid .wf-cell>article,.dt-css-grid .wf-cell>div{width:100%} .cssgridlegacy.no-cssgrid .dt-css-grid .wf-cell:not(.hidden),.no-cssgridlegacy.no-cssgrid .dt-css-grid .wf-cell:not(.hidden){display:inline-block} .jquery-filter .dt-css-grid .wf-cell.hidden,.jquery-filter .dt-css-grid .wf-cell:not(.visible):not(.shown){visibility:hidden;opacity:0} .scroll-top{position:fixed;display:-ms-flexbox;display:-ms-flex;display:flex;-ms-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;right:10px;bottom:10px;width:40px;height:40px;opacity:0;z-index:-1;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";text-decoration:none;background-color:#000;background-color:rgba(0,0,0,.2)} .show-mobile-header .scroll-top{opacity:0} .scroll-top,.scroll-top i,.scroll-top svg,.scroll-top::before{transition:all .4s ease} .scroll-top.off{right:-45px;opacity:0} .scroll-top.on{right:10px;opacity:1;z-index:109} .header-side-right .scroll-top.on{right:auto;left:10px} .show-mobile-header .scroll-top.on{opacity:0} .scroll-top:hover{background-color:#000;background-color:rgba(0,0,0,.5)} .scroll-top svg{text-transform:none;width:24px;line-height:1;fill:#fff} .scroll-top-elementor-icon:before{display:none} .scroll-top-elementor-icon,.scroll-top-elementor-icon:hover{color:#fff} .scroll-top-elementor-icon svg{fill:#fff} .footer-overlap .grecaptcha-badge{z-index:103} .footer .transparent-border-mixin{border-color: rgba(255,255,255,0.15);} .solid-bg-mixin{background-color: var(--the7-content-boxes-bg);} .footer .accent-bg-mixin, .accent-gradient .footer .accent-bg-mixin{background: #ffffff;} html, body, body.page, .wf-container > *{font: var(--the7-base-font-big); letter-spacing: var(--the7-base-letter-spacing); text-transform: var(--the7-base-text-transform); text-decoration: var(--the7-base-text-decoration); word-spacing: normal; color: var(--the7-base-color);} #main .wf-wrap, .page-title .wf-wrap, .fancy-header .wf-wrap{padding: 0 0px 0 0px;} .no-cssgridlegacy.no-cssgrid .wf-container, .no-cssgridlegacy.no-cssgrid .wf-container-main{margin: 0 0px 0 0px;} .page-title .wf-wrap:after{width: calc(1400px - 0px - 0px); max-width: calc(100% - 0px - 0px);} .boxed .page-title .wf-wrap:after{left: 0px;} .no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar, .no-cssgridlegacy.no-cssgrid .sidebar-divider-off.sidebar-right .sidebar, .no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar.solid-bg, .no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar.bg-under-widget{padding-right: 0px;} .no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar, .no-cssgridlegacy.no-cssgrid .sidebar-divider-off.sidebar-left .sidebar, .no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar.solid-bg, .no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar.bg-under-widget{padding-left: 0px;} .no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar, .no-cssgridlegacy.no-cssgrid .sidebar-divider-off.sidebar-right .sidebar, .no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar.solid-bg, .no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar.bg-under-widget{padding-left: 0;} .no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar, .no-cssgridlegacy.no-cssgrid .sidebar-divider-off.sidebar-left .sidebar, .no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar.solid-bg, .no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar.bg-under-widget{padding-right: 0;} .sidebar-right .sidebar, .sidebar-divider-off.sidebar-right .sidebar, .sidebar-right .sidebar.solid-bg, .sidebar-right .sidebar.bg-under-widget{margin-right: 0; margin-left: 0;} .sidebar-left .sidebar, .sidebar-divider-off.sidebar-left .sidebar, .sidebar-left .sidebar.solid-bg, .sidebar-left .sidebar.bg-under-widget{margin-right: 0; margin-left: 0;} .wf-container{margin: 0 0px 0 0px;} .wf-cell, .wf-usr-cell{padding: 0 0px 0 0px;} #footer .wf-wrap{padding: 0 50px 0 50px;} .dt-mega-menu .dt-mega-parent .sidebar-content .widget h1, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h2, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h3, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h4, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h5, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h6, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h1 a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h2 a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h3 a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h4 a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h5 a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h6 a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h1 a:hover, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h2 a:hover, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h3 a:hover, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h4 a:hover, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h5 a:hover, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h6 a:hover, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .h1-size, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .entry-title.h1-size, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .h2-size, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .entry-title.h2-size, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h1.entry-title, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .h3-size, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .entry-title.h3-size, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h2.entry-title, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .h4-size, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .entry-title.h4-size, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h3.entry-title, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .h5-size, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .entry-title.h5-size, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .h6-size, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .entry-title.h6-size, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .header-color, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .entry-meta .header-color, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .color-title{color: #333333;} .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer h1 a, .footer h2 a, .footer h3 a, .footer h4 a, .footer h5 a, .footer h6 a, .footer h1 a:hover, .footer h2 a:hover, .footer h3 a:hover, .footer h4 a:hover, .footer h5 a:hover, .footer h6 a:hover, .footer .h1-size, .footer .entry-title.h1-size, .footer .h2-size, .footer .entry-title.h2-size, .footer h1.entry-title, .footer .h3-size, .footer .entry-title.h3-size, .footer h2.entry-title, .footer .h4-size, .footer .entry-title.h4-size, .footer h3.entry-title, .footer .h5-size, .footer .entry-title.h5-size, .footer .h6-size, .footer .entry-title.h6-size, .footer .header-color, .footer .entry-meta .header-color, .footer .color-title{color: #ffffff;} .footer .text-primary{color: #ffffff;} .footer .color-primary{color: #ffffff;} .wf-container-footer .color-secondary, .wf-container-footer .text-secondary{color: #ffffff; background: none;} .wf-container-footer a, .wf-container-footer a:hover{color: #ffffff; background: none; text-decoration: none !important;} #page .wf-container-footer .color-accent, .accent-gradient #page .footer .color-accent{color: #ffffff; background: none;} .wf-container-footer .paint-accent-color, .accent-gradient .paint-accent-color{color: #ffffff !important; background: none !important;} .footer .color-secondary, .footer .color-base-transparent{color: rgba(255,255,255,0.5);} #bottom-bar > .wf-wrap, #footer > .wf-wrap{width: 1400px;} .footer-overlap .boxed .footer, .footer-overlap .boxed #bottom-bar{max-width: 1280px;} #main > .wf-wrap{padding: 0 0px 0 0px;} .footer-overlap .page-inner{background: rgba(255,255,255,0) none repeat center top; background-size: auto;} textarea, select, blockquote, .entry-author, .format-aside-content, .format-status-content, .format-link-content, .dt-form button, .dt-btn, #main-slideshow .tp-button, .wpcf7-submit.dt-btn-m, .shortcode-action-bg, .shortcode-action-bg:before, .shortcode-teaser.frame-on, .testimonial-item .ts-viewport, .footer .testimonials.slider-content, .shortcode-code, #main .vc_text_separator div, #main .vc_progress_bar .vc_single_bar, #main .vc_progress_bar .vc_single_bar .vc_label, #main .vc_progress_bar .vc_single_bar .vc_bar, #main .flexslider, .nsu-submit, .mc4wp-form input[type="url"], .mc4wp-form input[type="date"], #main #content .rotatingtweets, #main #content .norotatingtweets, .mc4wp-form form select, #megaMenu ul.megaMenu > li.menu-item, #megaMenu ul.megaMenu > li.menu-item > a, .customSelect, .loading-label, .widget .testimonial-content, .skill, .skill-value, .widget .team-container, .widget .logo-items li, .comment-list .comment > article, .bg-on:not(.fullwidth-img), .blog-content .block-style-widget, #mobile-menu, .testimonial-content, .wpb_content_element .wpb_accordion_header > a:before, .wpb_content_element.dt-accordion-bg-on .wpb_accordion_wrapper .wpb_accordion_header, .twentytwenty-before-label, .twentytwenty-after-label, .btn-cntr a, .photo-scroller .album-share-overlay .share-button.entry-share, .project-navigation, .album-share-overlay, .st-accordion li > a:before, .arrows-accent .prev i, .arrows-accent .next i, .arrows-accent .owl-prev i, .arrows-accent .owl-next i, .round-images .bg-on.team-container:not(.fullwidth-img), .solid-bg .sidebar-content, .solid-bg.sidebar-content .widget, .bg-under-widget .sidebar-content .widget, .ls-container.ls-carousel .ls-nav-prev, .ls-container.ls-carousel .ls-nav-next, .menu-btn, .custom-menu a:before, .small-fancy-datas .fancy-date a{border-radius: 0px;} .mini-nav .mini-sub-nav > li:not(.wpml-ls-item) > a .menu-text, .mini-nav .mini-sub-nav li.has-children > a:after, .footer-sub-nav > li a .subtitle-text, .mini-nav .mini-sub-nav li a .subtitle-text{font-size: var(--the7-text-small-font-size); line-height: var(--the7-text-small-line-height);} .footer-sub-nav > li a .subtitle-text, .mini-nav .mini-sub-nav li a .subtitle-text{font-size: var(--the7-text-small-font-size); line-height: var(--the7-text-small-line-height); font-size: calc(var(--the7-text-small-font-size) - 2);} .page-title .wf-wrap{min-height: 45px; padding-top: 30px; padding-bottom: 30px;} .page-title .wf-wrap:after{border-bottom: 6px double rgba(51,51,51,0.11);} .page-title.solid-bg{background-color: rgba(0,0,0,0);} .page-title.solid-bg.bg-img-enabled{background-image: none; background-repeat: repeat; background-position: center center; background-size: auto auto;} .page-title > .wf-wrap, #fancy-header > .wf-wrap{width: 1400px;} .responsive-off #main:not(.sidebar-none) .wf-container-main{grid-column-gap: 50px;} .responsive-off .sidebar-right .wf-container-main{-ms-grid-columns: calc(100% - 300px - 25px) 50px calc(300px - 25px); grid-template-columns: calc(100% - 300px - 25px) calc(300px - 25px);} .responsive-off .sidebar-left .wf-container-main{-ms-grid-columns: calc(300px - 25px) 50px calc(100% - 300px - 25px); grid-template-columns: calc(300px - 25px) calc(100% - 300px - 25px);} .solid-bg .sidebar-content{background: #ffffff none repeat center center;} .solid-bg.sidebar-outline-decoration .sidebar-content, .bg-under-widget.sidebar-outline-decoration .widget{border: 1px solid var(--sdk-border);} .bg-under-widget .sidebar-content .widget, .solid-bg.sidebar-content .widget{background: #ffffff none repeat center center;} .solid-bg.sidebar-content.sidebar-outline-decoration .widget{border: 1px solid var(--sdk-border);} .solid-bg.sidebar-shadow-decoration .sidebar-content, .bg-under-widget.sidebar-shadow-decoration .sidebar-content .widget, .solid-bg.sidebar-content.sidebar-shadow-decoration .widget{box-shadow: 0 6px 18px rgba(0,0,0,0.1);} .sidebar .widget, .sidebar-content .widget, .elementor-widget-sidebar .widget{border-top: 1px solid var(--the7-divider-color); color: #382e2e; padding-top: 30px; padding-bottom: 30px;} .sidebar .widget, .widget_product_categories li a, .widget .st-accordion li > a, ul.cart_list li a, ul.product_list_widget li a, .sidebar-content .widget, .widget .testimonial-vcard .text-primary, .widget .testimonial-vcard .text-secondary, div[class*='elementor-widget-wp-widget-'], .elementor-widget-sidebar .widget, .elementor-widget-wp-widget-woocommerce_recently_viewed_products, .elementor-widget-wp-widget-woocommerce_recent_reviews, .elementor-widget-wp-widget-woocommerce_product_categories, .elementor-widget-wp-widget-woocommerce_top_rated_products, .elementor-widget-wp-widget-woocommerce_widget_cart, .elementor-widget-wp-widget-woocommerce_price_filter, .elementor-widget-wp-widget-woocommerce_layered_nav, .elementor-widget-wp-widget-woocommerce_products, .elementor-widget-woocommerce-products, .elementor-widget-wp-widget-woocommerce_layered_nav_filters, .elementor-widget-wp-widget-woocommerce_rating_filter, .the7-product-filter{font: var(--the7-widget-content-font); text-transform: var(--the7-widget-content-text-transform); letter-spacing: var(--the7-widget-content-letter-spacing); text-decoration: var(--the7-widget-content-text-decoration);} .sidebar.bg-under-widget .widget, .bg-under-widget .sidebar-content .widget, .solid-bg.sidebar-content .widget, .mec-wrap .col-md-4 .widget{margin-top: 60px;} .widget-title, div[class*='elementor-widget-wp-widget-'] h5, .elementor-widget .woocommerce h5{font: var(--the7-widget-title-font); text-transform: var(--the7-widget-title-text-transform); letter-spacing: var(--the7-widget-title-letter-spacing); text-decoration: var(--the7-widget-title-text-decoration); color: var(--the7-title-color);} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .widget-title, .dt-mega-menu .dt-mega-parent .sidebar-content .widget div[class*='elementor-widget-wp-widget-'] h5, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .elementor-widget .woocommerce h5{color: #333333;} .sidebar-content .widget-title, .sidebar-content div[class*='elementor-widget-wp-widget-'] h5, .sidebar-content .elementor-widget .woocommerce h5{color: #000000;} .footer .widget-title, .footer div[class*='elementor-widget-wp-widget-'] h5, .footer .elementor-widget .woocommerce h5{color: #ffffff;} .widget-title, body .elementor-widget .woocommerce h5{margin-bottom: var(--the7-widget-gap);} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .widgettitle{color: #333333;} .footer .widgettitle{color: #ffffff;} .sidebar-content .widget:not(.widget_icl_lang_sel_widget) a:not(.elementor-button), .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) a:not(.elementor-button) *{color: #382e2e;} .sidebar-content .widget .post-content .text-secondary{color: rgba(56,46,46,0.5);} .footer .widget a, .footer .widget .post-content .text-secondary{color: #ffffff;} .footer .widget .post-content .text-secondary{color: rgba(255,255,255,0.5);} .widget_categories li a, .widget_meta a, .blogroll a, .widget_archive li a, .widget_recent_entries a, .widget_recent_comments a, .widget_links a, .items-grid a, .recent-posts a, .widget:not(.widget_icl_lang_sel_widget) .recent-posts a, .contact-info .secondary-color, .widget_nav_menu a, .tagcloud a, .widget_pages a, a.rsswidget, .textwidget a{color: var(--the7-title-color);} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .widget_categories li a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .widget_meta a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .blogroll a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .widget_archive li a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .widget_recent_entries a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .widget_recent_comments a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .widget_links a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .items-grid a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .recent-posts a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .widget:not(.widget_icl_lang_sel_widget) .recent-posts a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .contact-info .secondary-color, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .widget_nav_menu a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .tagcloud a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .widget_pages a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget a.rsswidget, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .textwidget a{color: #333333;} .sidebar-content .widget_categories li a, .sidebar-content .widget_meta a, .sidebar-content .blogroll a, .sidebar-content .widget_archive li a, .sidebar-content .widget_recent_entries a, .sidebar-content .widget_recent_comments a, .sidebar-content .widget_links a, .sidebar-content .items-grid a, .sidebar-content .recent-posts a, .sidebar-content .widget:not(.widget_icl_lang_sel_widget) .recent-posts a, .sidebar-content .contact-info .secondary-color, .sidebar-content .widget_nav_menu a, .sidebar-content .tagcloud a, .sidebar-content .widget_pages a, .sidebar-content a.rsswidget, .sidebar-content .textwidget a{color: #000000;} .footer .widget_categories li a, .footer .widget_meta a, .footer .blogroll a, .footer .widget_archive li a, .footer .widget_recent_entries a, .footer .widget_recent_comments a, .footer .widget_links a, .footer .items-grid a, .footer .recent-posts a, .footer .widget:not(.widget_icl_lang_sel_widget) .recent-posts a, .footer .contact-info .secondary-color, .footer .widget_nav_menu a, .footer .tagcloud a, .footer .widget_pages a, .footer a.rsswidget, .footer .textwidget a{color: #ffffff;} .footer .custom-categories a, .footer .cat-item a, .footer .widget_recent_comments a, .footer .widget_tag_cloud a:hover{color: #ffffff;} .footer .custom-categories a span.item-num, .footer .cat-item a span.item-num{color: rgba(255,255,255,0.5);} .sidebar-content .custom-categories a:hover span.item-name, .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) .custom-categories a:hover span.item-name, .sidebar-content .cat-item a:hover span.item-name, .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) .cat-item a:hover span.item-name, .sidebar-content .custom-menu a:hover, .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) .custom-menu a:hover, .sidebar-content .custom-menu li.act > a, .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) .custom-menu li.act > a, .sidebar-content .widget_recent_comments a:hover, .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) .widget_recent_comments a:hover{color: var(--the7-accent-color);} .footer .custom-categories a:hover span.item-name, .footer .cat-item a:hover span.item-name, .footer .custom-menu a:hover, .footer .custom-menu li.act > a, .footer .widget_recent_comments a:hover{color: var(--the7-accent-color); color: #ffffff; background: none; text-decoration: none !important;} .accent-gradient #page .footer .custom-categories a:hover span.item-name, .accent-gradient #page .footer .cat-item a:hover span.item-name, .accent-gradient #page .footer .custom-menu a:hover, .accent-gradient #page .footer .custom-menu li.act > a, .accent-gradient #page .footer .widget_recent_comments a:hover{color: #ffffff; background: none !important; text-decoration: none !important;} .sidebar-content .custom-menu a:hover svg, .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) .custom-menu a:hover svg, .sidebar-content .custom-menu li.act > a svg, .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) .custom-menu li.act > a svg{fill: var(--the7-accent-color); color: var(--the7-accent-color);} .footer .custom-menu a:hover svg, .footer .custom-menu li.act > a svg{fill: var(--the7-accent-color); color: var(--the7-accent-color); color: #ffffff; background: none;} .widget .menu li, .widget_pages li, .widget .custom-menu.dividers-on li, div[class*='elementor-widget-wp-widget-'] .custom-menu.dividers-on li, div[class*='elementor-widget-wp-widget-'] .menu li, .widget .blogroll li, .widget .qts-lang-menu li{border-style: solid; border-width: 1px; border-color: var(--the7-divider-color); border-left: none; border-right: none; border-bottom: none;} .sidebar-content .widget .menu li, .sidebar-content .widget .custom-menu.dividers-on li, .sidebar-content .widget_pages li, .sidebar-content .blogroll li, .sidebar-content .widget .qts-lang-menu li{border-style: solid; border-width: 1px; border-color: rgba(56,46,46,0.15); border-left: none; border-right: none; border-bottom: none;} .footer .menu li, .footer .widget_pages li, .footer .custom-menu.dividers-on li, .footer .blogroll li, .footer .qts-lang-menu li{border-style: solid; border-width: 1px; border-color: rgba(255,255,255,0.15); border-left: none; border-right: none; border-bottom: none;} .menu .current-menu-parent > a, .menu .current-menu-item > a, .custom-nav > li > a:hover span, .custom-nav li.act > a span, .custom-nav > li > ul a:hover span, .st-accordion li > a:hover, .st-accordion > ul li > a:hover *, .widget .custom-categories a:hover span.item-name, .widget_categories li a:hover, .widget_categories li a:not(.class-1):hover, .widget_meta a:hover, .blogroll a:hover, .widget_archive li a:hover, .widget_archive li a:not(.class-1):hover, .widget_recent_entries a:hover, .widget_recent_entries a:not(.class-1):hover, .widget_links a:hover, .widget_pages a:hover, .recent-posts a:not(.post-rollover):hover, .items-grid .post-content > a:hover, #wp-calendar td a:hover, .tagcloud a:hover, .tagcloud a:not(.class-1):hover, .widget_nav_menu a:hover, a.rsswidget:hover{color: var(--the7-accent-color);} .sidebar-content .menu .current-menu-parent > a, .sidebar-content.solid-bg .menu .current-menu-parent > a, .sidebar-content .menu .current-menu-item > a, .sidebar-content.solid-bg .menu .current-menu-item > a, .sidebar-content .custom-nav > li > a:hover span, .sidebar-content.solid-bg .custom-nav > li > a:hover span, .sidebar-content .custom-nav li.act > a span, .sidebar-content.solid-bg .custom-nav li.act > a span, .sidebar-content .custom-nav > li > ul a:hover span, .sidebar-content.solid-bg .custom-nav > li > ul a:hover span, .sidebar-content .st-accordion li > a:hover, .sidebar-content.solid-bg .st-accordion li > a:hover, .sidebar-content .st-accordion > ul li > a:hover *, .sidebar-content.solid-bg .st-accordion > ul li > a:hover *, .sidebar-content .widget .custom-categories a:hover span.item-name, .sidebar-content.solid-bg .widget .custom-categories a:hover span.item-name, .sidebar-content .widget_categories li a:hover, .sidebar-content.solid-bg .widget_categories li a:hover, .sidebar-content .widget_categories li a:not(.class-1):hover, .sidebar-content.solid-bg .widget_categories li a:not(.class-1):hover, .sidebar-content .widget_meta a:hover, .sidebar-content.solid-bg .widget_meta a:hover, .sidebar-content .blogroll a:hover, .sidebar-content.solid-bg .blogroll a:hover, .sidebar-content .widget_archive li a:hover, .sidebar-content.solid-bg .widget_archive li a:hover, .sidebar-content .widget_archive li a:not(.class-1):hover, .sidebar-content.solid-bg .widget_archive li a:not(.class-1):hover, .sidebar-content .widget_recent_entries a:hover, .sidebar-content.solid-bg .widget_recent_entries a:hover, .sidebar-content .widget_recent_entries a:not(.class-1):hover, .sidebar-content.solid-bg .widget_recent_entries a:not(.class-1):hover, .sidebar-content .widget_links a:hover, .sidebar-content.solid-bg .widget_links a:hover, .sidebar-content .widget_pages a:hover, .sidebar-content.solid-bg .widget_pages a:hover, .sidebar-content .recent-posts a:not(.post-rollover):hover, .sidebar-content.solid-bg .recent-posts a:not(.post-rollover):hover, .sidebar-content .items-grid .post-content > a:hover, .sidebar-content.solid-bg .items-grid .post-content > a:hover, .sidebar-content #wp-calendar td a:hover, .sidebar-content.solid-bg #wp-calendar td a:hover, .sidebar-content .tagcloud a:hover, .sidebar-content.solid-bg .tagcloud a:hover, .sidebar-content .tagcloud a:not(.class-1):hover, .sidebar-content.solid-bg .tagcloud a:not(.class-1):hover, .sidebar-content .widget_nav_menu a:hover, .sidebar-content.solid-bg .widget_nav_menu a:hover, .sidebar-content a.rsswidget:hover, .sidebar-content.solid-bg a.rsswidget:hover{color: var(--the7-accent-color);} .accent-gradient .sidebar-content .menu .current-menu-parent > a, .accent-gradient .sidebar-content.solid-bg .menu .current-menu-parent > a, .accent-gradient .sidebar-content .menu .current-menu-item > a, .accent-gradient .sidebar-content.solid-bg .menu .current-menu-item > a, .accent-gradient .sidebar-content .custom-nav > li > a:hover span, .accent-gradient .sidebar-content.solid-bg .custom-nav > li > a:hover span, .accent-gradient .sidebar-content .custom-nav li.act > a span, .accent-gradient .sidebar-content.solid-bg .custom-nav li.act > a span, .accent-gradient .sidebar-content .custom-nav > li > ul a:hover span, .accent-gradient .sidebar-content.solid-bg .custom-nav > li > ul a:hover span, .accent-gradient .sidebar-content .st-accordion li > a:hover, .accent-gradient .sidebar-content.solid-bg .st-accordion li > a:hover, .accent-gradient .sidebar-content .st-accordion > ul li > a:hover *, .accent-gradient .sidebar-content.solid-bg .st-accordion > ul li > a:hover *, .accent-gradient .sidebar-content .widget .custom-categories a:hover span.item-name, .accent-gradient .sidebar-content.solid-bg .widget .custom-categories a:hover span.item-name, .accent-gradient .sidebar-content .widget_categories li a:hover, .accent-gradient .sidebar-content.solid-bg .widget_categories li a:hover, .accent-gradient .sidebar-content .widget_categories li a:not(.class-1):hover, .accent-gradient .sidebar-content.solid-bg .widget_categories li a:not(.class-1):hover, .accent-gradient .sidebar-content .widget_meta a:hover, .accent-gradient .sidebar-content.solid-bg .widget_meta a:hover, .accent-gradient .sidebar-content .blogroll a:hover, .accent-gradient .sidebar-content.solid-bg .blogroll a:hover, .accent-gradient .sidebar-content .widget_archive li a:hover, .accent-gradient .sidebar-content.solid-bg .widget_archive li a:hover, .accent-gradient .sidebar-content .widget_archive li a:not(.class-1):hover, .accent-gradient .sidebar-content.solid-bg .widget_archive li a:not(.class-1):hover, .accent-gradient .sidebar-content .widget_recent_entries a:hover, .accent-gradient .sidebar-content.solid-bg .widget_recent_entries a:hover, .accent-gradient .sidebar-content .widget_recent_entries a:not(.class-1):hover, .accent-gradient .sidebar-content.solid-bg .widget_recent_entries a:not(.class-1):hover, .accent-gradient .sidebar-content .widget_links a:hover, .accent-gradient .sidebar-content.solid-bg .widget_links a:hover, .accent-gradient .sidebar-content .widget_pages a:hover, .accent-gradient .sidebar-content.solid-bg .widget_pages a:hover, .accent-gradient .sidebar-content .recent-posts a:not(.post-rollover):hover, .accent-gradient .sidebar-content.solid-bg .recent-posts a:not(.post-rollover):hover, .accent-gradient .sidebar-content .items-grid .post-content > a:hover, .accent-gradient .sidebar-content.solid-bg .items-grid .post-content > a:hover, .accent-gradient .sidebar-content #wp-calendar td a:hover, .accent-gradient .sidebar-content.solid-bg #wp-calendar td a:hover, .accent-gradient .sidebar-content .tagcloud a:hover, .accent-gradient .sidebar-content.solid-bg .tagcloud a:hover, .accent-gradient .sidebar-content .tagcloud a:not(.class-1):hover, .accent-gradient .sidebar-content.solid-bg .tagcloud a:not(.class-1):hover, .accent-gradient .sidebar-content .widget_nav_menu a:hover, .accent-gradient .sidebar-content.solid-bg .widget_nav_menu a:hover, .accent-gradient .sidebar-content a.rsswidget:hover, .accent-gradient .sidebar-content.solid-bg a.rsswidget:hover{background: var(--sdk-accent, #6a2fff) !important; color: transparent; -webkit-background-clip: text; background-clip: text;} .footer .menu .current-menu-parent > a, .footer .menu .current-menu-item > a, .footer .custom-nav > li > a:hover span, .footer .custom-nav li.act > a span, .footer .custom-nav > li > ul a:hover span, .footer .st-accordion li > a:hover, .footer .st-accordion > ul li > a:hover *, .footer .widget .custom-categories a:hover span.item-name, .footer .widget_categories li a:hover, .footer .widget_categories li a:not(.class-1):hover, .footer .widget_meta a:hover, .footer .blogroll a:hover, .footer .widget_archive li a:hover, .footer .widget_archive li a:not(.class-1):hover, .footer .widget_recent_entries a:hover, .footer .widget_recent_entries a:not(.class-1):hover, .footer .widget_links a:hover, .footer .widget_pages a:hover, .footer .recent-posts a:not(.post-rollover):hover, .footer .items-grid .post-content > a:hover, .footer #wp-calendar td a:hover, .footer .tagcloud a:hover, .footer .tagcloud a:not(.class-1):hover, .footer .widget_nav_menu a:hover, .footer a.rsswidget:hover{color: var(--the7-accent-color); color: #ffffff; background: none; text-decoration: none !important;} .accent-gradient .footer .menu .current-menu-parent > a, .accent-gradient .footer .menu .current-menu-item > a, .accent-gradient .footer .custom-nav > li > a:hover span, .accent-gradient .footer .custom-nav li.act > a span, .accent-gradient .footer .custom-nav > li > ul a:hover span, .accent-gradient .footer .st-accordion li > a:hover, .accent-gradient .footer .st-accordion > ul li > a:hover *, .accent-gradient .footer .widget .custom-categories a:hover span.item-name, .accent-gradient .footer .widget_categories li a:hover, .accent-gradient .footer .widget_categories li a:not(.class-1):hover, .accent-gradient .footer .widget_meta a:hover, .accent-gradient .footer .blogroll a:hover, .accent-gradient .footer .widget_archive li a:hover, .accent-gradient .footer .widget_archive li a:not(.class-1):hover, .accent-gradient .footer .widget_recent_entries a:hover, .accent-gradient .footer .widget_recent_entries a:not(.class-1):hover, .accent-gradient .footer .widget_links a:hover, .accent-gradient .footer .widget_pages a:hover, .accent-gradient .footer .recent-posts a:not(.post-rollover):hover, .accent-gradient .footer .items-grid .post-content > a:hover, .accent-gradient .footer #wp-calendar td a:hover, .accent-gradient .footer .tagcloud a:hover, .accent-gradient .footer .tagcloud a:not(.class-1):hover, .accent-gradient .footer .widget_nav_menu a:hover, .accent-gradient .footer a.rsswidget:hover{color: #ffffff; background: none !important; text-decoration: none !important;} .sidebar-content .textwidget a:not(.dt-btn):hover, .stripe .sidebar-content.solid-bg .textwidget a:not(.dt-btn):hover{color: var(--the7-accent-color);} .footer .textwidget a:not(.dt-btn):hover{color: var(--the7-accent-color); color: #ffffff; background: none; text-decoration: none !important;} .accent-gradient #page .footer .textwidget a:not(.dt-btn):hover{color: #ffffff; background: none !important; text-decoration: none !important;} .footer #wp-calendar, .footer #wp-calendar td{background-color: rgba(255,255,255,0.04);} .footer #wp-calendar td:hover{background-color: rgba(255,255,255,0.08);} .footer #wp-calendar, .footer #wp-calendar caption, .footer #wp-calendar td{border-color: rgba(255,255,255,0.15);} .footer #wp-calendar td.act, .accent-gradient .footer #wp-calendar td.act{background: #ffffff;} .dt-mega-menu .dt-mega-parent .sidebar-content .widget #wp-calendar th, .dt-mega-menu .dt-mega-parent .sidebar-content .widget #wp-calendar caption, .dt-mega-menu .dt-mega-parent .sidebar-content .widget #wp-calendar tfoot td, .dt-mega-menu .dt-mega-parent .sidebar-content .widget #wp-calendar tfoot td a{color: #333333;} .footer #wp-calendar th, .footer #wp-calendar caption, .footer #wp-calendar tfoot td, .footer #wp-calendar tfoot td a{color: #ffffff;} #page .widget .searchform .submit svg, #page .content .searchform .submit svg{fill: var(--the7-input-color); color: var(--the7-input-color);} .footer .widget_recent_comments a:hover{color: #ffffff !important; background: none !important;} .footer .custom-menu a svg{fill: rgba(255,255,255,0.5); color: rgba(255,255,255,0.5);} .footer .custom-nav a svg{fill: #ffffff; color: #ffffff;} .footer .custom-menu a:hover svg, .footer .custom-menu .act > a svg{fill: rgba(30,187,240,0.999); color: rgba(30,187,240,0.999); color: #ffffff; fill: #ffffff;} .footer .skill{background-color: rgba(255,255,255,0.15);} .footer .skill-value, .accent-gradient .footer .skill-value{background: #ffffff;} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .skill-name, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .skill-name *, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .custom-nav > li > a span, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .custom-nav > li > ul a span, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .st-accordion li a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .st-accordion > ul li > a *{color: #333333;} .footer .skill-name, .footer .skill-name *, .footer .custom-nav > li > a span, .footer .custom-nav > li > ul a span, .footer .st-accordion li a, .footer .st-accordion > ul li > a *{color: #ffffff;} .footer .custom-menu.show-arrow a:after{top: calc(var(--the7-base-line-height) - 13 / 2);} .footer .custom-menu a:not(:hover){color: #ffffff;} .footer .widget_presscore-custom-menu-one .custom-menu.show-arrow a:after{background-color: #ffffff;} .footer .st-accordion li > a:before, .footer .custom-menu a:before{background-color: rgba(255,255,255,0.15);} .footer .st-accordion li > a:after{color: rgba(255,255,255,0.5);} .footer .st-accordion li > a:hover:after{color: #ffffff;} .footer .dt-posts-preload .dt-posts-preload-activity, .accent-gradient .footer .dt-posts-preload .dt-posts-preload-activity{background: rgba(255,255,255,0.9);} .footer .layout-list .post{border-color: rgba(255,255,255,0.15);} .footer .dividers-on.classic-layout-list .post{border-color: rgba(255,255,255,0.15);} .footer .centered-layout-list.dividers-on .post-entry-content:after{background-color: rgba(255,255,255,0.15);} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .blog-shortcode .entry-title a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .portfolio-shortcode .entry-title a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .albums-shortcode .entry-title a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .owl-carousel.blog-carousel-shortcode .entry-title a{color: #333333;} .footer .blog-shortcode .entry-title a, .footer .portfolio-shortcode .entry-title a, .footer .albums-shortcode .entry-title a, .footer .owl-carousel.blog-carousel-shortcode .entry-title a{color: #ffffff;} #page .wf-container-footer .blog-shortcode .entry-title a:hover, .accent-gradient #page .footer .blog-shortcode .entry-title a:hover, #page .wf-container-footer .portfolio-shortcode:not(.gradient-overlay-layout-list):not(.content-rollover-layout-list) .entry-title a:hover, .accent-gradient #page .footer .portfolio-shortcode:not(.gradient-overlay-layout-list):not(.content-rollover-layout-list) .entry-title a:hover, #page .wf-container-footer .albums-shortcode .entry-title a:hover, .accent-gradient #page .footer .albums-shortcode .entry-title a:hover, #page .wf-container-footer .owl-carousel.blog-carousel-shortcode .entry-title a:hover, .accent-gradient #page .footer .owl-carousel.blog-carousel-shortcode .entry-title a:hover{color: #ffffff; background: none;} .footer .blog-shortcode .entry-meta, .footer .portfolio-shortcode .entry-meta, .footer .albums-shortcode .entry-meta, .footer .owl-carousel .entry-meta{color: rgba(255,255,255,0.5);} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .post-details.details-type-link{color: #333333;} .footer .post-details.details-type-link{color: #ffffff;} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .post-details.details-type-link *{color: #333333;} .footer .post-details.details-type-link *{color: #ffffff;} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .post h2.entry-title, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .post h2.entry-title{color: #333333;} .footer .post h2.entry-title, .footer .post h2.entry-title{color: #ffffff;} .wf-container-footer .description-under-image .post .entry-title a:hover, .accent-gradient .footer .description-under-image .post .entry-title a:hover, .wf-container-footer .post .blog-content .entry-title a:hover, .accent-gradient .footer .post .blog-content .entry-title a:hover, .wf-container-footer .project-list-content .entry-title a:hover, .accent-gradient .footer .project-list-content .entry-title a:hover{color: #ffffff; background: none;} .footer .fancy-date .entry-month:after, .accent-gradient .footer .fancy-date .entry-month:after, .footer .fancy-date .entry-date:after, .accent-gradient .footer .fancy-date .entry-date:after{background: #ffffff;} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .comments-title, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .comments-title a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .comment-author a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .comment-author .fn, .dt-mega-menu .dt-mega-parent .sidebar-content .widget #reply-title, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .fn, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .fn a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .pingback-title{color: #333333;} .footer .comments-title, .footer .comments-title a, .footer .comment-author a, .footer .comment-author .fn, .footer #reply-title, .footer .fn, .footer .fn a, .footer .pingback-title{color: #ffffff;} #page .wf-container-footer .fn a:hover, .accent-gradient #page .footer .fn a:hover{color: #ffffff; background: none;} .footer .author-link, .footer .author-link:hover, .footer .meta-nav{color: rgba(255,255,255,0.5);} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .author-description h4, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .comment-author-name{color: #333333;} .footer .author-description h4, .footer .comment-author-name{color: #ffffff;} .footer .single .entry-tags a{border-color: rgba(255,255,255,0.15);} .footer .portfolio-categories > a:after, .footer .portfolio-categories > span:after, .footer .entry-meta > a:after, .footer .entry-meta > span:after{background-color: rgba(255,255,255,0.5);} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .single .entry-tags a:hover{color: #333333;} .footer .single .entry-tags a:hover{color: #ffffff;} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .share-button.entry-share, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .btn-project-link, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .btn-project-link:hover, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .share-link-description{color: #333333;} .footer .share-button.entry-share, .footer .btn-project-link, .footer .btn-project-link:hover, .footer .share-link-description{color: #ffffff;} .footer .post-navigation .nav-links{border-color: rgba(255,255,255,0.15);} #page .wf-container-footer .post-navigation .nav-links a .post-title:hover, .accent-gradient #page .footer .post-navigation .nav-links a .post-title:hover{color: #ffffff; background: none;} .footer .single-related-posts{border-color: rgba(255,255,255,0.15);} .dt-btn, .widget .dt-form .dt-btn, .nsu-submit, .give-btn.give-btn-reveal, .give-submit.give-btn, .wp-block-search .wp-block-search__button, .wc-block-product-search .wc-block-product-search__button{font: var(--the7-btn-s-font); text-transform: var(--the7-btn-s-text-transform); letter-spacing: var(--the7-btn-s-letter-spacing); word-spacing: var(--the7-btn-s-word-spacing); border-radius: var(--the7-btn-s-border-radius); border-width: var(--the7-btn-s-border-width); border-style: var(--the7-btn-s-border-style); border-color: var(--the7-btn-border-color); padding: var(--the7-btn-s-padding); min-width: var(--the7-btn-s-min-width); min-height: var(--the7-btn-s-min-height);} .dt-btn.ico-right-side > i, .widget .dt-form .dt-btn.ico-right-side > i, .nsu-submit.ico-right-side > i, .give-btn.give-btn-reveal.ico-right-side > i, .give-submit.give-btn.ico-right-side > i, .wp-block-search .wp-block-search__button.ico-right-side > i, .wc-block-product-search .wc-block-product-search__button.ico-right-side > i{margin-left: calc(var(--the7-btn-s-font-size) * 8 / 12); margin-right: 0 !important;} .dt-btn > i, .dt-btn > i[class^="fa"], .dt-btn > i[class^="dt-icon"], .widget .dt-form .dt-btn > i, .widget .dt-form .dt-btn > i[class^="fa"], .widget .dt-form .dt-btn > i[class^="dt-icon"], .nsu-submit > i, .nsu-submit > i[class^="fa"], .nsu-submit > i[class^="dt-icon"], .give-btn.give-btn-reveal > i, .give-btn.give-btn-reveal > i[class^="fa"], .give-btn.give-btn-reveal > i[class^="dt-icon"], .give-submit.give-btn > i, .give-submit.give-btn > i[class^="fa"], .give-submit.give-btn > i[class^="dt-icon"], .wp-block-search .wp-block-search__button > i, .wp-block-search .wp-block-search__button > i[class^="fa"], .wp-block-search .wp-block-search__button > i[class^="dt-icon"], .wc-block-product-search .wc-block-product-search__button > i, .wc-block-product-search .wc-block-product-search__button > i[class^="fa"], .wc-block-product-search .wc-block-product-search__button > i[class^="dt-icon"]{font-size: var(--the7-btn-s-icon-size); margin-right: var(--the7-btn-s-icon-gap,calc(var(--the7-btn-s-font-size) * 8 / 12));} .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-no-decoration), .mec-event-footer .mec-booking-button, button.button, a.button:not(.edd-submit), .dt-form button, .widget .dt-form .dt-btn, input[type="reset"], .wpcf7-submit, .nsu-submit, .dt-wc-btn, .checkout-button, input#place_order, input[name="apply_coupon"], input[name="login"], button[name="calc_shipping"], button[name="calc_shipping"]:hover, .single_add_to_cart_button.button, .button.wc-backward, .woocommerce-Button.button, .woocommerce-Reviews .submit, .woocommerce-Button[name="register"], .track_order input[name="track"], .cart-btn-below-img .woo-buttons a, input[name="save_address"], .wc-layout-list .woo-buttons a, .post-password-form input[type="submit"], .mc4wp-form input[type="submit"], div.mc4wp-form button[type="submit"], .tml-submit-wrap input[type="submit"], .wpcf7-form input[type="submit"], input[type="submit"]:not([name="update_cart"]), .woocommerce-widget-layered-nav-dropdown__submit, .give-btn.give-btn-reveal, .give-submit.give-btn, .wp-block-search .wp-block-search__button, .wc-block-product-search .wc-block-product-search__button{transition: all 0.3s ease-out; box-shadow: var(--the7-btn-shadow);} .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-no-decoration):hover, .mec-event-footer .mec-booking-button:hover, button.button:hover, a.button:not(.edd-submit):hover, .dt-form button:hover, .widget .dt-form .dt-btn:hover, input[type="reset"]:hover, .wpcf7-submit:hover, .nsu-submit:hover, .dt-wc-btn:hover, .checkout-button:hover, input#place_order:hover, input[name="apply_coupon"]:hover, input[name="login"]:hover, button[name="calc_shipping"]:hover, button[name="calc_shipping"]:hover:hover, .single_add_to_cart_button.button:hover, .button.wc-backward:hover, .woocommerce-Button.button:hover, .woocommerce-Reviews .submit:hover, .woocommerce-Button[name="register"]:hover, .track_order input[name="track"]:hover, .cart-btn-below-img .woo-buttons a:hover, input[name="save_address"]:hover, .wc-layout-list .woo-buttons a:hover, .post-password-form input[type="submit"]:hover, .mc4wp-form input[type="submit"]:hover, div.mc4wp-form button[type="submit"]:hover, .tml-submit-wrap input[type="submit"]:hover, .wpcf7-form input[type="submit"]:hover, input[type="submit"]:not([name="update_cart"]):hover, .woocommerce-widget-layered-nav-dropdown__submit:hover, .give-btn.give-btn-reveal:hover, .give-submit.give-btn:hover, .wp-block-search .wp-block-search__button:hover, .wc-block-product-search .wc-block-product-search__button:hover{box-shadow: var(--the7-btn-shadow-hover);} .mec-event-footer .mec-booking-button, .dt-form button, #page .widget .dt-form .dt-btn, .widget .dt-form .dt-btn, input[type="reset"], .wpcf7-submit, .nsu-submit, .dt-wc-btn, input#place_order, .woocommerce-Reviews .submit:not(.box-button), input.button, input[name="save_address"], .wc-layout-list .woo-buttons a, .post-password-form input[type="submit"], .mc4wp-form input[type="submit"], div.mc4wp-form button[type="submit"], .tml-submit-wrap input[type="submit"], .wpcf7-form input[type="submit"], input[type="submit"]:not([name="update_cart"]), .woocommerce-widget-layered-nav-dropdown__submit, .give-btn.give-btn-reveal, .give-submit.give-btn, .wc-block-filter-submit-button{color: var(--the7-btn-color); background: var(--the7-btn-bg,rgba(0,0,0,0.3));} .stripe .mec-event-footer .mec-booking-button, .mec-event-footer .mec-booking-button *, .sidebar .mec-event-footer .mec-booking-button, .sidebar .widget .mec-event-footer .mec-booking-button, .sidebar-content .widget .mec-event-footer .mec-booking-button, .footer .mec-event-footer .mec-booking-button, .stripe .dt-form button, .dt-form button *, .sidebar .dt-form button, .sidebar .widget .dt-form button, .sidebar-content .widget .dt-form button, .footer .dt-form button, .stripe #page .widget .dt-form .dt-btn, #page .widget .dt-form .dt-btn *, .sidebar #page .widget .dt-form .dt-btn, .sidebar .widget #page .widget .dt-form .dt-btn, .sidebar-content .widget #page .widget .dt-form .dt-btn, .footer #page .widget .dt-form .dt-btn, .stripe .widget .dt-form .dt-btn, .widget .dt-form .dt-btn *, .sidebar .widget .dt-form .dt-btn, .sidebar .widget .widget .dt-form .dt-btn, .sidebar-content .widget .widget .dt-form .dt-btn, .footer .widget .dt-form .dt-btn, .stripe input[type="reset"], input[type="reset"] *, .sidebar input[type="reset"], .sidebar .widget input[type="reset"], .sidebar-content .widget input[type="reset"], .footer input[type="reset"], .stripe .wpcf7-submit, .wpcf7-submit *, .sidebar .wpcf7-submit, .sidebar .widget .wpcf7-submit, .sidebar-content .widget .wpcf7-submit, .footer .wpcf7-submit, .stripe .nsu-submit, .nsu-submit *, .sidebar .nsu-submit, .sidebar .widget .nsu-submit, .sidebar-content .widget .nsu-submit, .footer .nsu-submit, .stripe .dt-wc-btn, .dt-wc-btn *, .sidebar .dt-wc-btn, .sidebar .widget .dt-wc-btn, .sidebar-content .widget .dt-wc-btn, .footer .dt-wc-btn, .stripe input#place_order, input#place_order *, .sidebar input#place_order, .sidebar .widget input#place_order, .sidebar-content .widget input#place_order, .footer input#place_order, .stripe .woocommerce-Reviews .submit:not(.box-button), .woocommerce-Reviews .submit:not(.box-button) *, .sidebar .woocommerce-Reviews .submit:not(.box-button), .sidebar .widget .woocommerce-Reviews .submit:not(.box-button), .sidebar-content .widget .woocommerce-Reviews .submit:not(.box-button), .footer .woocommerce-Reviews .submit:not(.box-button), .stripe input.button, input.button *, .sidebar input.button, .sidebar .widget input.button, .sidebar-content .widget input.button, .footer input.button, .stripe input[name="save_address"], input[name="save_address"] *, .sidebar input[name="save_address"], .sidebar .widget input[name="save_address"], .sidebar-content .widget input[name="save_address"], .footer input[name="save_address"], .stripe .wc-layout-list .woo-buttons a, .wc-layout-list .woo-buttons a *, .sidebar .wc-layout-list .woo-buttons a, .sidebar .widget .wc-layout-list .woo-buttons a, .sidebar-content .widget .wc-layout-list .woo-buttons a, .footer .wc-layout-list .woo-buttons a, .stripe .post-password-form input[type="submit"], .post-password-form input[type="submit"] *, .sidebar .post-password-form input[type="submit"], .sidebar .widget .post-password-form input[type="submit"], .sidebar-content .widget .post-password-form input[type="submit"], .footer .post-password-form input[type="submit"], .stripe .mc4wp-form input[type="submit"], .mc4wp-form input[type="submit"] *, .sidebar .mc4wp-form input[type="submit"], .sidebar .widget .mc4wp-form input[type="submit"], .sidebar-content .widget .mc4wp-form input[type="submit"], .footer .mc4wp-form input[type="submit"], .stripe div.mc4wp-form button[type="submit"], div.mc4wp-form button[type="submit"] *, .sidebar div.mc4wp-form button[type="submit"], .sidebar .widget div.mc4wp-form button[type="submit"], .sidebar-content .widget div.mc4wp-form button[type="submit"], .footer div.mc4wp-form button[type="submit"], .stripe .tml-submit-wrap input[type="submit"], .tml-submit-wrap input[type="submit"] *, .sidebar .tml-submit-wrap input[type="submit"], .sidebar .widget .tml-submit-wrap input[type="submit"], .sidebar-content .widget .tml-submit-wrap input[type="submit"], .footer .tml-submit-wrap input[type="submit"], .stripe .wpcf7-form input[type="submit"], .wpcf7-form input[type="submit"] *, .sidebar .wpcf7-form input[type="submit"], .sidebar .widget .wpcf7-form input[type="submit"], .sidebar-content .widget .wpcf7-form input[type="submit"], .footer .wpcf7-form input[type="submit"], .stripe input[type="submit"]:not([name="update_cart"]), input[type="submit"]:not([name="update_cart"]) *, .sidebar input[type="submit"]:not([name="update_cart"]), .sidebar .widget input[type="submit"]:not([name="update_cart"]), .sidebar-content .widget input[type="submit"]:not([name="update_cart"]), .footer input[type="submit"]:not([name="update_cart"]), .stripe .woocommerce-widget-layered-nav-dropdown__submit, .woocommerce-widget-layered-nav-dropdown__submit *, .sidebar .woocommerce-widget-layered-nav-dropdown__submit, .sidebar .widget .woocommerce-widget-layered-nav-dropdown__submit, .sidebar-content .widget .woocommerce-widget-layered-nav-dropdown__submit, .footer .woocommerce-widget-layered-nav-dropdown__submit, .stripe .give-btn.give-btn-reveal, .give-btn.give-btn-reveal *, .sidebar .give-btn.give-btn-reveal, .sidebar .widget .give-btn.give-btn-reveal, .sidebar-content .widget .give-btn.give-btn-reveal, .footer .give-btn.give-btn-reveal, .stripe .give-submit.give-btn, .give-submit.give-btn *, .sidebar .give-submit.give-btn, .sidebar .widget .give-submit.give-btn, .sidebar-content .widget .give-submit.give-btn, .footer .give-submit.give-btn, .stripe .wc-block-filter-submit-button, .wc-block-filter-submit-button *, .sidebar .wc-block-filter-submit-button, .sidebar .widget .wc-block-filter-submit-button, .sidebar-content .widget .wc-block-filter-submit-button, .footer .wc-block-filter-submit-button{color: var(--the7-btn-color); color: #ffffff;} .btn-bg-off .mec-event-footer .mec-booking-button:not(:hover), .btn-bg-off .dt-form button:not(:hover), .btn-bg-off #page .widget .dt-form .dt-btn:not(:hover), .btn-bg-off .widget .dt-form .dt-btn:not(:hover), .btn-bg-off input[type="reset"]:not(:hover), .btn-bg-off .wpcf7-submit:not(:hover), .btn-bg-off .nsu-submit:not(:hover), .btn-bg-off .dt-wc-btn:not(:hover), .btn-bg-off input#place_order:not(:hover), .btn-bg-off .woocommerce-Reviews .submit:not(.box-button):not(:hover), .btn-bg-off input.button:not(:hover), .btn-bg-off input[name="save_address"]:not(:hover), .btn-bg-off .wc-layout-list .woo-buttons a:not(:hover), .btn-bg-off .post-password-form input[type="submit"]:not(:hover), .btn-bg-off .mc4wp-form input[type="submit"]:not(:hover), .btn-bg-off div.mc4wp-form button[type="submit"]:not(:hover), .btn-bg-off .tml-submit-wrap input[type="submit"]:not(:hover), .btn-bg-off .wpcf7-form input[type="submit"]:not(:hover), .btn-bg-off input[type="submit"]:not([name="update_cart"]):not(:hover), .btn-bg-off .woocommerce-widget-layered-nav-dropdown__submit:not(:hover), .btn-bg-off .give-btn.give-btn-reveal:not(:hover), .btn-bg-off .give-submit.give-btn:not(:hover), .btn-bg-off .wc-block-filter-submit-button:not(:hover){background: none;} .mec-event-footer .mec-booking-button:hover > *, .mec-event-footer .mec-booking-button:hover, .dt-form button:hover > *, .dt-form button:hover, #page .widget .dt-form .dt-btn:hover > *, #page .widget .dt-form .dt-btn:hover, .widget .dt-form .dt-btn:hover > *, .widget .dt-form .dt-btn:hover, input[type="reset"]:hover > *, input[type="reset"]:hover, .wpcf7-submit:hover > *, .wpcf7-submit:hover, .nsu-submit:hover > *, .nsu-submit:hover, .dt-wc-btn:hover > *, .dt-wc-btn:hover, input#place_order:hover > *, input#place_order:hover, .woocommerce-Reviews .submit:not(.box-button):hover > *, .woocommerce-Reviews .submit:not(.box-button):hover, input.button:hover > *, input.button:hover, input[name="save_address"]:hover > *, input[name="save_address"]:hover, .wc-layout-list .woo-buttons a:hover > *, .wc-layout-list .woo-buttons a:hover, .post-password-form input[type="submit"]:hover > *, .post-password-form input[type="submit"]:hover, .mc4wp-form input[type="submit"]:hover > *, .mc4wp-form input[type="submit"]:hover, div.mc4wp-form button[type="submit"]:hover > *, div.mc4wp-form button[type="submit"]:hover, .tml-submit-wrap input[type="submit"]:hover > *, .tml-submit-wrap input[type="submit"]:hover, .wpcf7-form input[type="submit"]:hover > *, .wpcf7-form input[type="submit"]:hover, input[type="submit"]:not([name="update_cart"]):hover > *, input[type="submit"]:not([name="update_cart"]):hover, .woocommerce-widget-layered-nav-dropdown__submit:hover > *, .woocommerce-widget-layered-nav-dropdown__submit:hover, .give-btn.give-btn-reveal:hover > *, .give-btn.give-btn-reveal:hover, .give-submit.give-btn:hover > *, .give-submit.give-btn:hover, .wc-block-filter-submit-button:hover > *, .wc-block-filter-submit-button:hover{color: var(--the7-btn-hover-color);} .stripe .mec-event-footer .mec-booking-button:hover > *, .mec-event-footer .mec-booking-button:hover > * *, .sidebar .mec-event-footer .mec-booking-button:hover > *, .sidebar .widget .mec-event-footer .mec-booking-button:hover > *, .sidebar-content .widget .mec-event-footer .mec-booking-button:hover > *, .footer .mec-event-footer .mec-booking-button:hover > *, .stripe .mec-event-footer .mec-booking-button:hover, .mec-event-footer .mec-booking-button:hover *, .sidebar .mec-event-footer .mec-booking-button:hover, .sidebar .widget .mec-event-footer .mec-booking-button:hover, .sidebar-content .widget .mec-event-footer .mec-booking-button:hover, .footer .mec-event-footer .mec-booking-button:hover, .stripe .dt-form button:hover > *, .dt-form button:hover > * *, .sidebar .dt-form button:hover > *, .sidebar .widget .dt-form button:hover > *, .sidebar-content .widget .dt-form button:hover > *, .footer .dt-form button:hover > *, .stripe .dt-form button:hover, .dt-form button:hover *, .sidebar .dt-form button:hover, .sidebar .widget .dt-form button:hover, .sidebar-content .widget .dt-form button:hover, .footer .dt-form button:hover, .stripe #page .widget .dt-form .dt-btn:hover > *, #page .widget .dt-form .dt-btn:hover > * *, .sidebar #page .widget .dt-form .dt-btn:hover > *, .sidebar .widget #page .widget .dt-form .dt-btn:hover > *, .sidebar-content .widget #page .widget .dt-form .dt-btn:hover > *, .footer #page .widget .dt-form .dt-btn:hover > *, .stripe #page .widget .dt-form .dt-btn:hover, #page .widget .dt-form .dt-btn:hover *, .sidebar #page .widget .dt-form .dt-btn:hover, .sidebar .widget #page .widget .dt-form .dt-btn:hover, .sidebar-content .widget #page .widget .dt-form .dt-btn:hover, .footer #page .widget .dt-form .dt-btn:hover, .stripe .widget .dt-form .dt-btn:hover > *, .widget .dt-form .dt-btn:hover > * *, .sidebar .widget .dt-form .dt-btn:hover > *, .sidebar .widget .widget .dt-form .dt-btn:hover > *, .sidebar-content .widget .widget .dt-form .dt-btn:hover > *, .footer .widget .dt-form .dt-btn:hover > *, .stripe .widget .dt-form .dt-btn:hover, .widget .dt-form .dt-btn:hover *, .sidebar .widget .dt-form .dt-btn:hover, .sidebar .widget .widget .dt-form .dt-btn:hover, .sidebar-content .widget .widget .dt-form .dt-btn:hover, .footer .widget .dt-form .dt-btn:hover, .stripe input[type="reset"]:hover > *, input[type="reset"]:hover > * *, .sidebar input[type="reset"]:hover > *, .sidebar .widget input[type="reset"]:hover > *, .sidebar-content .widget input[type="reset"]:hover > *, .footer input[type="reset"]:hover > *, .stripe input[type="reset"]:hover, input[type="reset"]:hover *, .sidebar input[type="reset"]:hover, .sidebar .widget input[type="reset"]:hover, .sidebar-content .widget input[type="reset"]:hover, .footer input[type="reset"]:hover, .stripe .wpcf7-submit:hover > *, .wpcf7-submit:hover > * *, .sidebar .wpcf7-submit:hover > *, .sidebar .widget .wpcf7-submit:hover > *, .sidebar-content .widget .wpcf7-submit:hover > *, .footer .wpcf7-submit:hover > *, .stripe .wpcf7-submit:hover, .wpcf7-submit:hover *, .sidebar .wpcf7-submit:hover, .sidebar .widget .wpcf7-submit:hover, .sidebar-content .widget .wpcf7-submit:hover, .footer .wpcf7-submit:hover, .stripe .nsu-submit:hover > *, .nsu-submit:hover > * *, .sidebar .nsu-submit:hover > *, .sidebar .widget .nsu-submit:hover > *, .sidebar-content .widget .nsu-submit:hover > *, .footer .nsu-submit:hover > *, .stripe .nsu-submit:hover, .nsu-submit:hover *, .sidebar .nsu-submit:hover, .sidebar .widget .nsu-submit:hover, .sidebar-content .widget .nsu-submit:hover, .footer .nsu-submit:hover, .stripe .dt-wc-btn:hover > *, .dt-wc-btn:hover > * *, .sidebar .dt-wc-btn:hover > *, .sidebar .widget .dt-wc-btn:hover > *, .sidebar-content .widget .dt-wc-btn:hover > *, .footer .dt-wc-btn:hover > *, .stripe .dt-wc-btn:hover, .dt-wc-btn:hover *, .sidebar .dt-wc-btn:hover, .sidebar .widget .dt-wc-btn:hover, .sidebar-content .widget .dt-wc-btn:hover, .footer .dt-wc-btn:hover, .stripe input#place_order:hover > *, input#place_order:hover > * *, .sidebar input#place_order:hover > *, .sidebar .widget input#place_order:hover > *, .sidebar-content .widget input#place_order:hover > *, .footer input#place_order:hover > *, .stripe input#place_order:hover, input#place_order:hover *, .sidebar input#place_order:hover, .sidebar .widget input#place_order:hover, .sidebar-content .widget input#place_order:hover, .footer input#place_order:hover, .stripe .woocommerce-Reviews .submit:not(.box-button):hover > *, .woocommerce-Reviews .submit:not(.box-button):hover > * *, .sidebar .woocommerce-Reviews .submit:not(.box-button):hover > *, .sidebar .widget .woocommerce-Reviews .submit:not(.box-button):hover > *, .sidebar-content .widget .woocommerce-Reviews .submit:not(.box-button):hover > *, .footer .woocommerce-Reviews .submit:not(.box-button):hover > *, .stripe .woocommerce-Reviews .submit:not(.box-button):hover, .woocommerce-Reviews .submit:not(.box-button):hover *, .sidebar .woocommerce-Reviews .submit:not(.box-button):hover, .sidebar .widget .woocommerce-Reviews .submit:not(.box-button):hover, .sidebar-content .widget .woocommerce-Reviews .submit:not(.box-button):hover, .footer .woocommerce-Reviews .submit:not(.box-button):hover, .stripe input.button:hover > *, input.button:hover > * *, .sidebar input.button:hover > *, .sidebar .widget input.button:hover > *, .sidebar-content .widget input.button:hover > *, .footer input.button:hover > *, .stripe input.button:hover, input.button:hover *, .sidebar input.button:hover, .sidebar .widget input.button:hover, .sidebar-content .widget input.button:hover, .footer input.button:hover, .stripe input[name="save_address"]:hover > *, input[name="save_address"]:hover > * *, .sidebar input[name="save_address"]:hover > *, .sidebar .widget input[name="save_address"]:hover > *, .sidebar-content .widget input[name="save_address"]:hover > *, .footer input[name="save_address"]:hover > *, .stripe input[name="save_address"]:hover, input[name="save_address"]:hover *, .sidebar input[name="save_address"]:hover, .sidebar .widget input[name="save_address"]:hover, .sidebar-content .widget input[name="save_address"]:hover, .footer input[name="save_address"]:hover, .stripe .wc-layout-list .woo-buttons a:hover > *, .wc-layout-list .woo-buttons a:hover > * *, .sidebar .wc-layout-list .woo-buttons a:hover > *, .sidebar .widget .wc-layout-list .woo-buttons a:hover > *, .sidebar-content .widget .wc-layout-list .woo-buttons a:hover > *, .footer .wc-layout-list .woo-buttons a:hover > *, .stripe .wc-layout-list .woo-buttons a:hover, .wc-layout-list .woo-buttons a:hover *, .sidebar .wc-layout-list .woo-buttons a:hover, .sidebar .widget .wc-layout-list .woo-buttons a:hover, .sidebar-content .widget .wc-layout-list .woo-buttons a:hover, .footer .wc-layout-list .woo-buttons a:hover, .stripe .post-password-form input[type="submit"]:hover > *, .post-password-form input[type="submit"]:hover > * *, .sidebar .post-password-form input[type="submit"]:hover > *, .sidebar .widget .post-password-form input[type="submit"]:hover > *, .sidebar-content .widget .post-password-form input[type="submit"]:hover > *, .footer .post-password-form input[type="submit"]:hover > *, .stripe .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:hover *, .sidebar .post-password-form input[type="submit"]:hover, .sidebar .widget .post-password-form input[type="submit"]:hover, .sidebar-content .widget .post-password-form input[type="submit"]:hover, .footer .post-password-form input[type="submit"]:hover, .stripe .mc4wp-form input[type="submit"]:hover > *, .mc4wp-form input[type="submit"]:hover > * *, .sidebar .mc4wp-form input[type="submit"]:hover > *, .sidebar .widget .mc4wp-form input[type="submit"]:hover > *, .sidebar-content .widget .mc4wp-form input[type="submit"]:hover > *, .footer .mc4wp-form input[type="submit"]:hover > *, .stripe .mc4wp-form input[type="submit"]:hover, .mc4wp-form input[type="submit"]:hover *, .sidebar .mc4wp-form input[type="submit"]:hover, .sidebar .widget .mc4wp-form input[type="submit"]:hover, .sidebar-content .widget .mc4wp-form input[type="submit"]:hover, .footer .mc4wp-form input[type="submit"]:hover, .stripe div.mc4wp-form button[type="submit"]:hover > *, div.mc4wp-form button[type="submit"]:hover > * *, .sidebar div.mc4wp-form button[type="submit"]:hover > *, .sidebar .widget div.mc4wp-form button[type="submit"]:hover > *, .sidebar-content .widget div.mc4wp-form button[type="submit"]:hover > *, .footer div.mc4wp-form button[type="submit"]:hover > *, .stripe div.mc4wp-form button[type="submit"]:hover, div.mc4wp-form button[type="submit"]:hover *, .sidebar div.mc4wp-form button[type="submit"]:hover, .sidebar .widget div.mc4wp-form button[type="submit"]:hover, .sidebar-content .widget div.mc4wp-form button[type="submit"]:hover, .footer div.mc4wp-form button[type="submit"]:hover, .stripe .tml-submit-wrap input[type="submit"]:hover > *, .tml-submit-wrap input[type="submit"]:hover > * *, .sidebar .tml-submit-wrap input[type="submit"]:hover > *, .sidebar .widget .tml-submit-wrap input[type="submit"]:hover > *, .sidebar-content .widget .tml-submit-wrap input[type="submit"]:hover > *, .footer .tml-submit-wrap input[type="submit"]:hover > *, .stripe .tml-submit-wrap input[type="submit"]:hover, .tml-submit-wrap input[type="submit"]:hover *, .sidebar .tml-submit-wrap input[type="submit"]:hover, .sidebar .widget .tml-submit-wrap input[type="submit"]:hover, .sidebar-content .widget .tml-submit-wrap input[type="submit"]:hover, .footer .tml-submit-wrap input[type="submit"]:hover, .stripe .wpcf7-form input[type="submit"]:hover > *, .wpcf7-form input[type="submit"]:hover > * *, .sidebar .wpcf7-form input[type="submit"]:hover > *, .sidebar .widget .wpcf7-form input[type="submit"]:hover > *, .sidebar-content .widget .wpcf7-form input[type="submit"]:hover > *, .footer .wpcf7-form input[type="submit"]:hover > *, .stripe .wpcf7-form input[type="submit"]:hover, .wpcf7-form input[type="submit"]:hover *, .sidebar .wpcf7-form input[type="submit"]:hover, .sidebar .widget .wpcf7-form input[type="submit"]:hover, .sidebar-content .widget .wpcf7-form input[type="submit"]:hover, .footer .wpcf7-form input[type="submit"]:hover, .stripe input[type="submit"]:not([name="update_cart"]):hover > *, input[type="submit"]:not([name="update_cart"]):hover > * *, .sidebar input[type="submit"]:not([name="update_cart"]):hover > *, .sidebar .widget input[type="submit"]:not([name="update_cart"]):hover > *, .sidebar-content .widget input[type="submit"]:not([name="update_cart"]):hover > *, .footer input[type="submit"]:not([name="update_cart"]):hover > *, .stripe input[type="submit"]:not([name="update_cart"]):hover, input[type="submit"]:not([name="update_cart"]):hover *, .sidebar input[type="submit"]:not([name="update_cart"]):hover, .sidebar .widget input[type="submit"]:not([name="update_cart"]):hover, .sidebar-content .widget input[type="submit"]:not([name="update_cart"]):hover, .footer input[type="submit"]:not([name="update_cart"]):hover, .stripe .woocommerce-widget-layered-nav-dropdown__submit:hover > *, .woocommerce-widget-layered-nav-dropdown__submit:hover > * *, .sidebar .woocommerce-widget-layered-nav-dropdown__submit:hover > *, .sidebar .widget .woocommerce-widget-layered-nav-dropdown__submit:hover > *, .sidebar-content .widget .woocommerce-widget-layered-nav-dropdown__submit:hover > *, .footer .woocommerce-widget-layered-nav-dropdown__submit:hover > *, .stripe .woocommerce-widget-layered-nav-dropdown__submit:hover, .woocommerce-widget-layered-nav-dropdown__submit:hover *, .sidebar .woocommerce-widget-layered-nav-dropdown__submit:hover, .sidebar .widget .woocommerce-widget-layered-nav-dropdown__submit:hover, .sidebar-content .widget .woocommerce-widget-layered-nav-dropdown__submit:hover, .footer .woocommerce-widget-layered-nav-dropdown__submit:hover, .stripe .give-btn.give-btn-reveal:hover > *, .give-btn.give-btn-reveal:hover > * *, .sidebar .give-btn.give-btn-reveal:hover > *, .sidebar .widget .give-btn.give-btn-reveal:hover > *, .sidebar-content .widget .give-btn.give-btn-reveal:hover > *, .footer .give-btn.give-btn-reveal:hover > *, .stripe .give-btn.give-btn-reveal:hover, .give-btn.give-btn-reveal:hover *, .sidebar .give-btn.give-btn-reveal:hover, .sidebar .widget .give-btn.give-btn-reveal:hover, .sidebar-content .widget .give-btn.give-btn-reveal:hover, .footer .give-btn.give-btn-reveal:hover, .stripe .give-submit.give-btn:hover > *, .give-submit.give-btn:hover > * *, .sidebar .give-submit.give-btn:hover > *, .sidebar .widget .give-submit.give-btn:hover > *, .sidebar-content .widget .give-submit.give-btn:hover > *, .footer .give-submit.give-btn:hover > *, .stripe .give-submit.give-btn:hover, .give-submit.give-btn:hover *, .sidebar .give-submit.give-btn:hover, .sidebar .widget .give-submit.give-btn:hover, .sidebar-content .widget .give-submit.give-btn:hover, .footer .give-submit.give-btn:hover, .stripe .wc-block-filter-submit-button:hover > *, .wc-block-filter-submit-button:hover > * *, .sidebar .wc-block-filter-submit-button:hover > *, .sidebar .widget .wc-block-filter-submit-button:hover > *, .sidebar-content .widget .wc-block-filter-submit-button:hover > *, .footer .wc-block-filter-submit-button:hover > *, .stripe .wc-block-filter-submit-button:hover, .wc-block-filter-submit-button:hover *, .sidebar .wc-block-filter-submit-button:hover, .sidebar .widget .wc-block-filter-submit-button:hover, .sidebar-content .widget .wc-block-filter-submit-button:hover, .footer .wc-block-filter-submit-button:hover{color: var(--the7-btn-hover-color); color: #ffffff;} .mec-event-footer .mec-booking-button:hover, .dt-form button:hover, #page .widget .dt-form .dt-btn:hover, .widget .dt-form .dt-btn:hover, input[type="reset"]:hover, .wpcf7-submit:hover, .nsu-submit:hover, .dt-wc-btn:hover, input#place_order:hover, .woocommerce-Reviews .submit:not(.box-button):hover, input.button:hover, input[name="save_address"]:hover, .wc-layout-list .woo-buttons a:hover, .post-password-form input[type="submit"]:hover, .mc4wp-form input[type="submit"]:hover, div.mc4wp-form button[type="submit"]:hover, .tml-submit-wrap input[type="submit"]:hover, .wpcf7-form input[type="submit"]:hover, input[type="submit"]:not([name="update_cart"]):hover, .woocommerce-widget-layered-nav-dropdown__submit:hover, .give-btn.give-btn-reveal:hover, .give-submit.give-btn:hover, .wc-block-filter-submit-button:hover{border-color: var(--the7-btn-border-hover-color);} #page .mec-event-footer .mec-booking-button:hover, .tinv-modal .mec-event-footer .mec-booking-button:hover, #page .dt-form button:hover, .tinv-modal .dt-form button:hover, #page #page .widget .dt-form .dt-btn:hover, .tinv-modal #page .widget .dt-form .dt-btn:hover, #page .widget .dt-form .dt-btn:hover, .tinv-modal .widget .dt-form .dt-btn:hover, #page input[type="reset"]:hover, .tinv-modal input[type="reset"]:hover, #page .wpcf7-submit:hover, .tinv-modal .wpcf7-submit:hover, #page .nsu-submit:hover, .tinv-modal .nsu-submit:hover, #page .dt-wc-btn:hover, .tinv-modal .dt-wc-btn:hover, #page input#place_order:hover, .tinv-modal input#place_order:hover, #page .woocommerce-Reviews .submit:not(.box-button):hover, .tinv-modal .woocommerce-Reviews .submit:not(.box-button):hover, #page input.button:hover, .tinv-modal input.button:hover, #page input[name="save_address"]:hover, .tinv-modal input[name="save_address"]:hover, #page .wc-layout-list .woo-buttons a:hover, .tinv-modal .wc-layout-list .woo-buttons a:hover, #page .post-password-form input[type="submit"]:hover, .tinv-modal .post-password-form input[type="submit"]:hover, #page .mc4wp-form input[type="submit"]:hover, .tinv-modal .mc4wp-form input[type="submit"]:hover, #page div.mc4wp-form button[type="submit"]:hover, .tinv-modal div.mc4wp-form button[type="submit"]:hover, #page .tml-submit-wrap input[type="submit"]:hover, .tinv-modal .tml-submit-wrap input[type="submit"]:hover, #page .wpcf7-form input[type="submit"]:hover, .tinv-modal .wpcf7-form input[type="submit"]:hover, #page input[type="submit"]:not([name="update_cart"]):hover, .tinv-modal input[type="submit"]:not([name="update_cart"]):hover, #page .woocommerce-widget-layered-nav-dropdown__submit:hover, .tinv-modal .woocommerce-widget-layered-nav-dropdown__submit:hover, #page .give-btn.give-btn-reveal:hover, .tinv-modal .give-btn.give-btn-reveal:hover, #page .give-submit.give-btn:hover, .tinv-modal .give-submit.give-btn:hover, #page .wc-block-filter-submit-button:hover, .tinv-modal .wc-block-filter-submit-button:hover{background: var(--the7-btn-hover-bg,#1bc365);} .btn-hover-bg-off #page .mec-event-footer .mec-booking-button:hover, .btn-hover-bg-off #page .dt-form button:hover, .btn-hover-bg-off #page #page .widget .dt-form .dt-btn:hover, .btn-hover-bg-off #page .widget .dt-form .dt-btn:hover, .btn-hover-bg-off #page input[type="reset"]:hover, .btn-hover-bg-off #page .wpcf7-submit:hover, .btn-hover-bg-off #page .nsu-submit:hover, .btn-hover-bg-off #page .dt-wc-btn:hover, .btn-hover-bg-off #page input#place_order:hover, .btn-hover-bg-off #page .woocommerce-Reviews .submit:not(.box-button):hover, .btn-hover-bg-off #page input.button:hover, .btn-hover-bg-off #page input[name="save_address"]:hover, .btn-hover-bg-off #page .wc-layout-list .woo-buttons a:hover, .btn-hover-bg-off #page .post-password-form input[type="submit"]:hover, .btn-hover-bg-off #page .mc4wp-form input[type="submit"]:hover, .btn-hover-bg-off #page div.mc4wp-form button[type="submit"]:hover, .btn-hover-bg-off #page .tml-submit-wrap input[type="submit"]:hover, .btn-hover-bg-off #page .wpcf7-form input[type="submit"]:hover, .btn-hover-bg-off #page input[type="submit"]:not([name="update_cart"]):hover, .btn-hover-bg-off #page .woocommerce-widget-layered-nav-dropdown__submit:hover, .btn-hover-bg-off #page .give-btn.give-btn-reveal:hover, .btn-hover-bg-off #page .give-submit.give-btn:hover, .btn-hover-bg-off #page .wc-block-filter-submit-button:hover{background: none;} .mec-event-footer .mec-booking-button:hover .text-wrap, .dt-form button:hover .text-wrap, #page .widget .dt-form .dt-btn:hover .text-wrap, .widget .dt-form .dt-btn:hover .text-wrap, input[type="reset"]:hover .text-wrap, .wpcf7-submit:hover .text-wrap, .nsu-submit:hover .text-wrap, .dt-wc-btn:hover .text-wrap, input#place_order:hover .text-wrap, .woocommerce-Reviews .submit:not(.box-button):hover .text-wrap, input.button:hover .text-wrap, input[name="save_address"]:hover .text-wrap, .wc-layout-list .woo-buttons a:hover .text-wrap, .post-password-form input[type="submit"]:hover .text-wrap, .mc4wp-form input[type="submit"]:hover .text-wrap, div.mc4wp-form button[type="submit"]:hover .text-wrap, .tml-submit-wrap input[type="submit"]:hover .text-wrap, .wpcf7-form input[type="submit"]:hover .text-wrap, input[type="submit"]:not([name="update_cart"]):hover .text-wrap, .woocommerce-widget-layered-nav-dropdown__submit:hover .text-wrap, .give-btn.give-btn-reveal:hover .text-wrap, .give-submit.give-btn:hover .text-wrap, .wc-block-filter-submit-button:hover .text-wrap{color: var(--the7-btn-hover-color);} .stripe .wc-block-product-search .wc-block-product-search__button, .wc-block-product-search .wc-block-product-search__button *, .sidebar .wc-block-product-search .wc-block-product-search__button, .sidebar .widget .wc-block-product-search .wc-block-product-search__button, .sidebar-content .widget .wc-block-product-search .wc-block-product-search__button, .footer .wc-block-product-search .wc-block-product-search__button, .stripe .wp-block-search .wp-block-search__button, .wp-block-search .wp-block-search__button *, .sidebar .wp-block-search .wp-block-search__button, .sidebar .widget .wp-block-search .wp-block-search__button, .sidebar-content .widget .wp-block-search .wp-block-search__button, .footer .wp-block-search .wp-block-search__button, .stripe button.button, button.button *, .sidebar button.button, .sidebar .widget button.button, .sidebar-content .widget button.button, .footer button.button, .stripe .cart-btn-below-img .woo-buttons a, .cart-btn-below-img .woo-buttons a *, .sidebar .cart-btn-below-img .woo-buttons a, .sidebar .widget .cart-btn-below-img .woo-buttons a, .sidebar-content .widget .cart-btn-below-img .woo-buttons a, .footer .cart-btn-below-img .woo-buttons a, .stripe a.button:not(.edd-submit), a.button:not(.edd-submit) *, .sidebar a.button:not(.edd-submit), .sidebar .widget a.button:not(.edd-submit), .sidebar-content .widget a.button:not(.edd-submit), .footer a.button:not(.edd-submit){color: var(--the7-btn-color); color: #ffffff;} .stripe .wc-block-product-search .wc-block-product-search__button:hover, .wc-block-product-search .wc-block-product-search__button:hover *, .sidebar .wc-block-product-search .wc-block-product-search__button:hover, .sidebar .widget .wc-block-product-search .wc-block-product-search__button:hover, .sidebar-content .widget .wc-block-product-search .wc-block-product-search__button:hover, .footer .wc-block-product-search .wc-block-product-search__button:hover, .stripe .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:hover *, .sidebar .wp-block-search .wp-block-search__button:hover, .sidebar .widget .wp-block-search .wp-block-search__button:hover, .sidebar-content .widget .wp-block-search .wp-block-search__button:hover, .footer .wp-block-search .wp-block-search__button:hover, .stripe button.button:hover, button.button:hover *, .sidebar button.button:hover, .sidebar .widget button.button:hover, .sidebar-content .widget button.button:hover, .footer button.button:hover, .stripe .cart-btn-below-img .woo-buttons a:hover, .cart-btn-below-img .woo-buttons a:hover *, .sidebar .cart-btn-below-img .woo-buttons a:hover, .sidebar .widget .cart-btn-below-img .woo-buttons a:hover, .sidebar-content .widget .cart-btn-below-img .woo-buttons a:hover, .footer .cart-btn-below-img .woo-buttons a:hover, .stripe a.button:not(.edd-submit):hover, a.button:not(.edd-submit):hover *, .sidebar a.button:not(.edd-submit):hover, .sidebar .widget a.button:not(.edd-submit):hover, .sidebar-content .widget a.button:not(.edd-submit):hover, .footer a.button:not(.edd-submit):hover{color: var(--the7-btn-hover-color); color: #ffffff;} .dt-btn:not(.btn-custom-style) *, .sidebar .dt-btn:not(.btn-custom-style), .content .sidebar-content .dt-btn:not(.btn-custom-style), .footer .dt-btn:not(.btn-custom-style), .content .shortcode-banner-inside .dt-btn:not(.btn-custom-style) *, .content .dt-btn:not(.btn-custom-style), .content .elementor-widget[class*='elementor-widget-wp-widget-'] .dt-btn:not(.btn-custom-style), .btn-link *, .sidebar .btn-link, .content .sidebar-content .btn-link, .footer .btn-link, .content .shortcode-banner-inside .btn-link *, .content .btn-link, .content .elementor-widget[class*='elementor-widget-wp-widget-'] .btn-link{color: var(--the7-btn-color);} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .dt-btn:not(.btn-custom-style).title-btn-color, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .dt-btn:not(.btn-custom-style).title-btn-color > span, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .dt-btn:not(.btn-custom-style).title-btn-color > .text-wrap *, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .dt-btn:not(.btn-custom-style).title-btn-color > i[class^="fa"], .dt-mega-menu .dt-mega-parent .sidebar-content .widget .dt-btn:not(.btn-custom-style).title-btn-color > i[class^="dt-icon-"], .dt-mega-menu .dt-mega-parent .sidebar-content .widget .btn-link.title-btn-color, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .btn-link.title-btn-color > span, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .btn-link.title-btn-color > .text-wrap *, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .btn-link.title-btn-color > i[class^="fa"], .dt-mega-menu .dt-mega-parent .sidebar-content .widget .btn-link.title-btn-color > i[class^="dt-icon-"]{color: #333333;} .footer .dt-btn:not(.btn-custom-style).title-btn-color, .footer .dt-btn:not(.btn-custom-style).title-btn-color > span, .footer .dt-btn:not(.btn-custom-style).title-btn-color > .text-wrap *, .footer .dt-btn:not(.btn-custom-style).title-btn-color > i[class^="fa"], .footer .dt-btn:not(.btn-custom-style).title-btn-color > i[class^="dt-icon-"], .footer .btn-link.title-btn-color, .footer .btn-link.title-btn-color > span, .footer .btn-link.title-btn-color > .text-wrap *, .footer .btn-link.title-btn-color > i[class^="fa"], .footer .btn-link.title-btn-color > i[class^="dt-icon-"]{color: #ffffff;} .footer .dt-fancy-title.bg-on, .footer hr.gf_rule{background-color: rgba(255,255,255,0.08);} .footer .accent-border-color .dt-fancy-title.bg-on, .accent-gradient .footer .accent-border-color .dt-fancy-title.bg-on{background: #ffffff;} #page .wf-container-footer .accent-title-color .dt-fancy-title, .accent-gradient #page .footer .accent-title-color .dt-fancy-title{color: #ffffff; background: none;} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .title-color .dt-fancy-title{color: #333333;} .footer .title-color .dt-fancy-title{color: #ffffff;} .footer .dt-fancy-separator, .footer .dt-fancy-separator *{color: rgba(255,255,255,0.5);} .footer .separator-holder, .footer .accent-border-color .bg-on .separator-holder{border-color: rgba(255,255,255,0.15);} .footer .borderframe .shortcode-single-image{border-color: rgba(255,255,255,0.15);} .footer .shortcode-single-caption{color: rgba(255,255,255,0.5);} .footer .frame-on{border-color: rgba(255,255,255,0.15);} .footer .list-divider li{border-color: rgba(255,255,255,0.15);} .footer .standard-number-list li:before, .accent-gradient .footer .standard-number-list li:before, .footer .standard-arrow li:before, .accent-gradient .footer .standard-arrow li:before{background: #ffffff;} .footer .soc-ico a:before{background-color: rgba(255,255,255,0.15);} #main .soc-ico a:hover, #footer .soc-ico a:hover{background-color: transparent; box-shadow: none;} #main .soc-ico a:after, #footer .soc-ico a:after{background-color: var(--the7-accent-color); box-shadow: none;} #footer .soc-ico a:after{background: #ffffff;} .accent-gradient #main .soc-ico a:hover, .accent-gradient #footer .soc-ico a:hover{background: none;} .accent-gradient #main .soc-ico a:after, .accent-gradient #footer .soc-ico a:after{background: #1ebbf0; background: var(--sdk-accent, #6a2fff) !important; background: var(--sdk-accent, #6a2fff) !important;} .accent-gradient #footer .soc-ico a:after{background: #ffffff;} .footer .soc-ico a:not(:hover) .soc-font-icon{color: #ffffff;} .footer .shortcode-pullquote:after, .accent-gradient .footer .shortcode-pullquote:after, .footer .shortcode-action-bg:before, .accent-gradient .footer .shortcode-action-bg:before{background: #ffffff;} .footer blockquote.shortcode-blockquote{border-color: rgba(255,255,255,0.15);} .dt-mega-menu .dt-mega-parent .sidebar-content .widget blockquote:not(.elementor-blockquote), .dt-mega-menu .dt-mega-parent .sidebar-content .widget blockquote:not(.elementor-blockquote) *, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .shortcode-pullquote, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .wp-block-quote cite{color: #333333;} .footer blockquote:not(.elementor-blockquote), .footer blockquote:not(.elementor-blockquote) *, .footer .shortcode-pullquote, .footer .wp-block-quote cite{color: #ffffff;} .footer .plain-bg{border-color: rgba(255,255,255,0.15);} .footer .slider-wrapper.arrows-accent .owl-prev:hover i, .accent-gradient .footer .slider-wrapper.arrows-accent .owl-prev:hover i, .footer .slider-wrapper.arrows-accent .owl-next:hover i, .accent-gradient .footer .slider-wrapper.arrows-accent .owl-next:hover i{background: #ffffff;} .widget .dt-form .dt-btn, .dt-form .dt-btn, .comment-form .dt-btn{font: var(--the7-btn-m-font); text-transform: var(--the7-btn-m-text-transform); letter-spacing: var(--the7-btn-m-letter-spacing); word-spacing: var(--the7-btn-m-word-spacing); border-radius: var(--the7-btn-m-border-radius); padding: var(--the7-btn-m-padding);} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .filter a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .filter a *, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .filter .customSelect{color: #333333;} .footer .filter a, .footer .filter a *, .footer .filter .customSelect{color: #ffffff;} .footer .filter-bg-decoration .filter-categories a.act, .accent-gradient .footer .filter-bg-decoration .filter-categories a.act{background: #ffffff;} .footer .filter-underline-decoration .filter-categories a:after, .accent-gradient .footer .filter-underline-decoration .filter-categories a:after{background: #ffffff;} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .paginator a, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .paginator a *{color: #333333;} .footer .paginator a, .footer .paginator a *{color: #ffffff;} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .paginator:not(.paginator-more-button) a{color: #333333;} .footer .paginator:not(.paginator-more-button) a{color: #ffffff;} #footer.solid-bg{background: #272038 none repeat center top;} #footer.footer-outline-decoration{border-top: 1px solid rgba(129,215,66,0.96);} .wf-container-footer, .footer.full-width-line{border-top: 1px solid #272038;} .header-side-left.footer-overlap.boxed-layout:not(.sticky-header) #footer, .header-side-right.footer-overlap.boxed-layout:not(.sticky-header) #footer{max-width: 1580px;} #footer .wf-container-footer{padding-top: 50px; padding-bottom: 15px;} #footer .wf-container{margin: 0 -25px;} .footer .widget{color: #ffffff; padding: 0 25px;} .footer .widget, .footer .tp_recent_tweets li{font: var(--the7-widget-content-font); text-transform: var(--the7-widget-content-text-transform); letter-spacing: var(--the7-widget-content-letter-spacing); text-decoration: var(--the7-widget-content-text-decoration);} #footer.full-width > .wf-wrap, #footer.full-width #bottom-bar > .wf-wrap{width: 100%;} #footer > .wf-wrap, #footer #bottom-bar > .wf-wrap{padding: 0 50px 0 50px;} #bottom-bar.solid-bg{background: rgba(255,255,255,0.12) none repeat center top;} .wf-container-bottom, #bottom-bar.full-width-line{border-top: 1px solid rgba(255,255,255,0.12);} .wf-container-bottom{padding: 10px 0 10px 0; min-height: 60px;} .footer-sub-nav > li.act > a .menu-text, .footer-sub-nav > li:not(.act):hover > a .menu-text, .footer-sub-nav > li.act > a .subtitle-text, .footer-sub-nav > li:not(.act):hover > a .subtitle-text{color: var(--the7-accent-color); color: #ffffff; background: none;} .footer .no-avatar, .footer .testim-no-avatar{border-color: rgba(255,255,255,0.15);} .footer .no-avatar, .footer .no-avatar svg, .footer .comment-list .no-avatar:after{color: rgba(255,255,255,0.15);} .scroll-top{border-radius: 0px;} .footer a.clear-form, .footer #cancel-comment-reply-link{color: rgba(255,255,255,0.5);} .footer .customSelect{background-color: rgba(255,255,255,0.08);} .footer .dt-highlight, .accent-gradient .footer .dt-highlight{background: #ffffff;} .footer .post-content .text-secondary{color: rgba(255,255,255,0.5);} #page .wf-container-footer .items-grid .post-content a:hover, .accent-gradient #page .footer .items-grid .post-content a:hover, #page .wf-container-footer .post-content a:hover, .accent-gradient #page .footer .post-content a:hover{color: #ffffff; background: none;} .footer .layzr-bg{background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(255,255,255,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E');} .footer .layzr-bg:not(.layzr-bg-transparent){background-color: rgba(255,255,255,0.05);} .footer .rollover-thumbnails span:first-child i, .accent-gradient .footer .rollover-thumbnails span:first-child i{background: #ffffff;} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .rollover-content h2.entry-title{color: #333333;} .footer .rollover-content h2.entry-title{color: #ffffff;} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .gform_wrapper h3.gform_title, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .gform_wrapper .gsection .gfield_label, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .gform_wrapper h2.gsection_title, .dt-mega-menu .dt-mega-parent .sidebar-content .widget h3.gform_title, .dt-mega-menu .dt-mega-parent .sidebar-content .widget form.mc4wp-form label{color: #333333;} .footer .gform_wrapper h3.gform_title, .footer .gform_wrapper .gsection .gfield_label, .footer .gform_wrapper h2.gsection_title, .footer h3.gform_title, .footer form.mc4wp-form label{color: #ffffff;} .footer .ngg-albumoverview .ngg-album, .footer .wpb_separator.wpb_content_element, .footer .vc_text_separator{border-color: rgba(255,255,255,0.15);} .overlap #fancy-header .wf-wrap, .overlap .page-title .wf-wrap{padding-top: 70px; padding-bottom: 70px;} .classic-header .navigation > .mini-widgets, .classic-header .widget-box .mini-widgets{padding: 0px 0px 0px 40px;} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .wpb_content_element .wpb_tabs_nav > li > a{color: #333333;} .footer .wpb_content_element .wpb_tabs_nav > li > a{color: #ffffff;} .footer .wpb_tabs.tab-style-one .wpb_tabs_nav > li.ui-state-active, .accent-gradient .footer .wpb_tabs.tab-style-one .wpb_tabs_nav > li.ui-state-active{background: #ffffff;} .footer .wpb_tour.tab-style-three .wpb_tabs_nav li, .footer .wpb_tour.tab-style-three .wpb_tabs_nav{border-color: rgba(255,255,255,0.15);} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .wpb_content_element .wpb_accordion_header > a span{color: #333333;} .footer .wpb_content_element .wpb_accordion_header > a span{color: #ffffff;} #page .wf-container-footer .wpb_accordion .wpb_accordion_wrapper > a:hover span, .accent-gradient #page .footer .wpb_accordion .wpb_accordion_wrapper > a:hover span, #page .wf-container-footer .wpb_content_element .wpb_accordion_header a:hover span, .accent-gradient #page .footer .wpb_content_element .wpb_accordion_header a:hover span{color: #ffffff; background: none;} .footer .wpb_content_element.dt-accordion-line-on .wpb_accordion_wrapper .wpb_accordion_header{border-color: rgba(255,255,255,0.15);} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .pb-style-two .vc_label, .dt-mega-menu .dt-mega-parent .sidebar-content .widget .pb-style-three .vc_label{color: #333333;} .footer .pb-style-two .vc_label, .footer .pb-style-three .vc_label{color: #ffffff;} .footer #page .accent-bg:not([class*='vc_progress-bar-color']) .vc_bar, .accent-gradient .footer #page .accent-bg:not([class*='vc_progress-bar-color']) .vc_bar{background: #ffffff;} .footer .header-color{color: #ffffff;} .dt-products ul.products li.product .onsale, .products-shortcode ul.products li.product .onsale, .product ul.products li.product .onsale, .widget.woocommerce ul.products li.product .onsale, .products-carousel-shortcode ul.products li.product .onsale{top: 0; right: 0; left: auto; margin: -0.5em -0.5em 0 0;} .dt-products ul.products li.product .price del, .products-shortcode ul.products li.product .price del, .product ul.products li.product .price del, .widget.woocommerce ul.products li.product .price del, .products-carousel-shortcode ul.products li.product .price del{color: inherit; opacity: .5; display: block;} .widget .star-rating{float: none; margin: 5px 0;} .footer .reset_variations, .footer .reset_variations:hover, .footer .variations label, .footer .entry-summary .product_meta > span, .footer .dhvc-woocommerce-page .product_meta > span, .footer .entry-summary .product_meta > span a, .footer .dhvc-woocommerce-page .product_meta > span a, .footer .the7-elementor-widget .product_meta > span, .footer .the7-elementor-widget .product_meta > span a, .footer .product_list_widget del, .footer .product_list_widget del .amount, .footer .product_list_widget del .amount *, .footer .woocom-list-content .price del, .footer .woocom-list-content del, .footer .woocom-list-content del .amount, .footer .woocom-list-content del .amount *, .footer .woocommerce-review-link, .footer .woocommerce-review-link *, .footer .woocommerce-review-link:hover, .footer .widget_price_filter .price_slider_amount, .footer .shop_table .variation *, .footer .product:not(.elementor) .woocommerce-tabs li > a, .footer .the7-elementor-widget .woocommerce-tabs li > a, .footer .the7-elementor-widget .woocommerce-tabs .dt-tab-accordion-title, .footer .product .summary.entry-summary .price del, .footer .woocommerce-variation-price .price del, .footer .woocommerce-result-count, .footer .widget_layered_nav li > small, .footer .stars a{color: rgba(255,255,255,0.5);} .footer .widget_product_categories .count{color: rgba(255,255,255,0.5);} .product-name > a, #reviews ol.commentlist .meta, ul.cart_list li a:not(:hover), ul.product_list_widget li a:not(:hover), .widget-product-title:not(:hover) *, .product:not(.elementor) .woocommerce-tabs li.active > a, .product:not(.elementor) .woocommerce-tabs li > a:hover, .the7-elementor-widget .woocommerce-tabs li.active > a, .the7-elementor-widget .woocommerce-tabs li > a:hover, .the7-elementor-widget .woocommerce-tabs .dt-tab-accordion-title.active, .the7-elementor-widget .woocommerce-tabs .dt-tab-accordion-title:hover, .product .summary.entry-summary .price, .product .summary.entry-summary .price ins, .product-category mark, .woocom-list-content .price, .woocom-list-content .price *, .woocommerce-checkout-review-order-table .woocommerce-Price-amount, .widget_shopping_cart .total, .widget_rating_filter{color: var(--the7-h1-color);} .elementor-widget[class*=elementor-widget-wp-widget-] .product-name > a, .elementor-widget[class*=elementor-widget-wp-widget-] #reviews ol.commentlist .meta, .elementor-widget[class*=elementor-widget-wp-widget-] ul.cart_list li a:not(:hover), .elementor-widget[class*=elementor-widget-wp-widget-] ul.product_list_widget li a:not(:hover), .elementor-widget[class*=elementor-widget-wp-widget-] .widget-product-title:not(:hover) *, .elementor-widget[class*=elementor-widget-wp-widget-] .product:not(.elementor) .woocommerce-tabs li.active > a, .elementor-widget[class*=elementor-widget-wp-widget-] .product:not(.elementor) .woocommerce-tabs li > a:hover, .elementor-widget[class*=elementor-widget-wp-widget-] .the7-elementor-widget .woocommerce-tabs li.active > a, .elementor-widget[class*=elementor-widget-wp-widget-] .the7-elementor-widget .woocommerce-tabs li > a:hover, .elementor-widget[class*=elementor-widget-wp-widget-] .the7-elementor-widget .woocommerce-tabs .dt-tab-accordion-title.active, .elementor-widget[class*=elementor-widget-wp-widget-] .the7-elementor-widget .woocommerce-tabs .dt-tab-accordion-title:hover, .elementor-widget[class*=elementor-widget-wp-widget-] .product .summary.entry-summary .price, .elementor-widget[class*=elementor-widget-wp-widget-] .product .summary.entry-summary .price ins, .elementor-widget[class*=elementor-widget-wp-widget-] .product-category mark, .elementor-widget[class*=elementor-widget-wp-widget-] .woocom-list-content .price, .elementor-widget[class*=elementor-widget-wp-widget-] .woocom-list-content .price *, .elementor-widget[class*=elementor-widget-wp-widget-] .woocommerce-checkout-review-order-table .woocommerce-Price-amount, .elementor-widget[class*=elementor-widget-wp-widget-] .widget_shopping_cart .total, .elementor-widget[class*=elementor-widget-wp-widget-] .widget_rating_filter{color: var(--the7-h1-color);} .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) .product-name > a, .sidebar-content .product-name > a, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) #reviews ol.commentlist .meta, .sidebar-content #reviews ol.commentlist .meta, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) ul.cart_list li a:not(:hover), .sidebar-content ul.cart_list li a:not(:hover), .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) ul.product_list_widget li a:not(:hover), .sidebar-content ul.product_list_widget li a:not(:hover), .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) .widget-product-title:not(:hover) *, .sidebar-content .widget-product-title:not(:hover) *, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) .product:not(.elementor) .woocommerce-tabs li.active > a, .sidebar-content .product:not(.elementor) .woocommerce-tabs li.active > a, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) .product:not(.elementor) .woocommerce-tabs li > a:hover, .sidebar-content .product:not(.elementor) .woocommerce-tabs li > a:hover, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) .the7-elementor-widget .woocommerce-tabs li.active > a, .sidebar-content .the7-elementor-widget .woocommerce-tabs li.active > a, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) .the7-elementor-widget .woocommerce-tabs li > a:hover, .sidebar-content .the7-elementor-widget .woocommerce-tabs li > a:hover, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) .the7-elementor-widget .woocommerce-tabs .dt-tab-accordion-title.active, .sidebar-content .the7-elementor-widget .woocommerce-tabs .dt-tab-accordion-title.active, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) .the7-elementor-widget .woocommerce-tabs .dt-tab-accordion-title:hover, .sidebar-content .the7-elementor-widget .woocommerce-tabs .dt-tab-accordion-title:hover, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) .product .summary.entry-summary .price, .sidebar-content .product .summary.entry-summary .price, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) .product .summary.entry-summary .price ins, .sidebar-content .product .summary.entry-summary .price ins, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) .product-category mark, .sidebar-content .product-category mark, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) .woocom-list-content .price, .sidebar-content .woocom-list-content .price, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) .woocom-list-content .price *, .sidebar-content .woocom-list-content .price *, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) .woocommerce-checkout-review-order-table .woocommerce-Price-amount, .sidebar-content .woocommerce-checkout-review-order-table .woocommerce-Price-amount, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) .widget_shopping_cart .total, .sidebar-content .widget_shopping_cart .total, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) .widget_rating_filter, .sidebar-content .widget_rating_filter{color: #000000;} .dt-mega-parent .sidebar-content .widget .product-name > a, .dt-mega-parent .sidebar-content .widget #reviews ol.commentlist .meta, .dt-mega-parent .sidebar-content .widget ul.cart_list li a:not(:hover), .dt-mega-parent .sidebar-content .widget ul.product_list_widget li a:not(:hover), .dt-mega-parent .sidebar-content .widget .widget-product-title:not(:hover) *, .dt-mega-parent .sidebar-content .widget .product:not(.elementor) .woocommerce-tabs li.active > a, .dt-mega-parent .sidebar-content .widget .product:not(.elementor) .woocommerce-tabs li > a:hover, .dt-mega-parent .sidebar-content .widget .the7-elementor-widget .woocommerce-tabs li.active > a, .dt-mega-parent .sidebar-content .widget .the7-elementor-widget .woocommerce-tabs li > a:hover, .dt-mega-parent .sidebar-content .widget .the7-elementor-widget .woocommerce-tabs .dt-tab-accordion-title.active, .dt-mega-parent .sidebar-content .widget .the7-elementor-widget .woocommerce-tabs .dt-tab-accordion-title:hover, .dt-mega-parent .sidebar-content .widget .product .summary.entry-summary .price, .dt-mega-parent .sidebar-content .widget .product .summary.entry-summary .price ins, .dt-mega-parent .sidebar-content .widget .product-category mark, .dt-mega-parent .sidebar-content .widget .woocom-list-content .price, .dt-mega-parent .sidebar-content .widget .woocom-list-content .price *, .dt-mega-parent .sidebar-content .widget .woocommerce-checkout-review-order-table .woocommerce-Price-amount, .dt-mega-parent .sidebar-content .widget .widget_shopping_cart .total, .dt-mega-parent .sidebar-content .widget .widget_rating_filter{color: #333333;} .footer .widget:not(.widget_icl_lang_sel_widget) .product-name > a, .footer .widget:not(.widget_icl_lang_sel_widget) #reviews ol.commentlist .meta, .footer .widget:not(.widget_icl_lang_sel_widget) ul.cart_list li a:not(:hover), .footer .widget:not(.widget_icl_lang_sel_widget) ul.product_list_widget li a:not(:hover), .footer .widget:not(.widget_icl_lang_sel_widget) .widget-product-title:not(:hover) *, .footer .widget:not(.widget_icl_lang_sel_widget) .product:not(.elementor) .woocommerce-tabs li.active > a, .footer .widget:not(.widget_icl_lang_sel_widget) .product:not(.elementor) .woocommerce-tabs li > a:hover, .footer .widget:not(.widget_icl_lang_sel_widget) .the7-elementor-widget .woocommerce-tabs li.active > a, .footer .widget:not(.widget_icl_lang_sel_widget) .the7-elementor-widget .woocommerce-tabs li > a:hover, .footer .widget:not(.widget_icl_lang_sel_widget) .the7-elementor-widget .woocommerce-tabs .dt-tab-accordion-title.active, .footer .widget:not(.widget_icl_lang_sel_widget) .the7-elementor-widget .woocommerce-tabs .dt-tab-accordion-title:hover, .footer .widget:not(.widget_icl_lang_sel_widget) .product .summary.entry-summary .price, .footer .widget:not(.widget_icl_lang_sel_widget) .product .summary.entry-summary .price ins, .footer .widget:not(.widget_icl_lang_sel_widget) .product-category mark, .footer .widget:not(.widget_icl_lang_sel_widget) .woocom-list-content .price, .footer .widget:not(.widget_icl_lang_sel_widget) .woocom-list-content .price *, .footer .widget:not(.widget_icl_lang_sel_widget) .woocommerce-checkout-review-order-table .woocommerce-Price-amount, .footer .widget:not(.widget_icl_lang_sel_widget) .widget_shopping_cart .total, .footer .widget:not(.widget_icl_lang_sel_widget) .widget_rating_filter{color: #ffffff;} .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget).widget_rating_filter a, .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget).elementor-widget[class*=elementor-widget-wp-widget-] .widget_rating_filter a{color: rgba(56,46,46,0.5);} .footer .widget:not(.widget_icl_lang_sel_widget).widget_rating_filter a, .footer .widget:not(.widget_icl_lang_sel_widget).elementor-widget[class*=elementor-widget-wp-widget-] .widget_rating_filter a{color: rgba(255,255,255,0.5);} .sidebar-content:not(.mega-menu-widgets) .widget:not(.widget_icl_lang_sel_widget) ul.product_list_widget li a:not(:hover):not(.remove){color: #000000;} .footer .widget:not(.widget_icl_lang_sel_widget) ul.product_list_widget li a:not(:hover):not(.remove){color: #ffffff;} .theme-dt-the7 .widget .selection{display: block; height: var(--the7-input-height);} .theme-dt-the7 .woocommerce-MyAccount-content .select2-container .select2-selection--single, .theme-dt-the7 .woocommerce-MyAccount-content .select2-container--default .select2-selection--multiple, .theme-dt-the7 .woocommerce-MyAccount-content .yit-wcan-select-open, .theme-dt-the7 .woocommerce-MyAccount-content .select2-container--default.select2-container--focus .select2-selection--multiple, .theme-dt-the7 .woocommerce-cart-wrap .select2-container .select2-selection--single, .theme-dt-the7 .woocommerce-cart-wrap .select2-container--default .select2-selection--multiple, .theme-dt-the7 .woocommerce-cart-wrap .yit-wcan-select-open, .theme-dt-the7 .woocommerce-cart-wrap .select2-container--default.select2-container--focus .select2-selection--multiple, .theme-dt-the7 .widget.woocommerce .select2-container .select2-selection--single, .theme-dt-the7 .widget.woocommerce .select2-container--default .select2-selection--multiple, .theme-dt-the7 .widget.woocommerce .yit-wcan-select-open, .theme-dt-the7 .widget.woocommerce .select2-container--default.select2-container--focus .select2-selection--multiple, .theme-dt-the7 .the7-woocommerce-checkout .select2-container .select2-selection--single, .theme-dt-the7 .the7-woocommerce-checkout .select2-container--default .select2-selection--multiple, .theme-dt-the7 .the7-woocommerce-checkout .yit-wcan-select-open, .theme-dt-the7 .the7-woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--multiple{height: auto; min-height: var(--the7-input-height); padding: var(--the7-top-input-padding) var(--the7-right-input-padding) var(--the7-bottom-input-padding) var(--the7-left-input-padding); color: var(--the7-input-color); border-color: var(--the7-input-border-color); border-style: var(--the7-form-border); border-width: var(--the7-top-input-border-width) var(--the7-right-input-border-width) var(--the7-bottom-input-border-width) var(--the7-left-input-border-width); background-color: var(--the7-input-bg-color); border-radius: var(--the7-input-border-radius); box-shadow: var(--the7-form-shadow); transition: all 0.3s ease;} .theme-dt-the7 .woocommerce-MyAccount-content .select2-container .select2-selection--single > .select2-selection__rendered, .theme-dt-the7 .woocommerce-MyAccount-content .select2-container--default .select2-selection--multiple > .select2-selection__rendered, .theme-dt-the7 .woocommerce-MyAccount-content .yit-wcan-select-open > .select2-selection__rendered, .theme-dt-the7 .woocommerce-MyAccount-content .select2-container--default.select2-container--focus .select2-selection--multiple > .select2-selection__rendered, .theme-dt-the7 .woocommerce-cart-wrap .select2-container .select2-selection--single > .select2-selection__rendered, .theme-dt-the7 .woocommerce-cart-wrap .select2-container--default .select2-selection--multiple > .select2-selection__rendered, .theme-dt-the7 .woocommerce-cart-wrap .yit-wcan-select-open > .select2-selection__rendered, .theme-dt-the7 .woocommerce-cart-wrap .select2-container--default.select2-container--focus .select2-selection--multiple > .select2-selection__rendered, .theme-dt-the7 .widget.woocommerce .select2-container .select2-selection--single > .select2-selection__rendered, .theme-dt-the7 .widget.woocommerce .select2-container--default .select2-selection--multiple > .select2-selection__rendered, .theme-dt-the7 .widget.woocommerce .yit-wcan-select-open > .select2-selection__rendered, .theme-dt-the7 .widget.woocommerce .select2-container--default.select2-container--focus .select2-selection--multiple > .select2-selection__rendered, .theme-dt-the7 .the7-woocommerce-checkout .select2-container .select2-selection--single > .select2-selection__rendered, .theme-dt-the7 .the7-woocommerce-checkout .select2-container--default .select2-selection--multiple > .select2-selection__rendered, .theme-dt-the7 .the7-woocommerce-checkout .yit-wcan-select-open > .select2-selection__rendered, .theme-dt-the7 .the7-woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--multiple > .select2-selection__rendered{padding: 0px 0; color: var(--the7-input-color); font: var(--the7-form-md-font); letter-spacing: var(--the7-form-md-letter-spacing); text-transform: var(--the7-form-md-text-transform); box-sizing: border-box;} .theme-dt-the7 .woocommerce-MyAccount-content .select2-container .select2-selection--single .select2-selection__arrow b, .theme-dt-the7 .woocommerce-MyAccount-content .select2-container--default .select2-selection--multiple .select2-selection__arrow b, .theme-dt-the7 .woocommerce-MyAccount-content .yit-wcan-select-open .select2-selection__arrow b, .theme-dt-the7 .woocommerce-MyAccount-content .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__arrow b, .theme-dt-the7 .woocommerce-cart-wrap .select2-container .select2-selection--single .select2-selection__arrow b, .theme-dt-the7 .woocommerce-cart-wrap .select2-container--default .select2-selection--multiple .select2-selection__arrow b, .theme-dt-the7 .woocommerce-cart-wrap .yit-wcan-select-open .select2-selection__arrow b, .theme-dt-the7 .woocommerce-cart-wrap .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__arrow b, .theme-dt-the7 .widget.woocommerce .select2-container .select2-selection--single .select2-selection__arrow b, .theme-dt-the7 .widget.woocommerce .select2-container--default .select2-selection--multiple .select2-selection__arrow b, .theme-dt-the7 .widget.woocommerce .yit-wcan-select-open .select2-selection__arrow b, .theme-dt-the7 .widget.woocommerce .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__arrow b, .theme-dt-the7 .the7-woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow b, .theme-dt-the7 .the7-woocommerce-checkout .select2-container--default .select2-selection--multiple .select2-selection__arrow b, .theme-dt-the7 .the7-woocommerce-checkout .yit-wcan-select-open .select2-selection__arrow b, .theme-dt-the7 .the7-woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__arrow b{border-top-color: var(--the7-input-color); opacity: var(--the7-form-placeholder-opacity); border-right-color: transparent !important; border-left-color: transparent !important;} .theme-dt-the7 .woocommerce-MyAccount-content .select2-container.select2-container--open .select2-selection--single, .theme-dt-the7 .woocommerce-MyAccount-content .select2-container--default.select2-container--open .select2-selection--multiple, .theme-dt-the7 .woocommerce-cart-wrap .select2-container.select2-container--open .select2-selection--single, .theme-dt-the7 .woocommerce-cart-wrap .select2-container--default.select2-container--open .select2-selection--multiple, .theme-dt-the7 .widget.woocommerce .select2-container.select2-container--open .select2-selection--single, .theme-dt-the7 .widget.woocommerce .select2-container--default.select2-container--open .select2-selection--multiple, .theme-dt-the7 .the7-woocommerce-checkout .select2-container.select2-container--open .select2-selection--single, .theme-dt-the7 .the7-woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--multiple{box-shadow: var(--the7-form-shadow-focus);} .theme-dt-the7 .woocommerce-MyAccount-content .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .theme-dt-the7 .woocommerce-cart-wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .theme-dt-the7 .widget.woocommerce .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .theme-dt-the7 .the7-woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color: transparent transparent var(--the7-input-color); opacity: var(--the7-form-placeholder-opacity);} .theme-dt-the7 .woocommerce-MyAccount-content .select2-dropdown-open .select2-choice .select2-arrow b:after, .theme-dt-the7 .woocommerce-cart-wrap .select2-dropdown-open .select2-choice .select2-arrow b:after, .theme-dt-the7 .widget.woocommerce .select2-dropdown-open .select2-choice .select2-arrow b:after, .theme-dt-the7 .the7-woocommerce-checkout .select2-dropdown-open .select2-choice .select2-arrow b:after{border-top-color: transparent; border-bottom-color: var(--the7-input-color);} .widget .yit-wcan-select-open{color: var(--the7-input-color); font-size: var(--the7-base-font-size); line-height: var(--the7-input-height); text-decoration: none;} .widget .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li{border: none;} .widget .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li:hover, .widget.widget_layered_nav .yith-wcan-select-wrapper ul li.chosen{box-shadow: none; border: none;} body .widget.woocommerce .woocommerce-widget-layered-nav-dropdown{margin-bottom: 10px;} body .widget.woocommerce .woocommerce-widget-layered-nav-dropdown .select2-container--default .select2-selection--multiple{padding: 0 10px; height: auto; min-height: var(--the7-input-height); background-image: linear-gradient(45deg,transparent 50%,var(--the7-input-color) 50%), linear-gradient(135deg,var(--the7-input-color) 50%,transparent 50%); background-position: calc(100% - var(--the7-right-input-padding) - 4px) 50%, calc(100% - var(--the7-right-input-padding)) 50%, 100% 0; background-size: 4px 4px, 4px 4px, 2.5em 2.5em; background-repeat: no-repeat;} body .widget.woocommerce .woocommerce-widget-layered-nav-dropdown .select2-container--default .select2-selection--multiple input{padding: 0 !important; margin: 0; border: none; height: calc(var(--the7-input-height,40px) - var(--the7-top-input-border-width,0px) - var(--the7-bottom-input-border-width,0px));} body .widget.woocommerce .woocommerce-widget-layered-nav-dropdown .select2-container--default .select2-selection--multiple ul.select2-selection__rendered{padding: 0; line-height: calc(var(--the7-input-height) - 15px); vertical-align: middle;} body .widget.woocommerce .woocommerce-widget-layered-nav-dropdown .select2-container--default .select2-selection--multiple li{margin: 0;} body .widget.woocommerce .woocommerce-widget-layered-nav-dropdown__submit{margin-top: 10px;} .cssgridlegacy.no-cssgrid .wc-grid.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .wc-grid.resize-by-browser-width .dt-css-grid .wf-cell{width: 33.333333333333%; padding: 20px;} .cssgridlegacy.no-cssgrid .wc-grid:not(.resize-by-browser-width) .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .wc-grid:not(.resize-by-browser-width) .dt-css-grid .wf-cell{flex: 1 0 335px; min-width: 335px; max-width: 100%; padding: 20px; box-sizing: border-box;} .widget .product-categories{margin-bottom: 0;} .footer .widget_layered_nav li > a, .footer .widget_product_categories li a{color: #ffffff;} .product_list_widget img, .woocommerce .wf-cell .product_list_widget img{float: left; width: 60px; height: auto; margin: 0 15px 5px 0;} .footer .widget_price_filter .ui-slider .ui-slider-handle:before, .accent-gradient .footer .widget_price_filter .ui-slider .ui-slider-handle:before, .footer .widget_price_filter .ui-slider .ui-slider-range, .accent-gradient .footer .widget_price_filter .ui-slider .ui-slider-range, .footer .product .onsale, .accent-gradient .footer .product .onsale{background: #ffffff;} .footer .widget_price_filter .price_slider_wrapper .ui-widget-content, .footer .price_slider_inner_wrapper_wrapper{background-color: rgba(255,255,255,0.2);} .dt-products .onsale, .products-shortcode .onsale, .the7-products-carousel .onsale, .widget.woocommerce .onsale, .products-carousel-shortcode .onsale, .single-product .onsale, .elementor-widget .dt-product-gallery .onsale, .elementor-widget-woocommerce-product-images .onsale{top: 10px; left: 10px; min-height: 32px; min-width: 32px; padding: 7px; box-sizing: content-box; color: #fff; text-align: center; border-radius: 50%; font-size: 14px; line-height: 32px;} .content .woocommerce .wf-cell img, .woocommerce .content .wf-cell img{height: auto; max-width: 100%;} .footer div.product div.summary .price:after, .accent-gradient .footer div.product div.summary .price:after{background: #ffffff;} .footer .woocommerce-Reviews label:not([for="wp-comment-cookies-consent"]){color: #ffffff;} .product .wf-container.description-on-hover > .wf-cell{line-height: 0;} .footer .related-product > li .amount{color: #ffffff;} .footer .related-product > li .onsale, .accent-gradient .footer .related-product > li .onsale{background: #ffffff;} .footer .related-product > li .product-title{color: #ffffff;} .footer .related-product > li .product-title:hover{color: #ffffff;} .accent-gradient .footer .related-product > li .product-title:hover{color: #ffffff;} .widget.woocommerce .form-row, form.the7-woocommerce-checkout .form-row, .woocommerce-MyAccount-content .form-row{padding-bottom: 20px;} .widget.woocommerce .form-row.place-order, form.the7-woocommerce-checkout .form-row.place-order, .woocommerce-MyAccount-content .form-row.place-order{padding-bottom: 0;} .widget.woocommerce .select2-container .select2-selection__arrow, form.the7-woocommerce-checkout .select2-container .select2-selection__arrow, .woocommerce-MyAccount-content .select2-container .select2-selection__arrow{right: calc(8px + var(--the7-right-input-padding,7px));} .footer .stars a.active, .footer .stars a:hover{color: #ffffff;} .footer .the7-elementor-widget p.stars a.active ~ a, .footer .the7-elementor-widget p.stars a:hover ~ a{color: #ffffff;} .dt-products .star-rating span:before, .products-shortcode .star-rating span:before, .product .star-rating span:before, .widget.woocommerce .star-rating span:before, .products-carousel-shortcode .star-rating span:before, .elementor-widget-wp-widget-woocommerce_top_rated_products .star-rating span:before, .elementor-widget-wp-widget-woocommerce_recent_reviews .star-rating span:before, .elementor-widget-woocommerce-products.elementor-wc-products .star-rating span:before, .elementor-widget-wp-widget-woocommerce_products .star-rating span:before, .elementor-widget-wp-widget-woocommerce_rating_filter .star-rating span:before, .cross-sells .star-rating span:before{color: var(--the7-accent-color); background: var(--sdk-accent, #6a2fff) !important; color: transparent; -webkit-background-clip: text; background-clip: text;} .widget a.wishlist_products_counter:hover, .woocommerce-widget-layered-nav-list li a:hover, ul.product_list_widget li a:hover, .sidebar-content .widget ul.product_list_widget li a:hover, .footer ul.cart_list li a:hover, .sidebar-content .widget_product_categories li a:hover, .footer ul.product_list_widget li a:hover, .widget_product_categories li a:hover, .order-info mark, .widget_layered_nav:not(.yith-woocommerce-ajax-product-filter) li > a:hover{color: var(--the7-accent-color);} .footer .star-rating span:before, .footer ul.cart_list li a:hover, .footer ul.product_list_widget li a:hover, .footer .widget_product_categories li a:hover, .footer .order-info mark, .footer .product-name > a:hover, .footer .widget_layered_nav li > a:hover{color: #ffffff;} .footer .woocommerce fieldset legend{color: #ffffff;} .footer .woocom-list-content .price ins, .footer .woocom-list-content .price ins *, .footer .woocommerce-variation-price .price ins{color: #ffffff;} .footer .star-rating, .footer .star-rating:before{color: rgba(255,255,255,0.2);} #the7-body .footer .widget_layered_nav ul:not(.yith-wcan-color) li.chosen a, #the7-body.accent-gradient .footer .widget_layered_nav ul:not(.yith-wcan-color) li.chosen a, #the7-body .footer .widget_layered_nav_filters ul li a, #the7-body.accent-gradient .footer .widget_layered_nav_filters ul li a, #the7-body .footer .widget_layered_nav ul.yith-wcan-label li a:hover, #the7-body.accent-gradient .footer .widget_layered_nav ul.yith-wcan-label li a:hover, #the7-body .footer .elementor-widget-wp-widget-woocommerce_layered_nav .select2-container--default .select2-selection--multiple .select2-selection__choice, #the7-body.accent-gradient .footer .elementor-widget-wp-widget-woocommerce_layered_nav .select2-container--default .select2-selection--multiple .select2-selection__choice, #the7-body .footer .woocommerce-widget-layered-nav .select2-container--default .select2-selection--multiple .select2-selection__choice, #the7-body.accent-gradient .footer .woocommerce-widget-layered-nav .select2-container--default .select2-selection--multiple .select2-selection__choice{background: #ffffff;} .footer .woocommerce-MyAccount-navigation > ul li a{color: #ffffff;} .wc-single-shortcode.wf-container{margin: 0;} .sub-nav-widgets .sidebar-content .widget:first-child{padding-top: 0;} .top-header .dt-mega-menu-wrap .sub-nav-widgets > li:last-child .widget{padding-bottom: 0;} .dt-mega-parent .sidebar-content .widget{border: none; margin-bottom: 0;} .dt-mega-parent .sidebar-content .widget *, .dt-mega-parent .sidebar-content .widget:not(.widget_icl_lang_sel_widget) a:not(:hover), .dt-mega-parent .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) a:not(:hover) *{color: #333333;} .dt-mega-menu .dt-mega-parent .sidebar-content .widget .recent-posts a{color: #333333;} .dt-mega-parent .sidebar-content .widget-title, .dt-mega-parent .sidebar-content .widget .team-author-name a:not(:hover){color: #333333;} .dt-mega-parent .sidebar-content .widget a:not(.button):not(.dt-btn):hover, .dt-mega-parent .sidebar-content .widget a:not(.button):not(.dt-btn):hover *{color: var(--the7-accent-color);} .accent-gradient .dt-mega-parent .sidebar-content .widget a:not(.button):not(.dt-btn):hover, .accent-gradient .dt-mega-parent .sidebar-content .widget a:not(.button):not(.dt-btn):hover *{background: var(--sdk-accent, #6a2fff) !important; color: transparent; -webkit-background-clip: text; background-clip: text;} .dt-mega-parent .sidebar-content .widget .soc-ico a:before{background-color: rgba(51,51,51,0.15);} .dt-mega-parent .sidebar-content .widget .soc-ico a:not(:hover) .soc-font-icon{color: #333333;} .dt-mega-parent .sidebar-content .widget .post-content .text-secondary{color: rgba(51,51,51,0.5);} .dt-mega-parent .sidebar-content .widget .custom-categories a, .dt-mega-parent .sidebar-content .widget .custom-categories a .item-name, .dt-mega-parent .sidebar-content .widget .cat-item a, .dt-mega-parent .sidebar-content .widget .widget_recent_comments a, .dt-mega-parent .sidebar-content .widget .widget_tag_cloud a:hover{color: #333333;} .dt-mega-parent .sidebar-content .widget .custom-categories a span.item-num, .dt-mega-parent .sidebar-content .widget .cat-item a span.item-num{color: rgba(51,51,51,0.5);} .dt-mega-parent .sidebar-content .widget .menu .current-menu-parent > a, .dt-mega-parent .sidebar-content .widget .menu .current-menu-item > a, .dt-mega-parent .sidebar-content .widget .custom-nav > li > a:hover span, .dt-mega-parent .sidebar-content .widget .custom-nav li.act > a span, .dt-mega-parent .sidebar-content .widget .custom-nav > li > ul a:hover span, .dt-mega-parent .sidebar-content .widget .st-accordion li > a:hover, .dt-mega-parent .sidebar-content .widget .st-accordion > ul li > a:hover *, .dt-mega-parent .sidebar-content .widget .widget .custom-categories a:hover span.item-name, .dt-mega-parent .sidebar-content .widget .widget_categories li a:hover, .dt-mega-parent .sidebar-content .widget .widget_meta a:hover, .dt-mega-parent .sidebar-content .widget .blogroll a:hover, .dt-mega-parent .sidebar-content .widget .widget_archive li a:hover, .dt-mega-parent .sidebar-content .widget .widget_recent_entries a:hover, .dt-mega-parent .sidebar-content .widget .widget_links a:hover, .dt-mega-parent .sidebar-content .widget .widget_pages a:hover, .dt-mega-parent .sidebar-content .widget .recent-posts a:not(.post-rollover):hover, .dt-mega-parent .sidebar-content .widget .items-grid .post-content > a:hover, .dt-mega-parent .sidebar-content .widget #wp-calendar td a:hover, .dt-mega-parent .sidebar-content .widget .tagcloud a:hover, .dt-mega-parent .sidebar-content .widget .widget_nav_menu a:hover, .dt-mega-parent .sidebar-content .widget a.rsswidget:hover{color: var(--the7-accent-color);} .accent-gradient .dt-mega-parent .sidebar-content .widget .menu .current-menu-parent > a, .accent-gradient .dt-mega-parent .sidebar-content .widget .menu .current-menu-item > a, .accent-gradient .dt-mega-parent .sidebar-content .widget .custom-nav > li > a:hover span, .accent-gradient .dt-mega-parent .sidebar-content .widget .custom-nav li.act > a span, .accent-gradient .dt-mega-parent .sidebar-content .widget .custom-nav > li > ul a:hover span, .accent-gradient .dt-mega-parent .sidebar-content .widget .st-accordion li > a:hover, .accent-gradient .dt-mega-parent .sidebar-content .widget .st-accordion > ul li > a:hover *, .accent-gradient .dt-mega-parent .sidebar-content .widget .widget .custom-categories a:hover span.item-name, .accent-gradient .dt-mega-parent .sidebar-content .widget .widget_categories li a:hover, .accent-gradient .dt-mega-parent .sidebar-content .widget .widget_meta a:hover, .accent-gradient .dt-mega-parent .sidebar-content .widget .blogroll a:hover, .accent-gradient .dt-mega-parent .sidebar-content .widget .widget_archive li a:hover, .accent-gradient .dt-mega-parent .sidebar-content .widget .widget_recent_entries a:hover, .accent-gradient .dt-mega-parent .sidebar-content .widget .widget_links a:hover, .accent-gradient .dt-mega-parent .sidebar-content .widget .widget_pages a:hover, .accent-gradient .dt-mega-parent .sidebar-content .widget .recent-posts a:not(.post-rollover):hover, .accent-gradient .dt-mega-parent .sidebar-content .widget .items-grid .post-content > a:hover, .accent-gradient .dt-mega-parent .sidebar-content .widget #wp-calendar td a:hover, .accent-gradient .dt-mega-parent .sidebar-content .widget .tagcloud a:hover, .accent-gradient .dt-mega-parent .sidebar-content .widget .widget_nav_menu a:hover, .accent-gradient .dt-mega-parent .sidebar-content .widget a.rsswidget:hover{background: var(--sdk-accent, #6a2fff) !important; color: transparent; -webkit-background-clip: text; background-clip: text;} .dt-mega-parent .sidebar-content .widget .custom-menu a:after{color: rgba(51,51,51,0.5);} .dt-mega-parent .sidebar-content .widget .st-accordion li > a:before, .dt-mega-parent .sidebar-content .widget .custom-menu a:before{background-color: rgba(51,51,51,0.15);} .dt-mega-parent .sidebar-content .widget .st-accordion li > a:after{color: rgba(51,51,51,0.5);} .sdk-boost-tw, .sdk-announcement-bar, .sdk-header-trust-bar, .sdk-product-trust, .sdk-shipping-info, .sdk-recently-viewed, .sdk-footer-trust-bar, .sdk-announcement-bar *, .sdk-header-trust-bar *, .sdk-product-trust *, .sdk-shipping-info *, .sdk-recently-viewed *, .sdk-footer-trust-bar *{font-family: var(--sdk-global-font) !important;} .wf-container.dt-products.woo-hover.products.loading-effect-none.iso-container.description-under-image.content-align-left.cart-btn-below-img.resize-by-browser-width.wc-img-hover.hide-description.dt-isotope.cont-id-0.mobile-paddings.iso-item-ready{min-height: max-content !important;} .footer .menu li, .footer .widget_pages li, .footer .custom-menu.dividers-on li, .footer .blogroll li, .footer .qts-lang-menu li{/* border-style: solid; */ border-width: 0px; /* border-color: rgba(255,255,255,0.15); */ /* border-left: none; */ /* border-right: none; */ /* border-bottom: none; */ padding: 0px 0px 0px 0px;} .woo-hover.products.loading-effect-none .wf-cell.iso-item.visible.shown{width: 350px;} .stripe .sidebar-content.solid-bg .stripe-header-color{color: #000000;} .stripe .sidebar-content.solid-bg .stripe-color-base-transparent{color: rgba(56,46,46,0.5);} .outline-element-decoration .stripe .sidebar-content.solid-bg .stripe-outline-decoration{box-shadow: inset 0px 0px 0px 1px ;} .shadow-element-decoration .stripe .sidebar-content.solid-bg .stripe-shadow-decoration{box-shadow: 0 6px 18px rgba(0,0,0,0.1);} .stripe .sidebar-content.solid-bg .stripe-transparent-border-mixin{border-color: rgba(56,46,46,0.15);} .stripe .sidebar-content.solid-bg .stripe-color-primary{color: #000000;} .stripe-parallax-bg > .wf-wrap{position: relative;} #page .stripe .sidebar-content.solid-bg .soc-ico a:hover .soc-font-icon{color: #fff;} .stripe .sidebar-content.solid-bg .testimonial-item .testimonial-vcard .text-secondary, .stripe .sidebar-content.solid-bg .testimonial-item .testimonial-vcard .text-primary, .stripe .sidebar-content.solid-bg .testimonial-item .testimonial-vcard .text-primary *{color: #000000;} .outline-element-decoration .stripe .sidebar-content.solid-bg .testimonial-item:not(.testimonial-item-slider), .outline-element-decoration .stripe .sidebar-content.solid-bg .testimonial-item .ts-viewport, .outline-element-decoration .stripe .sidebar-content.solid-bg .bg-on.team-container, .outline-element-decoration .stripe .sidebar-content.solid-bg .dt-style.vc_progress_bar.default-bg .vc_single_bar, .outline-element-decoration .stripe .sidebar-content.solid-bg .dt-accordion-bg-on.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .outline-element-decoration .stripe .sidebar-content.solid-bg .post.bg-on, .outline-element-decoration .stripe .sidebar-content.solid-bg .post.bg-on.fullwidth-img.format-quote, .outline-element-decoration .stripe .sidebar-content.solid-bg .post.bg-on.fullwidth-img.format-link, .outline-element-decoration .stripe .sidebar-content.solid-bg .content-bg-on.centered-layout-list article, .outline-element-decoration .stripe .sidebar-content.solid-bg .content-bg-on.classic-layout-list article, .outline-element-decoration .stripe .sidebar-content.solid-bg .shortcode-code, .outline-element-decoration .stripe .sidebar-content.solid-bg .woocommerce-cart-wrap .cart-collaterals, .outline-element-decoration .stripe .sidebar-content.solid-bg .shop_attributes, .outline-element-decoration .stripe .sidebar-content.solid-bg .wc-order-review, .outline-element-decoration .stripe .sidebar-content.solid-bg .wc-side-column, .outline-element-decoration .stripe .sidebar-content.solid-bg .wc-login-wrap form, .outline-element-decoration .stripe .sidebar-content.solid-bg .wc-coupon-wrap .form-coupon-wrap, .outline-element-decoration .stripe .sidebar-content.solid-bg form.track_order, .outline-element-decoration .stripe .sidebar-content.solid-bg form.lost_reset_password, .outline-element-decoration .stripe .sidebar-content.solid-bg #customer_login > div, .outline-element-decoration .stripe .sidebar-content.solid-bg #reviews ol.commentlist .comment_container, .outline-element-decoration .stripe .sidebar-content.solid-bg .woocommerce-MyAccount-navigation > ul li:not(.is-active), .outline-element-decoration .stripe .sidebar-content.solid-bg .woocommerce-MyAccount-navigation > ul li:not(.is-active):hover, .outline-element-decoration .stripe .sidebar-content.solid-bg .light-bg-btn, .outline-element-decoration .stripe .sidebar-content.solid-bg .btn-light, .outline-element-decoration .stripe .sidebar-content.solid-bg .btn-light:hover, .outline-element-decoration .stripe .sidebar-content.solid-bg .borderframe.br-standard .shortcode-single-image, .outline-element-decoration .stripe .sidebar-content.solid-bg .frame-on.frame-fancy, .outline-element-decoration .stripe .sidebar-content.solid-bg .dt-owl-item .post.bg-on:before, .outline-element-decoration .stripe .sidebar-content.solid-bg .tab-style-one.wpb_tabs .wpb_tabs_nav li:not(.ui-tabs-active), .outline-element-decoration .stripe .sidebar-content.solid-bg .tab-style-one.wpb_tabs .wpb_tabs_nav li:not(.ui-tabs-active):hover, .outline-element-decoration .stripe .sidebar-content.solid-bg .wpb_tabs.tab-style-two, .outline-element-decoration .stripe .sidebar-content.solid-bg .tab-style-four.wpb_tabs, .outline-element-decoration .stripe .sidebar-content.solid-bg .tab-style-one.wpb_tour .wpb_tabs_nav li:not(.ui-tabs-active), .outline-element-decoration .stripe .sidebar-content.solid-bg .tab-style-one.wpb_tour .wpb_tabs_nav li:not(.ui-tabs-active):hover, .outline-element-decoration .stripe .sidebar-content.solid-bg .tab-style-two.wpb_tour .wpb_tabs_nav li:not(.ui-tabs-active), .outline-element-decoration .stripe .sidebar-content.solid-bg .wpb_tour.tab-style-two .wpb_tab, .outline-element-decoration .stripe .sidebar-content.solid-bg .tab-style-four.wpb_tour, .outline-element-decoration .stripe .sidebar-content.solid-bg .comment-list .comment-body, .outline-element-decoration .stripe .sidebar-content.solid-bg .entry-author{box-shadow: inset 0px 0px 0px 1px ;} .shadow-element-decoration .stripe .sidebar-content.solid-bg .testimonial-item:not(.testimonial-item-slider), .shadow-element-decoration .stripe .sidebar-content.solid-bg .testimonial-item .ts-viewport, .shadow-element-decoration .stripe .sidebar-content.solid-bg .bg-on.team-container, .shadow-element-decoration .stripe .sidebar-content.solid-bg .dt-style.vc_progress_bar.default-bg .vc_single_bar, .shadow-element-decoration .stripe .sidebar-content.solid-bg .dt-accordion-bg-on.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .shadow-element-decoration .stripe .sidebar-content.solid-bg .post.bg-on, .shadow-element-decoration .stripe .sidebar-content.solid-bg .post.bg-on.fullwidth-img.format-quote, .shadow-element-decoration .stripe .sidebar-content.solid-bg .post.bg-on.fullwidth-img.format-link, .shadow-element-decoration .stripe .sidebar-content.solid-bg .content-bg-on.centered-layout-list article, .shadow-element-decoration .stripe .sidebar-content.solid-bg .content-bg-on.classic-layout-list article, .shadow-element-decoration .stripe .sidebar-content.solid-bg .shortcode-code, .shadow-element-decoration .stripe .sidebar-content.solid-bg .woocommerce-cart-wrap .cart-collaterals, .shadow-element-decoration .stripe .sidebar-content.solid-bg .shop_attributes, .shadow-element-decoration .stripe .sidebar-content.solid-bg .wc-order-review, .shadow-element-decoration .stripe .sidebar-content.solid-bg .wc-side-column, .shadow-element-decoration .stripe .sidebar-content.solid-bg .wc-login-wrap form, .shadow-element-decoration .stripe .sidebar-content.solid-bg .wc-coupon-wrap .form-coupon-wrap, .shadow-element-decoration .stripe .sidebar-content.solid-bg form.track_order, .shadow-element-decoration .stripe .sidebar-content.solid-bg form.lost_reset_password, .shadow-element-decoration .stripe .sidebar-content.solid-bg #customer_login > div, .shadow-element-decoration .stripe .sidebar-content.solid-bg #reviews ol.commentlist .comment_container, .shadow-element-decoration .stripe .sidebar-content.solid-bg .woocommerce-MyAccount-navigation > ul li:not(.is-active), .shadow-element-decoration .stripe .sidebar-content.solid-bg .woocommerce-MyAccount-navigation > ul li:not(.is-active):hover, .shadow-element-decoration .stripe .sidebar-content.solid-bg .light-bg-btn, .shadow-element-decoration .stripe .sidebar-content.solid-bg .btn-light, .shadow-element-decoration .stripe .sidebar-content.solid-bg .btn-light:hover, .shadow-element-decoration .stripe .sidebar-content.solid-bg .borderframe.br-standard .shortcode-single-image, .shadow-element-decoration .stripe .sidebar-content.solid-bg .frame-on.frame-fancy, .shadow-element-decoration .stripe .sidebar-content.solid-bg .dt-owl-item .post.bg-on:before, .shadow-element-decoration .stripe .sidebar-content.solid-bg .tab-style-one.wpb_tabs .wpb_tabs_nav li:not(.ui-tabs-active), .shadow-element-decoration .stripe .sidebar-content.solid-bg .tab-style-one.wpb_tabs .wpb_tabs_nav li:not(.ui-tabs-active):hover, .shadow-element-decoration .stripe .sidebar-content.solid-bg .wpb_tabs.tab-style-two, .shadow-element-decoration .stripe .sidebar-content.solid-bg .tab-style-four.wpb_tabs, .shadow-element-decoration .stripe .sidebar-content.solid-bg .tab-style-one.wpb_tour .wpb_tabs_nav li:not(.ui-tabs-active), .shadow-element-decoration .stripe .sidebar-content.solid-bg .tab-style-one.wpb_tour .wpb_tabs_nav li:not(.ui-tabs-active):hover, .shadow-element-decoration .stripe .sidebar-content.solid-bg .tab-style-two.wpb_tour .wpb_tabs_nav li:not(.ui-tabs-active), .shadow-element-decoration .stripe .sidebar-content.solid-bg .wpb_tour.tab-style-two .wpb_tab, .shadow-element-decoration .stripe .sidebar-content.solid-bg .tab-style-four.wpb_tour, .shadow-element-decoration .stripe .sidebar-content.solid-bg .comment-list .comment-body, .shadow-element-decoration .stripe .sidebar-content.solid-bg .entry-author{box-shadow: 0 6px 18px rgba(0,0,0,0.1);} .stripe .sidebar-content.solid-bg .centered-layout-list.dividers-on .post-entry-content:after{background-color: rgba(56,46,46,0.15);} .stripe .sidebar-content.solid-bg .dt-fancy-title.bg-on, .stripe .sidebar-content.solid-bg hr.gf_rule{background-color: rgba(56,46,46,0.08);} .outline-element-decoration .stripe .sidebar-content.solid-bg .content-bg-on:not(.classic-layout-list):not(.centered-layout-list):not(.gradient-overlap-layout-list):not(.gradient-overlay-layout-list):not(.content-rollover-layout-list) .post-entry-content, .outline-element-decoration .stripe .sidebar-content.solid-bg blockquote:not(.shortcode-blockquote), .outline-element-decoration .stripe .sidebar-content.solid-bg .block-style-widget{box-shadow: inset 0px 0px 0px 1px ;} .shadow-element-decoration .stripe .sidebar-content.solid-bg .content-bg-on:not(.classic-layout-list):not(.centered-layout-list):not(.gradient-overlap-layout-list):not(.gradient-overlay-layout-list):not(.content-rollover-layout-list) .post-entry-content, .shadow-element-decoration .stripe .sidebar-content.solid-bg blockquote:not(.shortcode-blockquote), .shadow-element-decoration .stripe .sidebar-content.solid-bg .block-style-widget{box-shadow: 0 6px 18px rgba(0,0,0,0.1);} .outline-element-decoration .stripe .sidebar-content.solid-bg .format-link-content{box-shadow: inset 0px 0px 0px 1px ;} .shadow-element-decoration .stripe .sidebar-content.solid-bg .format-link-content{box-shadow: 0 6px 18px rgba(0,0,0,0.1);} .stripe .sidebar-content.solid-bg .wpb_content_element.dt-accordion-line-on .wpb_accordion_wrapper .wpb_accordion_header, .stripe .sidebar-content.solid-bg .layout-list .post, .stripe .sidebar-content.solid-bg .dividers-on.classic-layout-list .post, .stripe .sidebar-content.solid-bg .ngg-albumoverview .ngg-album, .stripe .sidebar-content.solid-bg .wpb_separator.wpb_content_element, .stripe .sidebar-content.solid-bg .vc_text_separator, .stripe .sidebar-content.solid-bg blockquote.shortcode-blockquote, .stripe .sidebar-content.solid-bg .plain-bg, .stripe .sidebar-content.solid-bg .borderframe .shortcode-single-image, .stripe .sidebar-content.solid-bg .frame-on, .stripe .sidebar-content.solid-bg .wpb_tour.tab-style-three .wpb_tabs_nav li, .stripe .sidebar-content.solid-bg .wpb_tour.tab-style-three .wpb_tabs_nav, .stripe .sidebar-content.solid-bg .single .entry-tags a, .stripe .sidebar-content.solid-bg .post-navigation .nav-links, .stripe .sidebar-content.solid-bg .single-related-posts, .stripe .sidebar-content.solid-bg .no-avatar, .stripe .sidebar-content.solid-bg .list-divider li, .stripe .sidebar-content.solid-bg .separator-holder, .stripe .sidebar-content.solid-bg .accent-border-color .bg-on .separator-holder{border-color: rgba(56,46,46,0.15);} .stripe .sidebar-content.solid-bg .widget .team-author-name, .stripe .sidebar-content.solid-bg .sidebar-content:not(.solid-bg) .widget .team-author-name, .stripe .sidebar-content.solid-bg .team-author-name, .stripe .sidebar-content.solid-bg .pb-style-two .vc_label, .stripe .sidebar-content.solid-bg .pb-style-three .vc_label, .stripe .sidebar-content.solid-bg .wpb_content_element .wpb_accordion_header > a span, .stripe .sidebar-content.solid-bg .post h2.entry-title, .stripe .sidebar-content.solid-bg .post h2.entry-title, .stripe .sidebar-content.solid-bg .gform_wrapper h3.gform_title, .stripe .sidebar-content.solid-bg .gform_wrapper .gsection .gfield_label, .stripe .sidebar-content.solid-bg .gform_wrapper h2.gsection_title, .stripe .sidebar-content.solid-bg h3.gform_title, .stripe .sidebar-content.solid-bg form.mc4wp-form label, .stripe .sidebar-content.solid-bg .rollover-content h2.entry-title, .stripe .sidebar-content.solid-bg .filter a, .stripe .sidebar-content.solid-bg .filter a *, .stripe .sidebar-content.solid-bg .filter .customSelect, .stripe .sidebar-content.solid-bg .paginator a, .stripe .sidebar-content.solid-bg .paginator a *, .stripe .sidebar-content.solid-bg .paginator:not(.paginator-more-button) a, .stripe .sidebar-content.solid-bg .woocom-list-content .price ins, .stripe .sidebar-content.solid-bg .woocom-list-content .price ins *, .stripe .sidebar-content.solid-bg blockquote, .stripe .sidebar-content.solid-bg blockquote *, .stripe .sidebar-content.solid-bg .shortcode-pullquote, .stripe .sidebar-content.solid-bg .comments-title, .stripe .sidebar-content.solid-bg .comments-title a, .stripe .sidebar-content.solid-bg .comment-author a, .stripe .sidebar-content.solid-bg .comment-author .fn, .stripe .sidebar-content.solid-bg #reply-title, .stripe .sidebar-content.solid-bg .fn, .stripe .sidebar-content.solid-bg .fn a, .stripe .sidebar-content.solid-bg .pingback-title, .stripe .sidebar-content.solid-bg .single .entry-tags a:hover, .stripe .sidebar-content.solid-bg .share-button.entry-share, .stripe .sidebar-content.solid-bg .btn-project-link, .stripe .sidebar-content.solid-bg .btn-project-link:hover, .stripe .sidebar-content.solid-bg .comment-reply-link, .stripe .sidebar-content.solid-bg .comment-reply-link:hover, .stripe .sidebar-content.solid-bg .share-link-description, .stripe .sidebar-content.solid-bg .wpb_content_element .wpb_tabs_nav > li > a, .stripe .sidebar-content.solid-bg .title-color .dt-fancy-title, .stripe .sidebar-content.solid-bg .widget-title, .stripe .sidebar-content.solid-bg .widgettitle, .stripe .sidebar-content.solid-bg .widget_categories li a, .stripe .sidebar-content.solid-bg .widget_meta a, .stripe .sidebar-content.solid-bg .blogroll a, .stripe .sidebar-content.solid-bg .widget_archive li a, .stripe .sidebar-content.solid-bg .widget_recent_entries a, .stripe .sidebar-content.solid-bg .widget_recent_comments a, .stripe .sidebar-content.solid-bg .widget_links a, .stripe .sidebar-content.solid-bg .items-grid a, .stripe .sidebar-content.solid-bg .recent-posts a, .stripe .sidebar-content.solid-bg .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) .recent-posts a, .stripe .sidebar-content.solid-bg .contact-info .secondary-color, .stripe .sidebar-content.solid-bg .widget_nav_menu a, .stripe .sidebar-content.solid-bg .tagcloud a, .stripe .sidebar-content.solid-bg .widget_pages a, .stripe .sidebar-content.solid-bg a.rsswidget, .stripe .sidebar-content.solid-bg .textwidget a, .stripe .sidebar-content.solid-bg #wp-calendar th, .stripe .sidebar-content.solid-bg #wp-calendar caption, .stripe .sidebar-content.solid-bg #wp-calendar tfoot td, .stripe .sidebar-content.solid-bg #wp-calendar tfoot td a, .stripe .sidebar-content.solid-bg .skill-name, .stripe .sidebar-content.solid-bg .skill-name *, .stripe .sidebar-content.solid-bg .custom-nav > li > a span, .stripe .sidebar-content.solid-bg .custom-nav > li > ul a span, .stripe .sidebar-content.solid-bg .st-accordion li a, .stripe .sidebar-content.solid-bg .st-accordion > ul li > a *, .stripe .sidebar-content.solid-bg .related-product > li .product-title, .stripe .sidebar-content.solid-bg .related-product > li .amount, .stripe .sidebar-content.solid-bg .woocommerce fieldset legend, .stripe .sidebar-content.solid-bg .woocom-list-content .price ins, .stripe .sidebar-content.solid-bg .woocom-list-content .price ins *, .stripe .sidebar-content.solid-bg .woocommerce-MyAccount-navigation > ul li a, .stripe .sidebar-content.solid-bg .sidebar-content:not(.solid-bg) .color-primary{color: #000000;} .stripe-style-1 .widget .team-author-name, .stripe-style-1 .sidebar-content:not(.solid-bg) .widget .team-author-name, .stripe-style-1 .team-author-name, .stripe-style-1 .pb-style-two .vc_label, .stripe-style-1 .pb-style-three .vc_label, .stripe-style-1 .wpb_content_element .wpb_accordion_header > a span, .stripe-style-1 .post h2.entry-title, .stripe-style-1 .post h2.entry-title, .stripe-style-1 .gform_wrapper h3.gform_title, .stripe-style-1 .gform_wrapper .gsection .gfield_label, .stripe-style-1 .gform_wrapper h2.gsection_title, .stripe-style-1 h3.gform_title, .stripe-style-1 form.mc4wp-form label, .stripe-style-1 .rollover-content h2.entry-title, .stripe-style-1 .filter a, .stripe-style-1 .filter a *, .stripe-style-1 .filter .customSelect, .stripe-style-1 .paginator a, .stripe-style-1 .paginator a *, .stripe-style-1 .paginator:not(.paginator-more-button) a, .stripe-style-1 .woocom-list-content .price ins, .stripe-style-1 .woocom-list-content .price ins *, .stripe-style-1 blockquote, .stripe-style-1 blockquote *, .stripe-style-1 .shortcode-pullquote, .stripe-style-1 .comments-title, .stripe-style-1 .comments-title a, .stripe-style-1 .comment-author a, .stripe-style-1 .comment-author .fn, .stripe-style-1 #reply-title, .stripe-style-1 .fn, .stripe-style-1 .fn a, .stripe-style-1 .pingback-title, .stripe-style-1 .single .entry-tags a:hover, .stripe-style-1 .share-button.entry-share, .stripe-style-1 .btn-project-link, .stripe-style-1 .btn-project-link:hover, .stripe-style-1 .comment-reply-link, .stripe-style-1 .comment-reply-link:hover, .stripe-style-1 .share-link-description, .stripe-style-1 .wpb_content_element .wpb_tabs_nav > li > a, .stripe-style-1 .title-color .dt-fancy-title, .stripe-style-1 .widget-title, .stripe-style-1 .widgettitle, .stripe-style-1 .widget_categories li a, .stripe-style-1 .widget_meta a, .stripe-style-1 .blogroll a, .stripe-style-1 .widget_archive li a, .stripe-style-1 .widget_recent_entries a, .stripe-style-1 .widget_recent_comments a, .stripe-style-1 .widget_links a, .stripe-style-1 .items-grid a, .stripe-style-1 .recent-posts a, .stripe-style-1 .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) .recent-posts a, .stripe-style-1 .contact-info .secondary-color, .stripe-style-1 .widget_nav_menu a, .stripe-style-1 .tagcloud a, .stripe-style-1 .widget_pages a, .stripe-style-1 a.rsswidget, .stripe-style-1 .textwidget a, .stripe-style-1 #wp-calendar th, .stripe-style-1 #wp-calendar caption, .stripe-style-1 #wp-calendar tfoot td, .stripe-style-1 #wp-calendar tfoot td a, .stripe-style-1 .skill-name, .stripe-style-1 .skill-name *, .stripe-style-1 .custom-nav > li > a span, .stripe-style-1 .custom-nav > li > ul a span, .stripe-style-1 .st-accordion li a, .stripe-style-1 .st-accordion > ul li > a *, .stripe-style-1 .related-product > li .product-title, .stripe-style-1 .related-product > li .amount, .stripe-style-1 .woocommerce fieldset legend, .stripe-style-1 .woocom-list-content .price ins, .stripe-style-1 .woocom-list-content .price ins *, .stripe-style-1 .woocommerce-MyAccount-navigation > ul li a, .stripe-style-1 .sidebar-content:not(.solid-bg) .color-primary{color: #3b3f4a;} .stripe-style-2 .widget .team-author-name, .stripe-style-2 .sidebar-content:not(.solid-bg) .widget .team-author-name, .stripe-style-2 .team-author-name, .stripe-style-2 .pb-style-two .vc_label, .stripe-style-2 .pb-style-three .vc_label, .stripe-style-2 .wpb_content_element .wpb_accordion_header > a span, .stripe-style-2 .post h2.entry-title, .stripe-style-2 .post h2.entry-title, .stripe-style-2 .gform_wrapper h3.gform_title, .stripe-style-2 .gform_wrapper .gsection .gfield_label, .stripe-style-2 .gform_wrapper h2.gsection_title, .stripe-style-2 h3.gform_title, .stripe-style-2 form.mc4wp-form label, .stripe-style-2 .rollover-content h2.entry-title, .stripe-style-2 .filter a, .stripe-style-2 .filter a *, .stripe-style-2 .filter .customSelect, .stripe-style-2 .paginator a, .stripe-style-2 .paginator a *, .stripe-style-2 .paginator:not(.paginator-more-button) a, .stripe-style-2 .woocom-list-content .price ins, .stripe-style-2 .woocom-list-content .price ins *, .stripe-style-2 blockquote, .stripe-style-2 blockquote *, .stripe-style-2 .shortcode-pullquote, .stripe-style-2 .comments-title, .stripe-style-2 .comments-title a, .stripe-style-2 .comment-author a, .stripe-style-2 .comment-author .fn, .stripe-style-2 #reply-title, .stripe-style-2 .fn, .stripe-style-2 .fn a, .stripe-style-2 .pingback-title, .stripe-style-2 .single .entry-tags a:hover, .stripe-style-2 .share-button.entry-share, .stripe-style-2 .btn-project-link, .stripe-style-2 .btn-project-link:hover, .stripe-style-2 .comment-reply-link, .stripe-style-2 .comment-reply-link:hover, .stripe-style-2 .share-link-description, .stripe-style-2 .wpb_content_element .wpb_tabs_nav > li > a, .stripe-style-2 .title-color .dt-fancy-title, .stripe-style-2 .widget-title, .stripe-style-2 .widgettitle, .stripe-style-2 .widget_categories li a, .stripe-style-2 .widget_meta a, .stripe-style-2 .blogroll a, .stripe-style-2 .widget_archive li a, .stripe-style-2 .widget_recent_entries a, .stripe-style-2 .widget_recent_comments a, .stripe-style-2 .widget_links a, .stripe-style-2 .items-grid a, .stripe-style-2 .recent-posts a, .stripe-style-2 .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) .recent-posts a, .stripe-style-2 .contact-info .secondary-color, .stripe-style-2 .widget_nav_menu a, .stripe-style-2 .tagcloud a, .stripe-style-2 .widget_pages a, .stripe-style-2 a.rsswidget, .stripe-style-2 .textwidget a, .stripe-style-2 #wp-calendar th, .stripe-style-2 #wp-calendar caption, .stripe-style-2 #wp-calendar tfoot td, .stripe-style-2 #wp-calendar tfoot td a, .stripe-style-2 .skill-name, .stripe-style-2 .skill-name *, .stripe-style-2 .custom-nav > li > a span, .stripe-style-2 .custom-nav > li > ul a span, .stripe-style-2 .st-accordion li a, .stripe-style-2 .st-accordion > ul li > a *, .stripe-style-2 .related-product > li .product-title, .stripe-style-2 .related-product > li .amount, .stripe-style-2 .woocommerce fieldset legend, .stripe-style-2 .woocom-list-content .price ins, .stripe-style-2 .woocom-list-content .price ins *, .stripe-style-2 .woocommerce-MyAccount-navigation > ul li a, .stripe-style-2 .sidebar-content:not(.solid-bg) .color-primary{color: #ffffff;} .stripe-style-3 .widget .team-author-name, .stripe-style-3 .sidebar-content:not(.solid-bg) .widget .team-author-name, .stripe-style-3 .team-author-name, .stripe-style-3 .pb-style-two .vc_label, .stripe-style-3 .pb-style-three .vc_label, .stripe-style-3 .wpb_content_element .wpb_accordion_header > a span, .stripe-style-3 .post h2.entry-title, .stripe-style-3 .post h2.entry-title, .stripe-style-3 .gform_wrapper h3.gform_title, .stripe-style-3 .gform_wrapper .gsection .gfield_label, .stripe-style-3 .gform_wrapper h2.gsection_title, .stripe-style-3 h3.gform_title, .stripe-style-3 form.mc4wp-form label, .stripe-style-3 .rollover-content h2.entry-title, .stripe-style-3 .filter a, .stripe-style-3 .filter a *, .stripe-style-3 .filter .customSelect, .stripe-style-3 .paginator a, .stripe-style-3 .paginator a *, .stripe-style-3 .paginator:not(.paginator-more-button) a, .stripe-style-3 .woocom-list-content .price ins, .stripe-style-3 .woocom-list-content .price ins *, .stripe-style-3 blockquote, .stripe-style-3 blockquote *, .stripe-style-3 .shortcode-pullquote, .stripe-style-3 .comments-title, .stripe-style-3 .comments-title a, .stripe-style-3 .comment-author a, .stripe-style-3 .comment-author .fn, .stripe-style-3 #reply-title, .stripe-style-3 .fn, .stripe-style-3 .fn a, .stripe-style-3 .pingback-title, .stripe-style-3 .single .entry-tags a:hover, .stripe-style-3 .share-button.entry-share, .stripe-style-3 .btn-project-link, .stripe-style-3 .btn-project-link:hover, .stripe-style-3 .comment-reply-link, .stripe-style-3 .comment-reply-link:hover, .stripe-style-3 .share-link-description, .stripe-style-3 .wpb_content_element .wpb_tabs_nav > li > a, .stripe-style-3 .title-color .dt-fancy-title, .stripe-style-3 .widget-title, .stripe-style-3 .widgettitle, .stripe-style-3 .widget_categories li a, .stripe-style-3 .widget_meta a, .stripe-style-3 .blogroll a, .stripe-style-3 .widget_archive li a, .stripe-style-3 .widget_recent_entries a, .stripe-style-3 .widget_recent_comments a, .stripe-style-3 .widget_links a, .stripe-style-3 .items-grid a, .stripe-style-3 .recent-posts a, .stripe-style-3 .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) .recent-posts a, .stripe-style-3 .contact-info .secondary-color, .stripe-style-3 .widget_nav_menu a, .stripe-style-3 .tagcloud a, .stripe-style-3 .widget_pages a, .stripe-style-3 a.rsswidget, .stripe-style-3 .textwidget a, .stripe-style-3 #wp-calendar th, .stripe-style-3 #wp-calendar caption, .stripe-style-3 #wp-calendar tfoot td, .stripe-style-3 #wp-calendar tfoot td a, .stripe-style-3 .skill-name, .stripe-style-3 .skill-name *, .stripe-style-3 .custom-nav > li > a span, .stripe-style-3 .custom-nav > li > ul a span, .stripe-style-3 .st-accordion li a, .stripe-style-3 .st-accordion > ul li > a *, .stripe-style-3 .related-product > li .product-title, .stripe-style-3 .related-product > li .amount, .stripe-style-3 .woocommerce fieldset legend, .stripe-style-3 .woocom-list-content .price ins, .stripe-style-3 .woocom-list-content .price ins *, .stripe-style-3 .woocommerce-MyAccount-navigation > ul li a, .stripe-style-3 .sidebar-content:not(.solid-bg) .color-primary{color: #ffffff;} .stripe-style-4 .widget .team-author-name, .stripe-style-4 .sidebar-content:not(.solid-bg) .widget .team-author-name, .stripe-style-4 .team-author-name, .stripe-style-4 .pb-style-two .vc_label, .stripe-style-4 .pb-style-three .vc_label, .stripe-style-4 .wpb_content_element .wpb_accordion_header > a span, .stripe-style-4 .post h2.entry-title, .stripe-style-4 .post h2.entry-title, .stripe-style-4 .gform_wrapper h3.gform_title, .stripe-style-4 .gform_wrapper .gsection .gfield_label, .stripe-style-4 .gform_wrapper h2.gsection_title, .stripe-style-4 h3.gform_title, .stripe-style-4 form.mc4wp-form label, .stripe-style-4 .rollover-content h2.entry-title, .stripe-style-4 .filter a, .stripe-style-4 .filter a *, .stripe-style-4 .filter .customSelect, .stripe-style-4 .paginator a, .stripe-style-4 .paginator a *, .stripe-style-4 .paginator:not(.paginator-more-button) a, .stripe-style-4 .woocom-list-content .price ins, .stripe-style-4 .woocom-list-content .price ins *, .stripe-style-4 blockquote, .stripe-style-4 blockquote *, .stripe-style-4 .shortcode-pullquote, .stripe-style-4 .comments-title, .stripe-style-4 .comments-title a, .stripe-style-4 .comment-author a, .stripe-style-4 .comment-author .fn, .stripe-style-4 #reply-title, .stripe-style-4 .fn, .stripe-style-4 .fn a, .stripe-style-4 .pingback-title, .stripe-style-4 .single .entry-tags a:hover, .stripe-style-4 .share-button.entry-share, .stripe-style-4 .btn-project-link, .stripe-style-4 .btn-project-link:hover, .stripe-style-4 .comment-reply-link, .stripe-style-4 .comment-reply-link:hover, .stripe-style-4 .share-link-description, .stripe-style-4 .wpb_content_element .wpb_tabs_nav > li > a, .stripe-style-4 .title-color .dt-fancy-title, .stripe-style-4 .widget-title, .stripe-style-4 .widgettitle, .stripe-style-4 .widget_categories li a, .stripe-style-4 .widget_meta a, .stripe-style-4 .blogroll a, .stripe-style-4 .widget_archive li a, .stripe-style-4 .widget_recent_entries a, .stripe-style-4 .widget_recent_comments a, .stripe-style-4 .widget_links a, .stripe-style-4 .items-grid a, .stripe-style-4 .recent-posts a, .stripe-style-4 .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) .recent-posts a, .stripe-style-4 .contact-info .secondary-color, .stripe-style-4 .widget_nav_menu a, .stripe-style-4 .tagcloud a, .stripe-style-4 .widget_pages a, .stripe-style-4 a.rsswidget, .stripe-style-4 .textwidget a, .stripe-style-4 #wp-calendar th, .stripe-style-4 #wp-calendar caption, .stripe-style-4 #wp-calendar tfoot td, .stripe-style-4 #wp-calendar tfoot td a, .stripe-style-4 .skill-name, .stripe-style-4 .skill-name *, .stripe-style-4 .custom-nav > li > a span, .stripe-style-4 .custom-nav > li > ul a span, .stripe-style-4 .st-accordion li a, .stripe-style-4 .st-accordion > ul li > a *, .stripe-style-4 .related-product > li .product-title, .stripe-style-4 .related-product > li .amount, .stripe-style-4 .woocommerce fieldset legend, .stripe-style-4 .woocom-list-content .price ins, .stripe-style-4 .woocom-list-content .price ins *, .stripe-style-4 .woocommerce-MyAccount-navigation > ul li a, .stripe-style-4 .sidebar-content:not(.solid-bg) .color-primary{color: #ffffff;} .stripe-style-5 .widget .team-author-name, .stripe-style-5 .sidebar-content:not(.solid-bg) .widget .team-author-name, .stripe-style-5 .team-author-name, .stripe-style-5 .pb-style-two .vc_label, .stripe-style-5 .pb-style-three .vc_label, .stripe-style-5 .wpb_content_element .wpb_accordion_header > a span, .stripe-style-5 .post h2.entry-title, .stripe-style-5 .post h2.entry-title, .stripe-style-5 .gform_wrapper h3.gform_title, .stripe-style-5 .gform_wrapper .gsection .gfield_label, .stripe-style-5 .gform_wrapper h2.gsection_title, .stripe-style-5 h3.gform_title, .stripe-style-5 form.mc4wp-form label, .stripe-style-5 .rollover-content h2.entry-title, .stripe-style-5 .filter a, .stripe-style-5 .filter a *, .stripe-style-5 .filter .customSelect, .stripe-style-5 .paginator a, .stripe-style-5 .paginator a *, .stripe-style-5 .paginator:not(.paginator-more-button) a, .stripe-style-5 .woocom-list-content .price ins, .stripe-style-5 .woocom-list-content .price ins *, .stripe-style-5 blockquote, .stripe-style-5 blockquote *, .stripe-style-5 .shortcode-pullquote, .stripe-style-5 .comments-title, .stripe-style-5 .comments-title a, .stripe-style-5 .comment-author a, .stripe-style-5 .comment-author .fn, .stripe-style-5 #reply-title, .stripe-style-5 .fn, .stripe-style-5 .fn a, .stripe-style-5 .pingback-title, .stripe-style-5 .single .entry-tags a:hover, .stripe-style-5 .share-button.entry-share, .stripe-style-5 .btn-project-link, .stripe-style-5 .btn-project-link:hover, .stripe-style-5 .comment-reply-link, .stripe-style-5 .comment-reply-link:hover, .stripe-style-5 .share-link-description, .stripe-style-5 .wpb_content_element .wpb_tabs_nav > li > a, .stripe-style-5 .title-color .dt-fancy-title, .stripe-style-5 .widget-title, .stripe-style-5 .widgettitle, .stripe-style-5 .widget_categories li a, .stripe-style-5 .widget_meta a, .stripe-style-5 .blogroll a, .stripe-style-5 .widget_archive li a, .stripe-style-5 .widget_recent_entries a, .stripe-style-5 .widget_recent_comments a, .stripe-style-5 .widget_links a, .stripe-style-5 .items-grid a, .stripe-style-5 .recent-posts a, .stripe-style-5 .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) .recent-posts a, .stripe-style-5 .contact-info .secondary-color, .stripe-style-5 .widget_nav_menu a, .stripe-style-5 .tagcloud a, .stripe-style-5 .widget_pages a, .stripe-style-5 a.rsswidget, .stripe-style-5 .textwidget a, .stripe-style-5 #wp-calendar th, .stripe-style-5 #wp-calendar caption, .stripe-style-5 #wp-calendar tfoot td, .stripe-style-5 #wp-calendar tfoot td a, .stripe-style-5 .skill-name, .stripe-style-5 .skill-name *, .stripe-style-5 .custom-nav > li > a span, .stripe-style-5 .custom-nav > li > ul a span, .stripe-style-5 .st-accordion li a, .stripe-style-5 .st-accordion > ul li > a *, .stripe-style-5 .related-product > li .product-title, .stripe-style-5 .related-product > li .amount, .stripe-style-5 .woocommerce fieldset legend, .stripe-style-5 .woocom-list-content .price ins, .stripe-style-5 .woocom-list-content .price ins *, .stripe-style-5 .woocommerce-MyAccount-navigation > ul li a, .stripe-style-5 .sidebar-content:not(.solid-bg) .color-primary{color: #333333;} .stripe .sidebar-content.solid-bg .blog-shortcode .entry-title a, .stripe .sidebar-content.solid-bg .portfolio-shortcode .entry-title a, .stripe .sidebar-content.solid-bg .owl-carousel.blog-carousel-shortcode .entry-title a{color: #000000;} .stripe .sidebar-content.solid-bg .post-details.details-type-link{color: #000000;} .stripe .sidebar-content.solid-bg .post-details.details-type-link *{color: #000000;} .stripe .sidebar-content.solid-bg .team-author p, .stripe .sidebar-content.solid-bg .blog-shortcode .entry-meta, .stripe .sidebar-content.solid-bg .portfolio-shortcode .entry-meta, .stripe .sidebar-content.solid-bg .owl-carousel .entry-meta, .stripe .sidebar-content.solid-bg .shortcode-single-caption, .stripe .sidebar-content.solid-bg .author-link, .stripe .sidebar-content.solid-bg .author-link:hover, .stripe .sidebar-content.solid-bg .meta-nav, .stripe .sidebar-content.solid-bg a.clear-form, .stripe .sidebar-content.solid-bg #cancel-comment-reply-link, .stripe .sidebar-content.solid-bg .dt-fancy-separator, .stripe .sidebar-content.solid-bg .dt-fancy-separator *{color: rgba(56,46,46,0.5);} .stripe .sidebar-content.solid-bg .contentSlider-wrap .psBullet:not(.act):not(:hover), .stripe .sidebar-content.solid-bg .contentSlider-wrap .psBullet:not(.act):hover{box-shadow: inset 0 0 0 2px rgba(56,46,46,0.35);} .stripe .sidebar-content.solid-bg .contentSlider-wrap .psBullet.act{box-shadow: inset 0 0 0 20px rgba(56,46,46,0.35);} .stripe .sidebar-content.solid-bg .widget .custom-nav > li li a:before{background-color: rgba(56,46,46,0.5);} .stripe .sidebar-content.solid-bg .custom-categories a, .stripe .sidebar-content.solid-bg .custom-categories a .item-name, .stripe .sidebar-content.solid-bg .cat-item a, .stripe .sidebar-content.solid-bg .widget_recent_comments a, .stripe .sidebar-content.solid-bg .widget_tag_cloud a:hover{color: #000000;} .stripe .sidebar-content.solid-bg .custom-categories a span.item-num, .stripe .sidebar-content.solid-bg .cat-item a span.item-num{color: rgba(56,46,46,0.5);} .stripe .sidebar-content.solid-bg .custom-categories a:hover span.item-name, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .custom-categories a:hover span.item-name, .stripe .sidebar-content.solid-bg .cat-item a:hover span.item-name, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .cat-item a:hover span.item-name, .stripe .sidebar-content.solid-bg .custom-menu a:hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .custom-menu a:hover, .stripe .sidebar-content.solid-bg .widget_recent_comments a:hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .widget_recent_comments a:hover, .stripe .sidebar-content.solid-bg .menu .current-menu-parent > a, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .menu .current-menu-parent > a, .stripe .sidebar-content.solid-bg .menu .current-menu-item > a, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .menu .current-menu-item > a, .stripe .sidebar-content.solid-bg .custom-nav > li > a:hover span, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .custom-nav > li > a:hover span, .stripe .sidebar-content.solid-bg .custom-nav li.act > a span, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .custom-nav li.act > a span, .stripe .sidebar-content.solid-bg .custom-nav > li > ul a:hover span, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .custom-nav > li > ul a:hover span, .stripe .sidebar-content.solid-bg .st-accordion li > a:hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .st-accordion li > a:hover, .stripe .sidebar-content.solid-bg .st-accordion > ul li > a:hover *, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .st-accordion > ul li > a:hover *, .stripe .sidebar-content.solid-bg .widget .custom-categories a:hover span.item-name, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .widget .custom-categories a:hover span.item-name, .stripe .sidebar-content.solid-bg .widget_categories li a:hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .widget_categories li a:hover, .stripe .sidebar-content.solid-bg .widget_meta a:hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .widget_meta a:hover, .stripe .sidebar-content.solid-bg .blogroll a:hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .blogroll a:hover, .stripe .sidebar-content.solid-bg .widget_archive li a:hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .widget_archive li a:hover, .stripe .sidebar-content.solid-bg .widget_recent_entries a:hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .widget_recent_entries a:hover, .stripe .sidebar-content.solid-bg .widget_links a:hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .widget_links a:hover, .stripe .sidebar-content.solid-bg .widget_pages a:hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .widget_pages a:hover, .stripe .sidebar-content.solid-bg .recent-posts a:not(.post-rollover):hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .recent-posts a:not(.post-rollover):hover, .stripe .sidebar-content.solid-bg .items-grid .post-content > a:hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .items-grid .post-content > a:hover, .stripe .sidebar-content.solid-bg #wp-calendar td a:hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) #wp-calendar td a:hover, .stripe .sidebar-content.solid-bg .tagcloud a:hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .tagcloud a:hover, .stripe .sidebar-content.solid-bg .textwidget a:hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .textwidget a:hover, .stripe .sidebar-content.solid-bg .widget_nav_menu a:hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) .widget_nav_menu a:hover, .stripe .sidebar-content.solid-bg a.rsswidget:hover, .stripe .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) a.rsswidget:hover{color: #1ebbf0;} .stripe .sidebar-content.solid-bg .widget_archive li, .stripe .sidebar-content.solid-bg .widget_categories li, .stripe .sidebar-content.solid-bg .sidebar-content:not(.solid-bg) .custom-categories a span.item-num, .stripe .sidebar-content.solid-bg .sidebar-content:not(.solid-bg) .cat-item a span.item-num{color: rgba(56,46,46,0.5);} .stripe-style-1 .widget_archive li, .stripe-style-1 .widget_categories li, .stripe-style-1 .sidebar-content:not(.solid-bg) .custom-categories a span.item-num, .stripe-style-1 .sidebar-content:not(.solid-bg) .cat-item a span.item-num{color: rgba(120,125,133,0.5);} .stripe-style-2 .widget_archive li, .stripe-style-2 .widget_categories li, .stripe-style-2 .sidebar-content:not(.solid-bg) .custom-categories a span.item-num, .stripe-style-2 .sidebar-content:not(.solid-bg) .cat-item a span.item-num{color: rgba(139,145,153,0.5);} .stripe-style-3 .widget_archive li, .stripe-style-3 .widget_categories li, .stripe-style-3 .sidebar-content:not(.solid-bg) .custom-categories a span.item-num, .stripe-style-3 .sidebar-content:not(.solid-bg) .cat-item a span.item-num{color: rgba(255,255,255,0.5);} .stripe-style-4 .widget_archive li, .stripe-style-4 .widget_categories li, .stripe-style-4 .sidebar-content:not(.solid-bg) .custom-categories a span.item-num, .stripe-style-4 .sidebar-content:not(.solid-bg) .cat-item a span.item-num{color: rgba(255,255,255,0.5);} .stripe-style-5 .widget_archive li, .stripe-style-5 .widget_categories li, .stripe-style-5 .sidebar-content:not(.solid-bg) .custom-categories a span.item-num, .stripe-style-5 .sidebar-content:not(.solid-bg) .cat-item a span.item-num{color: rgba(51,51,51,0.5);} .stripe .sidebar-content.solid-bg .custom-menu a:after{color: rgba(56,46,46,0.5);} .stripe .sidebar-content.solid-bg .skill{background-color: rgba(56,46,46,0.1);} .stripe .sidebar-content.solid-bg .st-accordion li > a:before, .stripe .sidebar-content.solid-bg .custom-menu a:before{background-color: rgba(56,46,46,0.15);} .stripe .sidebar-content.solid-bg h1, .stripe .sidebar-content.solid-bg h2, .stripe .sidebar-content.solid-bg h3, .stripe .sidebar-content.solid-bg h4, .stripe .sidebar-content.solid-bg h5, .stripe .sidebar-content.solid-bg h6, .stripe .sidebar-content.solid-bg h1 a, .stripe .sidebar-content.solid-bg h2 a, .stripe .sidebar-content.solid-bg h3 a, .stripe .sidebar-content.solid-bg h4 a, .stripe .sidebar-content.solid-bg h5 a, .stripe .sidebar-content.solid-bg h6 a, .stripe .sidebar-content.solid-bg h1 a:hover, .stripe .sidebar-content.solid-bg h2 a:hover, .stripe .sidebar-content.solid-bg h3 a:hover, .stripe .sidebar-content.solid-bg h4 a:hover, .stripe .sidebar-content.solid-bg h5 a:hover, .stripe .sidebar-content.solid-bg h6 a:hover, .stripe .sidebar-content.solid-bg .h1-size, .stripe .sidebar-content.solid-bg .entry-title.h1-size, .stripe .sidebar-content.solid-bg .h2-size, .stripe .sidebar-content.solid-bg .entry-title.h2-size, .stripe .sidebar-content.solid-bg h1.entry-title, .stripe .sidebar-content.solid-bg .h3-size, .stripe .sidebar-content.solid-bg .entry-title.h3-size, .stripe .sidebar-content.solid-bg h2.entry-title, .stripe .sidebar-content.solid-bg .h4-size, .stripe .sidebar-content.solid-bg .entry-title.h4-size, .stripe .sidebar-content.solid-bg h3.entry-title, .stripe .sidebar-content.solid-bg .h5-size, .stripe .sidebar-content.solid-bg .entry-title.h5-size, .stripe .sidebar-content.solid-bg .h6-size, .stripe .sidebar-content.solid-bg .entry-title.h6-size, .stripe .sidebar-content.solid-bg .header-color, .stripe .sidebar-content.solid-bg .entry-meta .header-color, .stripe .sidebar-content.solid-bg .stripe-color-title, .stripe .sidebar-content.solid-bg .custom-categories a, .stripe .sidebar-content.solid-bg .custom-categories a .item-name, .stripe .sidebar-content.solid-bg .cat-item a, .stripe .sidebar-content.solid-bg .widget_recent_comments a, .stripe .sidebar-content.solid-bg .widget_tag_cloud a:hover{color: #000000;} .stripe .sidebar-content.solid-bg .portfolio-categories > a:after, .stripe .sidebar-content.solid-bg .portfolio-categories > span:after, .stripe .sidebar-content.solid-bg .entry-meta > a:after, .stripe .sidebar-content.solid-bg .entry-meta > span:after{background-color: rgba(56,46,46,0.5);} .stripe .sidebar-content.solid-bg .widget, .stripe .sidebar-content.solid-bg .widget *{color: #382e2e;} .stripe .sidebar-content.solid-bg .soc-ico a:before{background-color: rgba(56,46,46,0.15);} .stripe .sidebar-content.solid-bg .soc-ico a .soc-font-icon{color: #382e2e;} .stripe .sidebar-content.solid-bg .dt-btn:not(.btn-custom-style).title-btn-color, .stripe .sidebar-content.solid-bg .dt-btn:not(.btn-custom-style).title-btn-color > span, .stripe .sidebar-content.solid-bg .dt-btn:not(.btn-custom-style).title-btn-color > .text-wrap *, .stripe .sidebar-content.solid-bg .dt-btn:not(.btn-custom-style).title-btn-color > i[class^="fa"], .stripe .sidebar-content.solid-bg .btn-link:not(.custom-btn-color).title-btn-color, .stripe .sidebar-content.solid-bg .btn-link:not(.custom-btn-color).title-btn-color > span, .stripe .sidebar-content.solid-bg .btn-link:not(.custom-btn-color).title-btn-color > .text-wrap *, .stripe .sidebar-content.solid-bg .btn-link:not(.custom-btn-color).title-btn-color > i[class^="fa"]{color: #000000;} .stripe .sidebar-content.solid-bg .no-avatar, .stripe .sidebar-content.solid-bg .no-avatar:after, .stripe .sidebar-content.solid-bg .comment-list .no-avatar:after{color: rgba(56,46,46,0.15);} .stripe .sidebar-content.solid-bg .layzr-bg{background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(56,46,46,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E');} .stripe .sidebar-content.solid-bg .layzr-bg:not(.layzr-bg-transparent){background-color: rgba(56,46,46,0.05);} .stripe .sidebar-content.solid-bg .tp-bullets.custom .tp-bullet.selected:after{background-color: rgba(56,46,46,0.25);} .stripe .sidebar-content.solid-bg .tp-bullets.custom .tp-bullet:before, .stripe .sidebar-content.solid-bg .tp-bullets.custom .tp-bullet.selected:hover:before, .stripe .sidebar-content.solid-bg #main-slideshow .tp-bullets.custom .tp-bullet:hover:before{border-color: rgba(56,46,46,0.25);} .stripe .sidebar-content.solid-bg .woocommerce-cart-wrap .order-total .amount, .stripe .sidebar-content.solid-bg .woocommerce-cart-wrap .cart_totals h2, .stripe .sidebar-content.solid-bg .woocommerce-cart-wrap .product-name a, .stripe .sidebar-content.solid-bg .woocommerce-cart-wrap .product-subtotal, .stripe .sidebar-content.solid-bg .woocommerce-cart-wrap .cart-subtotal .amount, .stripe .sidebar-content.solid-bg .product-name > a, .stripe .sidebar-content.solid-bg #reviews ol.commentlist .meta, .stripe .sidebar-content.solid-bg .shop_table strong, .stripe .sidebar-content.solid-bg ul.cart_list li a, .stripe .sidebar-content.solid-bg ul.product_list_widget li a, .stripe .sidebar-content.solid-bg .widget_product_categories li a, .stripe .sidebar-content.solid-bg .woocommerce-tabs li.active > a, .stripe .sidebar-content.solid-bg .woocommerce-tabs li > a:hover, .stripe .sidebar-content.solid-bg .product .summary.entry-summary .price, .stripe .sidebar-content.solid-bg .product .summary.entry-summary .price ins, .stripe .sidebar-content.solid-bg .product-category mark, .stripe .sidebar-content.solid-bg .woocom-list-content .price, .stripe .sidebar-content.solid-bg .woocom-list-content .price *, .stripe .sidebar-content.solid-bg .widget_layered_nav li > a, .stripe .sidebar-content.solid-bg .woocommerce-checkout-review-order-table .woocommerce-Price-amount{color: #000000;} .stripe .sidebar-content.solid-bg .widget_price_filter .price_slider_wrapper .ui-widget-content{background-color: rgba(56,46,46,0.15);} .stripe-style-1 .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) a, .stripe-style-1 .widget .post-content .text-secondary{color: #787d85;} .stripe-style-2 .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) a, .stripe-style-2 .widget .post-content .text-secondary{color: #8b9199;} #page .stripe-style-3 .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) a, #page .stripe-style-3 .widget .post-content .text-secondary{color: #ffffff;} .stripe-style-4 .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) a, .stripe-style-4 .widget .post-content .text-secondary{color: #ffffff;} .stripe-style-5 .sidebar-content:not(.solid-bg) .widget:not(.widget_icl_lang_sel_widget) a, .stripe-style-5 .widget .post-content .text-secondary{color: #333333;} /* ===== sdk-twirion-unified.css ===== */ /** * Единая стилизация WooCommerce и контента темы Twirion (SDK). */ body.twirion { font-family: var(--sdk-global-font); color: var(--sdk-text-muted); } body.twirion a { text-decoration: none; } /* Контент между шапкой и футером — см. twirion-layout.css */ #page #main > .wf-wrap { max-width: var(--twirion-content-max, 1400px); width: var(--twirion-content-width, min(1400px, calc(100% - 40px))); margin-left: auto; margin-right: auto; box-sizing: border-box; } #page #main > .wf-wrap > .wf-container-main, #page #main > .wf-wrap > .wf-container-footer { width: 100%; max-width: 100%; box-sizing: border-box; } /* Ссылки в контенте — не синие WC */ #content a:not(.button):not(.add_to_cart_button):not(.product_type_simple):not(.wc-forward) { color: var(--sdk-text); } #content a:not(.button):not(.add_to_cart_button):hover { opacity: 0.85; } .twirion-wc-main .woocommerce a { color: inherit; } /* Отдельная ссылка WC «View cart» — скрыть (текст на основной кнопке) */ .twirion-wc-main .woo-hover .add-to-cart-button a.added_to_cart.wc-forward, .twirion-new-arrivals .add-to-cart-button a.added_to_cart.wc-forward, .related-product .add-to-cart-button a.added_to_cart.wc-forward { display: none !important; } .twirion-wc-main .switcher-wrap { display: none; } /* Хлебные крошки */ .twirion-page-title.page-title, .twirion-wc-page-title.page-title { padding-top: 25px; padding-bottom: 0; text-align: left; } .twirion-page-title .wf-wrap, .twirion-wc-page-title .wf-wrap { display: flex; justify-content: flex-start; align-items: flex-start; } .twirion-page-title .page-title-breadcrumbs, .twirion-wc-page-title .page-title-breadcrumbs { width: 100%; text-align: left; } .twirion-page-title .breadcrumbs, .twirion-wc-page-title .breadcrumbs { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; column-gap: 0; row-gap: 0.25em; font-family: var(--sdk-global-font); font-size: 13px; color: var(--sdk-text); } .twirion-page-title .breadcrumbs li, .twirion-wc-page-title .breadcrumbs li { display: inline-flex; align-items: center; margin: 0; padding: 0; } .twirion-page-title .breadcrumbs li::before, .twirion-wc-page-title .breadcrumbs li::before { content: none !important; display: none !important; margin: 0 !important; padding: 0 !important; } .twirion-page-title .breadcrumbs .breadcrumb-sep, .twirion-wc-page-title .breadcrumbs .breadcrumb-sep { margin-left: 0.5em; margin-right: 0.5em; padding: 0; opacity: 0.55; pointer-events: none; user-select: none; } /* Цвета и выравнивание крошек — twirion-layout.css */ /* Пагинация — см. sdk-wc-pagination.css (The7 underline) */ /* Сайдбар: фильтры (кроме Reset в price filter — см. sdk-wc-price-filter.css) */ .sidebar .twirion-wc-filter-reset a { font-family: var(--sdk-global-font); font-size: 13px; font-weight: 500; color: var(--sdk-accent); } .sidebar .twirion-wc-filter-reset a:hover { color: var(--sdk-accent-hover); } /* Сайдбар: фильтры */ .sidebar .widget-title, .sidebar .wp-block-heading, .sidebar .twirion-wc-filter-title { font-family: var(--sdk-global-font); font-size: 16px; font-weight: 500; line-height: 20px; color: var(--sdk-text); margin: 0 0 12px; } .twirion-wc-attribute-filter { margin-bottom: 24px; } .twirion-wc-filter-list { list-style: none; margin: 0; padding: 0; } .twirion-wc-filter-item a { display: block; padding: 6px 0; font-family: var(--sdk-global-font); font-size: 14px; color: var(--sdk-text-muted); border-bottom: 1px solid var(--sdk-border); } .twirion-wc-filter-item.is-active a, .twirion-wc-filter-item a:hover { color: var(--sdk-accent); } .twirion-wc-filter-reset a { font-family: var(--sdk-global-font); font-size: 13px; color: var(--sdk-accent); } /* Уведомления WC (база; каталог — twirion-wc-catalog-layout.css) */ .twirion-wc-main .woocommerce-message:not(.twirion-orders-empty):not(.twirion-favorites-empty), .twirion-wc-main .woocommerce-info:not(.twirion-orders-empty):not(.twirion-favorites-empty), .twirion-wc-main .woocommerce-error { font-family: var(--sdk-global-font); border-radius: 16px; } .woocommerce-error, .woocommerce-error ul { margin-left: 0 !important; } .woocommerce-message .button, .woocommerce-info .button { background: var(--sdk-accent) !important; color: #fff !important; border-radius: var(--sdk-radius-btn) !important; font-family: var(--sdk-global-font); } .woocommerce-message .button:hover, .woocommerce-info .button:hover { background: var(--sdk-accent-hover) !important; } /* Кнопки вне карточек каталога */ .twirion-wc-main .button, .twirion-wc-main a.button, .woocommerce-cart .button, .woocommerce-checkout .button { font-family: var(--sdk-global-font); border-radius: var(--sdk-radius-input); } /* ===== sdk-home.css ===== */ /* SDK homepage blocks from sdk-main-copy/index.html */ .wf-container.dt-products.woo-hover.products.loading-effect-none.iso-container.description-under-image.content-align-left.cart-btn-below-img.resize-by-browser-width.wc-img-hover.hide-description.dt-isotope.cont-id-0.mobile-paddings.iso-item-ready{ min-height: max-content !important; } .sub-nav .menu-item i.fa, .sub-nav .menu-item i.fas, .sub-nav .menu-item i.far, .sub-nav .menu-item i.fab { text-align: center; width: 1.25em; } .mini-search.show-on-desktop.near-logo-first-switch input{ width: calc(100vw - 659px); max-width: 761px; } .mini-search.show-on-desktop.near-logo-first-switch { position: absolute; left: 161px; } .header-bar{ position: relative; } .switcher-wrap { display:none; } #chaty-widget-0 .chaty-widget { right: 60px!important } @media only screen and (max-width: 767px) { /* Стили для .wc-sidebar-toggle на мобильной версии */ .wc-sidebar-toggle { display: -ms-flexbox !important; display: -ms-flex !important; display: flex !important; -ms-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; -ms-justify-content: center !important; justify-content: center !important; position: absolute !important; top: 18% !important; right: -40px !important; width: 40px !important; height: 40px !important; background-color: var(--the7-accent-color) !important; color: #fff !important; transition: left 0.3s !important; z-index: 9996 !important; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12) !important; transition: box-shadow 0.2s ease-out, opacity 0.45s !important; cursor: pointer !important; border-radius: 0px !important; border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } } @media only screen and (max-width: 767px) { .cont-id-0 .wf-cell { padding: 0px 0px 10px !important; } } @media only screen and (max-width: 767px) { .cont-id-4 .wf-cell { padding: 0px 0px 10px !important; } } .woocommerce-ordering{ display:none; } @media only screen and (max-width: 767px) { /* Стили для кнопки "Добавить в избранное" на мобильной версии */ .wishlist-button { position: absolute !important; top: 0px !important; right: 0px !important; margin: -13px -10px 0px 0px !important; z-index: 10 !important; } } @media only screen and (max-width: 767px) { /* Стили для списка сопутствующих товаров */ body .related-product.cart-btn-below-img { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; /* 2 колонки */ gap: 10px !important; /* Отступ между товарами */ padding: 0 5px !important; /* Отступы по бокам */ } /* Стили для каждого товара */ body .related-product.cart-btn-below-img .product-block { width: 100% !important; /* Товар занимает всю ширину колонки */ margin: 0 !important; /* Убираем внешние отступы */ border: 1px solid var(--sdk-border) !important; /* Обводка с прозрачностью */ border-radius: 25px !important; /* Закругление углов */ overflow: hidden !important; /* Скрываем выходящее за пределы содержимое */ padding: 15px !important; /* Внутренние отступы */ box-sizing: border-box !important; /* Учитываем padding в ширине */ } /* Стили для изображения товара */ body .related-product.cart-btn-below-img .product-image-wrapper img { width: 100% !important; height: auto !important; border-radius: 10px !important; /* Закругление углов изображения */ } /* Стили для названия товара */ body .related-product.cart-btn-below-img .product-title { font-family: 'Kanit', sans-serif !important; font-size: 16px !important; font-weight: 300 !important; line-height: 18px !important; text-align: left !important; margin-top: 10px !important; } /* Стили для цены */ body .related-product.cart-btn-below-img .product-price { font-family: 'Kanit', sans-serif !important; font-size: 16px !important; font-weight: 300 !important; line-height: 18px !important; text-align: left !important; margin-top: 5px !important; } /* Стили для кнопки "Добавить в корзину" */ body .related-product.cart-btn-below-img .add-to-cart-button { width: 100% !important; margin-top: 10px !important; } body .related-product.cart-btn-below-img .add-to-cart-button a { display: block !important; width: 88% !important; text-align: center !important; background-color: #1BC365 !important; color: white !important; border-radius: 99px !important; font-family: 'Kanit', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 19.44px !important; border: none !important; cursor: pointer !important; } /* Скрываем теги товара на мобильной версии */ body .related-product.cart-btn-below-img .product-tags-wrapper { display: none !important; } } .single_add_to_cart_button{ background-color:#6A2FFF; } .single_add_to_cart_button button alt { background-color:#6A2FFF; } @media only screen and (max-width: 767px) { .my__padding-block{ margin-top: 5px; } .my__padding-block .none__block{ display: none; } /* Ширина блока товара */ .product-block { width: 180px !important; /* Фиксированная ширина */ margin: 0 auto 10px auto !important; /* Центрирование и отступ снизу */ } /* Скрываем блок с тегами */ .product-block .product-tags-wrapper { display: none !important; } /* Стили для изображения товара */ .product-block img { width: 160px !important; height: 160px !important; object-fit: cover !important; /* Сохраняем пропорции изображения */ display: block !important; margin: 0 auto !important; /* Центрируем изображение */ } /* Стили для названия товара */ .product-block .product-title { font-family: 'Kanit', sans-serif !important; font-size: 16px !important; font-weight: 300 !important; line-height: 18px !important; text-align: left !important; margin-top: 10px !important; } /* Стили для цены */ .product-block .product-price { font-family: 'Kanit', sans-serif !important; font-size: 16px !important; font-weight: 300 !important; line-height: 18px !important; text-align: left !important; margin-top: 5px !important; } } @media only screen and (max-width: 767px) { /* Убираем высоту 2px для ссылки внутри кнопки */ .add-to-cart-button a { height: auto !important; /* Возвращаем высоту к значению по умолчанию */ } /* Стили для блока .product-footer */ .product-footer { display: flex; flex-direction: column; /* Элементы располагаются вертикально */ align-items: flex-start; /* Выравниваем элементы по левому краю */ } /* Стили для цены */ .product-price { width: 100%; /* Цена занимает всю ширину */ text-align: left !important; /* Выравниваем текст по левому краю */ } /* Стили для кнопки "Добавить в корзину" */ .add-to-cart-button { width: 100% !important; /* Кнопка занимает всю ширину */ margin-top: 10px !important; /* Отступ сверху */ } /* Стили для ссылки внутри кнопки */ .add-to-cart-button a { display: block; /* Ссылка занимает всю ширину */ width: 88% !important; text-align: center; /* Текст по центру */ padding: 10px !important; /* Внутренние отступы */ background-color: var(--sdk-accent, #6a2fff) !important; color: #fff !important; border-radius: 99px !important; /* Скругление краев */ font-family: 'Kanit', sans-serif !important; /* Шрифт */ font-size: 13px !important; /* Размер шрифта */ font-weight: 600 !important; /* Жирность шрифта */ border: 1px solid var(--sdk-accent, #6a2fff) !important; cursor: pointer !important; /* Курсор в виде указателя */ } /* Скрываем дополнительные стили для кнопки */ .wc-block-product-search .wc-block-product-search__button, .wp-block-search .wp-block-search__button, button.button, .cart-btn-below-img .woo-buttons a, a.button:not(.edd-submit) { border: none !important; /* Убираем границу */ box-shadow: none !important; /* Убираем тени */ } } a { text-decoration: none; } .shopping-cart-inner { position: relative; display: flex; flex-flow: column wrap; width: 240px; padding: 20px 20px 20px; background-color: rgb(255 255 255); text-align: left; box-sizing: border-box; -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.2)); filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.2)); -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); } /* Медиа-запрос для мобильных устройств */ @media (max-width: 767px) { .product-block { width: 180px; /* Ширина блока на мобильных */ padding: 10px; /* Уменьшаем отступы */ } .product-image-wrapper img { width: 160px; /* Ширина изображения на мобильных */ height: 160px; /* Высота изображения на мобильных */ } .product-title { font-size: 14px; /* Уменьшаем размер шрифта названия */ line-height: 18px; /* Уменьшаем межстрочный интервал */ } .currency-symbol { font-size: 12px; /* Уменьшаем размер символа валюты */ } .price-whole { font-size: 20px; /* Уменьшаем размер целой части цены */ } .price-fraction { font-size: 12px; /* Уменьшаем размер дробной части цены */ } .add-to-cart-button a { padding: 6px 12px; /* Уменьшаем отступы кнопки */ font-size: 12px; /* Уменьшаем размер шрифта кнопки */ } } /* Стили для блока "Related Products" */ .related.products { margin-top: 40px; } .related.products h2 { font-size: 16px; font-weight: 500; margin-bottom: 20px; text-align: left; } .related-product.cart-btn-below-img { display: flex; flex-wrap: wrap; gap: 20px; list-style: none; padding: 0; margin: 0; } .related-product.cart-btn-below-img li { flex: 1 1 calc(25% - 20px); /* 4 колонки */ box-sizing: border-box; border: 1px solid var(--sdk-border); border-radius: 25px; padding: 15px; text-align: center; } .relatedtitle { font-family: 'Kanit', sans-serif; font-size: 34px; font-weight: 500; line-height: 36px; text-align: left; margin-bottom: 30px; /* Отступ снизу */ } .product:not(.elementor) .upsells.products, .product:not(.elementor) .related.products { padding-top: 50px; margin-top: 60px; border-top: 0px solid; clear: both; border-color: var(--the7-divider-color); } /* Стили для блока товара */ .product-block { width: 335px; min-height: auto; /* Высота подстраивается под содержимое */ border: 1px solid var(--sdk-border); /* Обводка с прозрачностью */ border-radius: 25px; /* Закругление углов */ overflow: visible; position: relative; box-sizing: border-box; padding: 15px; display: flex; flex-direction: column; justify-content: space-between; } /* Стили для изображения товара */ .product-image-wrapper { position: relative; text-align: center; flex-shrink: 0; /* Запрещаем сжатие */ } .product-image-wrapper img { width: 305px; height: 305px; object-fit: cover; border-radius: 15px; } /* Стили для кнопки "Добавить в избранное" */ .wishlist-button { position: absolute; top: 8px; right: 8px; z-index: 11; } .product-image-wrapper .twirion-product-stock--loop { position: absolute; top: 8px; left: 8px; z-index: 10; margin: 0; padding: 5px 9px; border-radius: 6px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08); max-width: calc(100% - 52px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Стили для названия товара */ .product-title { font-family: 'Kanit', sans-serif; font-size: 16px; font-weight: 500; line-height: 20px; text-align: left; margin: 10px 0; color: #000; } /* Стили для нижнего блока (цена и кнопка "Добавить в корзину") */ .product-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; flex-shrink: 0; /* Запрещаем сжатие */ } /* Стили для блока цены */ .product-price { display: flex; align-items: flex-start; /* Выравниваем элементы по верхнему краю */ font-family: 'Libre Franklin', sans-serif; } /* Стили для символа валюты (доллар) */ .currency-symbol { font-size: 14px; font-weight: 300; line-height: 17px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; margin-right: 2px; vertical-align: top; /* Выравниваем по верхнему краю */ } /* Стили для целой части цены */ .price-whole { font-size: 26px; font-weight: 600; line-height: 24px; letter-spacing: -0.03em; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; vertical-align: top; /* Выравниваем по верхнему краю */ } /* Стили для дробной части цены */ .price-fraction { font-size: 14px; font-weight: 300; line-height: 17px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; margin-left: 2px; vertical-align: top; /* Выравниваем по верхнему краю */ } .add-to-cart-button a:not(.twirion-view-cart):not(.added):hover, .add-to-cart-button a.twirion-loop-product-link:hover { background: transparent !important; color: var(--sdk-accent, #6a2fff) !important; border-color: var(--sdk-accent, #6a2fff) !important; } .add-to-cart-button a, .add-to-cart-button .twirion-add-to-cart-disabled { display: inline-flex; align-items: center; justify-content: center; height: auto; min-height: 36px; padding: 10px 22px; background-color: var(--sdk-accent, #6a2fff); color: #fff; border: 1px solid var(--sdk-accent, #6a2fff); border-radius: 50px; font-family: 'Kanit', sans-serif; font-size: 13px; font-weight: 600; text-decoration: none; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; box-sizing: border-box; } .add-to-cart-button a.add_to_cart_button.added, .add-to-cart-button a.twirion-view-cart { background: var(--sdk-accent, #6a2fff) !important; color: #fff !important; border: 1px solid var(--sdk-accent, #6a2fff) !important; } .add-to-cart-button a.add_to_cart_button.added:hover, .add-to-cart-button a.twirion-view-cart:hover { background: transparent !important; color: var(--sdk-accent, #6a2fff) !important; border-color: var(--sdk-accent, #6a2fff) !important; } /* Отдельная ссылка WC — скрыть, текст на основной кнопке */ .add-to-cart-button a.added_to_cart.wc-forward { display: none !important; } form.cart div.quantity:not([style='display: none;'])+button, .the7-cart-form .quantity:not([style='display: none;'])+button { margin-top: 0; margin-left: 0px !important; } /* Контейнер для кнопки Add to cart на single */ .product-actions { display: block; width: auto; max-width: 100%; } .product-actions .wishlist-button-wrapper { display: none !important; } .woocommerce div.product div.summary form.cart, .woocommerce div.product div.summary p.cart { margin-bottom: 0px !important; } .woocommerce-result-count{ display:none; } .divi_checkbox_class .divi_checkbox_class_item input[type=checkbox]:checked:before { content: ""; position: absolute; height: 7px; width: 9px; border: 2px solid #fff; border-top: 0; border-right: 0; transform: rotate(-50deg); left: 4px; top: 2px; background-color: #1BC365; } .divi_checkbox_class .divi_checkbox_class_item input[type=checkbox]:checked { background-color: #1BC365; /* Заливка фона чекбокса */ border-color: #1BC365; /* Цвет границы чекбокса */ } .quantity:not(.buttons_added), .quantity:not(.buttons_added) input.qty, .quantity:not(.buttons_added) .plus, .quantity:not(.buttons_added) .minus { display: none !important; } /* Стили для названия товара */ .custom-product-title { font-family: 'Kanit', sans-serif; /* Шрифт */ font-size: 34px; /* Размер шрифта */ font-weight: 500; /* Жирность */ line-height: 36px; /* Высота строки */ text-align: left; /* Выравнивание по левому краю */ color: #000; /* Цвет текста */ margin-bottom: 20px; /* Отступ снизу 20px */ } /* Стили для обёртки тегов */ .product-tags-wrapper { display: flex; flex-wrap: wrap; gap: 5px; /* Отступ между тегами */ margin-bottom: 25px; /* Отступ снизу 25px */ } /* Стили для тегов */ .product-tag { display: inline-block; padding: 1px 12px; /* Отступы внутри тега: 7px сверху/снизу, 12px по бокам */ height: 23px; /* Высота тега */ line-height: 23px; /* Выравнивание текста по вертикали */ font-size: 12px; /* Размер шрифта */ color: rgba(0, 0, 0, 0.7); /* Цвет текста: чёрный с 30% прозрачностью */ text-decoration: none; /* Убираем подчёркивание */ border: 1px solid var(--sdk-border); /* Обводка: чёрная с 20% прозрачностью */ border-radius: 99px; /* Максимальное скругление углов */ background-color: transparent; /* Прозрачный фон */ transition: all 0.3s ease; /* Плавные переходы для hover-эффектов */ cursor: default; /* Убираем курсор-указатель */ } .product-tag:hover { color: rgba(0, 0, 0, 0.6); /* Цвет текста при наведении */ border-color: rgba(106, 47, 255, 0.45); /* Цвет обводки при наведении */ } /* Стили для обёртки цены */ .custom-price-wrapper { display: flex; align-items: baseline; /* Выравниваем по базовой линии */ gap: 5px; /* Отступ между символом валюты и числом */ margin-bottom: 30px; /* Отступ снизу 30px */ } /* Стили для символа валюты */ .custom-price-currency { font-family: 'Libre Franklin', sans-serif; font-size: 22px; font-weight: 300; line-height: 24px; color: rgba(0, 0, 0, 0.8); /* Чёрный с 80% прозрачностью */ } /* Стили для числа */ .custom-price-amount { font-family: 'Libre Franklin', sans-serif; font-size: 26px; font-weight: 600; line-height: 24px; color: #1BC365; /* Зелёный цвет */ } .bapf_sfilter.divi_checkbox_class .bapf_colaps_smb, .bapf_sfilter.divi_checkbox_class .bapf_desci, .bapf_sfilter.divi_color_class .bapf_colaps_smb, .bapf_sfilter.divi_color_class .bapf_desci, .bapf_sfilter.divi_image_class .bapf_colaps_smb, .bapf_sfilter.divi_image_class .bapf_desci { background: #ffffff !important; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; padding: 0; } .divi_checkbox_class .divi_checkbox_class_item input[type=checkbox] { border: 1px solid #b4b9be; border-radius: 3px; background: #fff; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 1; height: 20px; margin: 0 4px 0 0; padding: 0; text-align: center; vertical-align: middle; width: 20px; -webkit-appearance: none; transition: .05s border-color ease-in-out; font-size: 16px; outline: 0; position: relative; } .bapf_divi_sfa h3, .divi_checkbox_class h3, .divi_color_class h3, .divi_image_class h3, .divi_slider_class h3 { color: #6d6d6d; font-weight: 700; font-size: 14px; display: block; cursor: auto; border-bottom: 0px solid rgba(0, 0, 0, .1) !important; margin: 0 0 .8em; padding-bottom: .8em; width: 100%; position: relative; line-height: 1em; } .main-nav{ background: #6A2FFF; border-radius: 99px; padding: 0 6px 0px 6px; } .footer .menu li, .footer .widget_pages li, .footer .custom-menu.dividers-on li, .footer .blogroll li, .footer .qts-lang-menu li { /* border-style: solid; */ border-width: 0px; /* border-color: rgba(255,255,255,0.15); */ /* border-left: none; */ /* border-right: none; */ /* border-bottom: none; */ padding: 0px 0px 0px 0px; } @media(max-width: 778px){ .llmm-menu-items a{ font-size: 17px; } .llmm-footer .email{ transform: translateY(-3px); } } .home__top-wrapper{ margin: 0 auto; } .home__top-containers{ background-image: url(../images/herosl.jpg); background-size: cover; background-repeat: no-repeat; padding: 50px; width: 1400px; border-radius: 20px; overflow: hidden; background-position: center; } .home__top-containers h2{ font-weight: 700; font-size: 100px; line-height: 90px; color: #fff; padding-bottom: 202px; width: 346px; } .home__top-containers a, .home__top-containers p > a{ width: 170px !important; padding: 18.5px 0; font-weight: 600; font-size: 15px; line-height: 24px; letter-spacing: 0%; text-align: center; color: #fff !important; -webkit-text-fill-color: #fff; box-shadow: 0px 2px 36.3px 0px #6A2FFFB2; background: #6A2FFF; border-radius: 999px; display: block; text-decoration: none; } .home__top-containers a:hover, .home__top-containers a:focus, .home__top-containers p > a:hover, .home__top-containers p > a:focus{ color: #fff !important; -webkit-text-fill-color: #fff; text-decoration: none; } .home__top-categories{ position: relative; height: 770px; background-image: url(../images/d11cb00cdbcb4a63bcb57ea186768ea5.jpeg); background-size: cover; background-repeat: no-repeat; background-position: bottom; max-width: 1400px; margin: 0 20px; width: calc(100vw - 40px); border-radius: 30px; } .home__top-categories::after{ content: ""; position: absolute; left: 0; top: 0; overflow: hidden; padding: 0; width: 100%; height: 100%; z-index: 7; transform-origin: 50% 50%; transform: translate(0, 0); display: block; background: url(../images/bg22.png) 50% 50% / cover no-repeat transparent; visibility: visible; opacity: 1; pointer-events: auto; border-radius: inherit; box-sizing: border-box; } .home__top-categories h4{ position: absolute; top: 11px; left: 0; font-weight: 500; font-size: 40px; line-height: 24px; color: #000000E5; z-index: 10; } .home__top-categories .links__categories{ position: absolute; top: 40px; right: 30px; z-index: 10; } .home__top-categories .button__categories, .home__top-categories a.button__categories{ position: absolute; bottom: 0; left: 0; width: 184px; padding: 12px 0; background: #6A2FFF; color: #fff !important; -webkit-text-fill-color: #fff; font-family: Libre Franklin; font-weight: 600; font-size: 15px; display: block; line-height: 24px; text-align: center; text-decoration: none; z-index: 10; border-radius: 15px; cursor: pointer; } .home__top-categories .button__categories:hover, .home__top-categories .button__categories:focus, .home__top-categories a.button__categories:hover, .home__top-categories a.button__categories:focus{ color: #fff !important; -webkit-text-fill-color: #fff; } .home__top-categories .links__categories a{ padding: 7px 22px; background: #FFFFFFD9; border-radius: 99px; font-weight: 600; font-size: 12px; line-height: 24px; letter-spacing: 8%; text-align: center; text-transform: uppercase; color: #000; display: block; width: max-content; } .home__top-categories .links__categories br{ display: none; } .home__top-categories .links__categories a:first-child{ margin-top: 0 !important; } .home__top-categories .links__categories a{ margin-top: 5px; } .home__top-containers a{ padding: 12px 0; } .home__top-containers h2{ line-height: 80px; } .home__top-wrapper{ margin-top: 40px !important; } .home__top-wrapper .wpb_text_column{ margin-bottom: 0 !important; } .links__categories-mobile{ display: none; } .home__product-items{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 1400px; margin: 0 auto; } .home__product-item{ width: 350px; } .home__top-categories, .home__top-wrapper { margin-bottom: 40px !important; } .my__original-title h3{ font-weight: 500; font-size: 34px; line-height: 36px; color: #000000CC; } .woo-hover.products.loading-effect-none{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 1080px; } .woo-hover.products.loading-effect-none .wf-cell.iso-item.visible.shown{ width: 350px; } .masthead .shopping-cart{ padding: 9px 16px; border: 1px solid #6A2FFF; border-radius: 99px; } .the7-mw-icon-login-bold:before, .branding .wc-ico-cart i{ color: #6A2FFF; } .accent-gradient .wc-ico-cart > .counter, .accent-gradient .wc-ico-cart > .counter.gradient-bg, .wc-ico-cart > .counter.gradient-bg{ background: #6A2FFF; } .searchform, .mini-search.show-on-desktop.near-logo-first-switch input{ max-width: 265px; } .mini-search.show-on-desktop.near-logo-first-switch{ right: 567px; left: auto; } .whatsapp .soc-font-icon:before{ content: url(../images/logos_whatsapp-icon.svg); top: -9px; position: absolute; left: -7px; } .telegram .soc-font-icon:before{ content: url(../images/logos_telegram.svg); top: -9px; position: absolute; left: -7px; } .searchform, .mini-search.show-on-desktop.near-logo-first-switch input{ max-width: 530px; } @media(max-width:1440px){ .home__top-wrapper, .home__top-containers{ width: calc(100vw - 29px); } .home__top-categories--wrapper{ width: 100%; max-width: 100%; margin: 0 auto; overflow-x: hidden; } .home__top-categories{ margin: 0 auto; } .home__product-items{ width: calc(100vw - 40px); margin: 0 auto; row-gap: 20px; justify-content: start; } .home__product-item{ width: 350px; } body.home .woo-hover.products.loading-effect-none, body.page-template-template-sdk-home .woo-hover.products.loading-effect-none{ width: calc(100vw - 325px); } body.home .wf-container-main, body.page-template-template-sdk-home .wf-container-main{ width: calc(100vw - 40px); margin: 0 auto; } } @media(max-width:1250px){ .searchform, .mini-search.show-on-desktop.near-logo-first-switch input{ max-width: 265px; } } @media(max-width:1000px){ .links__categories{ display: none; } .links__categories-mobile{ display: flex; } .home__top-categories--wrapper{ padding-top: 134px; } .home__top-categories::after{ width: 0; } .home__top-categories::after{ background-image: url(); width: 204px; transform: translateX(-102px); bottom: 0; left: 50%; background-position: bottom; height: 58px; border-radius: 20px 20px 0 0; background-color: #fff; position: absolute; top: auto; } .home__top-categories h4{ top: -133px; line-height: 30px; } .home__top-categories .links__categories { position: absolute; top: -57px; left: 0; z-index: 10; width: 100%; max-width: 100%; box-sizing: border-box; } .links__categories-track{ padding-left: 10px; padding-right: 10px; } .home__top-categories .links__categories a{ border: 1px solid #6A2FFF; color: #000000; } .home__top-categories .links__categories a{ margin-top: 0; } .home__top-categories{ height: 555px; } .home__top-categories .button__categories{ left: 50%; transform: translateX(-92px); } .home__product-items{ width: calc(100vw - 20px); margin: 0 auto; } .home__top-categories, .home__top-wrapper { margin-bottom: 0 !important; } body.home .woo-hover.products.loading-effect-none, body.page-template-template-sdk-home .woo-hover.products.loading-effect-none{ width: calc(100vw - 20px); } body.home .wf-container-main, body.page-template-template-sdk-home .wf-container-main{ width: calc(100vw - 20px); margin: 0 auto; } .mini-search.show-on-desktop.near-logo-first-switch{ left: 161px; right: auto; } .links__categories-track{ overflow: scroll; scrollbar-width: none; } .links__categories-track::-webkit-scrollbar { display: none; } .home__top-categories .links__categories a{ display: block; width: max-content; min-width: max-content; } } @media(max-width:768px){ .home__top-containers{ padding: 30px; } .home__top-containers h2{ font-size: 50px; max-width: 173px; line-height: 40px; padding-bottom: 295px; } .home__top-categories{ width: calc(100vw - 20px); } .home__top-containers{ background-image: url(../images/heroslm.jpg); background-position: right; } body.home .woo-hover.products.loading-effect-none .wf-cell.iso-item.visible.shown, body.page-template-template-sdk-home .woo-hover.products.loading-effect-none .wf-cell.iso-item.visible.shown{ width: auto; } body.home .woo-hover.products.loading-effect-none .wf-cell.iso-item.visible.shown:nth-child(odd), body.page-template-template-sdk-home .woo-hover.products.loading-effect-none .wf-cell.iso-item.visible.shown:nth-child(odd) { margin-right: auto; } } @media(max-width:560px){ .wf-cell:nth-child(2n+1){ left: 20px !important; } .wf-cell:nth-child(2n+2){ left: 220px !important; } .home__top-containers{ background-image: url(../images/heroslm.jpg); background-position: right; } } @media(max-width:450px){ .wf-cell:nth-child(2n+1){ left: calc(100vw - 360px - 50px) !important; } .wf-cell:nth-child(2n+2){ left: calc(100vw - 180px - 30px) !important; } } @media(max-width:420px){ .wf-cell:nth-child(2n+1){ left: calc(100vw - 360px - 40px) !important; } .wf-cell:nth-child(2n+2){ left: calc(100vw - 180px - 20px) !important; } } @media(max-width:400px){ .woo-hover.products.loading-effect-none .wf-cell.iso-item.visible.wf-cell.iso-item.visible.shown, .woo-hover.products.loading-effect-none .wf-cell.iso-item.visible.wf-cell.iso-item.visible.shown .product{ width: 160px; } .wf-cell:nth-child(2n+1){ left: calc(100vw - 360px - 25px) !important; } .wf-cell:nth-child(2n+2){ left: calc(100vw - 180px - 15px) !important; } } @media(max-width:380px){ .wf-cell:nth-child(2n+1){ left: calc(100vw - 360px - 15px) !important; } .wf-cell:nth-child(2n+2){ left: calc(100vw - 180px - 10px) !important; } } body .mrg-gallery-container { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; overflow: hidden; box-sizing: border-box; } .vc_row:has(.mrg-gallery-container) .vc_column-inner, .vc_row:has(.mrg-gallery-container) .wpb_wrapper, .vc_row:has(.mrg-gallery-container) .wpb_text_column { overflow: visible; } body.home #main > .wf-wrap:has(.mrg-gallery-container), body.twirion-sdk-home #main > .wf-wrap:has(.mrg-gallery-container) { overflow: visible; } .mrg-row { margin: 10px 0; overflow: hidden; width: 100%; } .mrg-track { display: flex; width: max-content; } .mrg-row[data-direction="left"] .mrg-track { animation: moveLeft var(--speed, 30s) linear infinite; } .mrg-row[data-direction="right"] .mrg-track { animation: moveRight var(--speed, 30s) linear infinite; } .mrg-item { flex: 0 0 90px; width: 90px; height: 90px; margin: 0 5px; } .mrg-item img { width: 100%; height: 100%; object-fit: cover; } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @keyframes moveRight { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } } body .mrg-gallery-container{width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; overflow: hidden; box-sizing: border-box;} .mrg-row{margin: 10px 0; overflow: hidden; width: 100%;} .mrg-track{display: flex; width: max-content;} .mrg-row[data-direction="left"] .mrg-track{animation: moveLeft var(--speed, 30s) linear infinite;} .mrg-row[data-direction="right"] .mrg-track{animation: moveRight var(--speed, 30s) linear infinite;} .mrg-item{flex: 0 0 90px; width: 90px; height: 90px; margin: 0 5px;} .mrg-item img{width: 100%; height: 100%; object-fit: cover;} .wpb-content-wrapper{margin:0;padding:0;border:none;overflow:unset;display:block} .wpb-content--blank .wpb-content-wrapper{margin:0 auto} @media (min-width:576px){.wpb-content--blank .wpb-content-wrapper{max-width:540px}} @media (min-width:768px){.wpb-content--blank .wpb-content-wrapper{max-width:720px}} @media (min-width:992px){.wpb-content--blank .wpb-content-wrapper{max-width:960px}} @media (min-width:1200px){.wpb-content--blank .wpb-content-wrapper{max-width:1140px}} .links__categories-mobile{width: 100%; overflow: hidden; position: relative; -webkit-overflow-scrolling: touch;} .links__categories-track{display: flex; gap: 10px; transition: transform 0.3s ease; will-change: transform; touch-action: pan-x;} /* ===== sdk-wc-bundle.css ===== */ /** * WooCommerce — единый CSS темы Twirion (каталог, карточка, корзина, checkout, account, wishlist). */ /* ===== sdk-woocommerce.css ===== */ /* WooCommerce в теме Twirion (SDK / The7) */ /* Page title / breadcrumbs — см. блок «Хлебные крошки» выше (.twirion-page-title) */ .twirion-wc-main { padding: 30px 0 60px; overflow-x: clip; } body.woocommerce-cart .twirion-wc-main #content, body.woocommerce-checkout .twirion-wc-main #content { overflow-x: visible; } .twirion-wc-main .woocommerce-breadcrumb { display: none; } /* Страница товара: верхний ряд — sdk-wc-single-product-layout.css */ .custom-product-title { font-family: "Kanit", Helvetica, Arial, Verdana, sans-serif; font-size: 34px; font-weight: 500; line-height: 36px; text-align: left; color: #000; margin-bottom: 20px; } .custom-price-wrapper { display: flex; align-items: baseline; gap: 5px; margin-bottom: 30px; } .custom-price-currency { font-family: "Libre Franklin", Helvetica, Arial, sans-serif; font-size: 22px; font-weight: 300; line-height: 24px; color: rgba(0, 0, 0, 0.8); } .custom-price-amount { font-family: "Libre Franklin", Helvetica, Arial, sans-serif; font-size: 26px; font-weight: 600; line-height: 24px; color: #1bc365; } .woocommerce div.product div.summary form.cart:not(.twirion-cart-has-quantity) .quantity, .woocommerce div.product div.summary form.cart:not(.twirion-cart-has-quantity) .quantity input.qty, .woocommerce div.product div.summary form.cart:not(.twirion-cart-has-quantity) .quantity .plus, .woocommerce div.product div.summary form.cart:not(.twirion-cart-has-quantity) .quantity .minus { display: none !important; } .woocommerce div.product .single_add_to_cart_button.button { display: inline-flex; align-items: center; justify-content: center; background-color: var(--sdk-accent, #6a2fff) !important; color: #fff !important; border: 1px solid var(--sdk-accent, #6a2fff) !important; border-radius: var(--sdk-radius-btn, 99px) !important; padding: 10px 22px !important; min-height: 36px; height: auto !important; width: auto !important; max-width: none; line-height: 1.2 !important; text-align: center; cursor: pointer; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 13px; font-weight: 600; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; } .woocommerce div.product .single_add_to_cart_button.button:not(.twirion-view-cart):hover, .woocommerce div.product button.single_add_to_cart_button[name="add-to-cart"]:hover { background: transparent !important; color: var(--sdk-accent, #6a2fff) !important; border-color: var(--sdk-accent, #6a2fff) !important; } .woocommerce div.product a.single_add_to_cart_button.twirion-view-cart, .woocommerce div.product .single_add_to_cart_button.button.twirion-view-cart { background: var(--sdk-accent, #6a2fff) !important; color: #fff !important; border: 1px solid var(--sdk-accent, #6a2fff) !important; } .woocommerce div.product a.single_add_to_cart_button.twirion-view-cart:hover, .woocommerce div.product .single_add_to_cart_button.button.twirion-view-cart:hover { background: transparent !important; color: var(--sdk-accent, #6a2fff) !important; border-color: var(--sdk-accent, #6a2fff) !important; } .woocommerce div.product div.summary form.cart, .woocommerce div.product div.summary p.cart { margin-bottom: 0; } .woocommerce div.product .product-actions { margin-top: 0; } .woocommerce .related.products > h2, .woocommerce .related.products .relatedtitle { font-family: "Kanit", Helvetica, Arial, Verdana, sans-serif; font-size: 22px; font-weight: 500; margin-bottom: 24px; } .woocommerce .related.products { padding-top: 50px; margin-top: 60px; border-top: 0; clear: both; width: 100%; } .woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce, .woocommerce-account .woocommerce { max-width: 1400px; width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .woocommerce table.shop_table { border-collapse: collapse; } .woocommerce .button, .woocommerce a.button, .woocommerce button.button { border-radius: 4px; } .twirion-new-arrivals .woocommerce ul.products { margin: 0; padding: 0; list-style: none; } .twirion-new-arrivals .woocommerce ul.products::before, .twirion-new-arrivals .woocommerce ul.products::after { display: none; } .twirion-new-arrivals .woocommerce ul.products li.twirion-loop-item { list-style: none; width: auto !important; margin: 0 !important; float: none !important; } .twirion-new-arrivals .woocommerce ul.products li.twirion-loop-item > .product-block { width: 100%; min-height: auto; border: 1px solid var(--sdk-border); border-radius: 25px; overflow: hidden; box-sizing: border-box; padding: 15px; display: flex; flex-direction: column; justify-content: space-between; margin: 0; } .twirion-new-arrivals .woocommerce ul.products .product-image-wrapper img { width: 100%; max-width: 305px; aspect-ratio: 1; object-fit: cover; border-radius: 15px; } .twirion-new-arrivals .woocommerce ul.products .product-title { font-family: "Kanit", Helvetica, Arial, Verdana, sans-serif; font-size: 16px; font-weight: 500; line-height: 20px; margin: 10px 0; } .twirion-new-arrivals .woocommerce ul.products .price-whole { font-size: 26px; font-weight: 600; color: #1bc365; } .twirion-new-arrivals .woocommerce ul.products { margin-top: 0; } @media only screen and (max-width: 767px) { .twirion-wc-main { padding: 20px 0 40px; } .custom-product-title { font-size: 26px; line-height: 1.2; } } /* ===== sdk-wc-design.css ===== */ /** * WooCommerce SDK design — single product, related (не категория). */ /* Product tags (SDK pills) — related, single */ .twirion-wc-main .product-tags-wrapper, .single-product .product-tags-wrapper, .sdk-recently-viewed .product-tags-wrapper { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 12px; } .twirion-wc-main .product-tag, .single-product .product-tag, .sdk-recently-viewed .product-tag { display: inline-block; padding: 0 12px; height: 23px; line-height: 23px; font-size: 12px; color: rgba(0, 0, 0, 0.7); border: 1px solid var(--sdk-border); border-radius: 99px; background: transparent; cursor: default; } /* Related products (single) */ .twirion-wc-main .related.products { padding-top: 50px; margin-top: 60px; border-top: 0; clear: both; } .twirion-wc-main .related.products .relatedtitle { font-family: "Kanit", Helvetica, Arial, Verdana, sans-serif; font-size: 22px; font-weight: 500; line-height: 1.2; margin: 0 0 24px; color: #000; } .twirion-wc-main ul.related-product { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 20px; list-style: none; margin: 0; padding: 0; } .twirion-wc-main ul.related-product::before, .twirion-wc-main ul.related-product::after { display: none; } .twirion-wc-main ul.related-product > li.product-block { width: 100%; max-width: 335px; border: 1px solid var(--sdk-border); border-radius: 25px; padding: 15px; box-sizing: border-box; margin: 0 !important; float: none !important; list-style: none; } .twirion-wc-main ul.related-product .add-to-cart-button a.button { display: block !important; width: 100% !important; text-align: center !important; padding: 10px 14px !important; font-family: var(--sdk-global-font) !important; font-size: 13px !important; font-weight: 600 !important; } /* --- Single product: верхний ряд — см. sdk-wc-single-product-layout.css (.twirion-product-top) --- */ .twirion-wc-main .woocommerce div.product .product_meta { display: none; } .twirion-wc-main .woocommerce div.product .woocommerce-product-rating { display: none; } .twirion-wc-main .woocommerce div.product form.cart:not(.twirion-cart-has-quantity) .quantity { display: none !important; } .twirion-wc-main .woocommerce div.product form.cart.twirion-cart-has-quantity .quantity { display: inline-flex !important; align-items: stretch; border: 1px solid var(--sdk-border); border-radius: 4px; overflow: hidden; flex: 0 0 auto; } .twirion-wc-main .woocommerce div.product form.cart.twirion-cart-has-quantity .quantity input.qty, .twirion-wc-main .woocommerce div.product form.cart.twirion-cart-has-quantity .quantity .plus, .twirion-wc-main .woocommerce div.product form.cart.twirion-cart-has-quantity .quantity .minus { display: inline-flex !important; } .twirion-wc-main .woocommerce div.product form.cart.twirion-cart-has-quantity .quantity .qty { width: 48px; min-height: 36px; padding: 0; border: none; border-left: 1px solid var(--sdk-border); border-right: 1px solid var(--sdk-border); text-align: center; font-family: var(--sdk-price-font, "Libre Franklin", sans-serif); font-size: 14px; font-weight: 600; background: #ffffff; box-shadow: none; -moz-appearance: textfield; } .twirion-wc-main .woocommerce div.product form.cart.twirion-cart-has-quantity .quantity .qty::-webkit-outer-spin-button, .twirion-wc-main .woocommerce div.product form.cart.twirion-cart-has-quantity .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .twirion-wc-main .woocommerce div.product form.cart.twirion-cart-has-quantity .quantity .plus, .twirion-wc-main .woocommerce div.product form.cart.twirion-cart-has-quantity .quantity .minus { align-items: center; justify-content: center; width: 32px; min-height: 36px; padding: 0; margin: 0; border: none; background: #ffffff !important; color: var(--sdk-text, #111111) !important; font-size: 16px; font-weight: 600; box-shadow: none !important; cursor: pointer; } .twirion-wc-main .woocommerce div.product form.cart.twirion-cart-has-quantity .product-actions { flex-wrap: nowrap; } .twirion-wc-main .woocommerce div.product form.cart.twirion-cart-has-quantity .single_add_to_cart_button.button { width: auto !important; flex: 0 0 auto; min-width: 0; } .twirion-wc-main .woocommerce div.product .product-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .twirion-wc-main .woocommerce div.product .single_add_to_cart_button.button, .twirion-wc-main .woocommerce div.product button.single_add_to_cart_button[name="add-to-cart"], .twirion-wc-main .woocommerce div.product a.single_add_to_cart_button.twirion-view-cart { display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; max-width: none !important; min-height: 36px !important; height: auto !important; line-height: 1.2 !important; padding: 10px 22px !important; border: 1px solid var(--sdk-accent, #6a2fff) !important; border-radius: var(--sdk-radius-btn, 99px) !important; box-shadow: none !important; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; } .twirion-wc-main .woocommerce div.product .single_add_to_cart_button.button:not(.twirion-view-cart), .twirion-wc-main .woocommerce div.product button.single_add_to_cart_button[name="add-to-cart"] { background-color: var(--sdk-accent, #6a2fff) !important; color: #fff !important; border: 1px solid var(--sdk-accent, #6a2fff) !important; } .twirion-wc-main .woocommerce div.product .single_add_to_cart_button.button:not(.twirion-view-cart):hover, .twirion-wc-main .woocommerce div.product button.single_add_to_cart_button[name="add-to-cart"]:hover { background: transparent !important; color: var(--sdk-accent, #6a2fff) !important; border-color: var(--sdk-accent, #6a2fff) !important; } .twirion-wc-main .woocommerce div.product .single_add_to_cart_button.button.twirion-view-cart, .twirion-wc-main .woocommerce div.product a.single_add_to_cart_button.twirion-view-cart { background: var(--sdk-accent, #6a2fff) !important; color: #fff !important; border: 1px solid var(--sdk-accent, #6a2fff) !important; } .twirion-wc-main .woocommerce div.product .single_add_to_cart_button.button.twirion-view-cart:hover, .twirion-wc-main .woocommerce div.product a.single_add_to_cart_button.twirion-view-cart:hover { background: transparent !important; color: var(--sdk-accent, #6a2fff) !important; border-color: var(--sdk-accent, #6a2fff) !important; } .twirion-wc-main .woocommerce-tabs { width: 100%; margin-top: 40px; } .twirion-wc-main .woocommerce-tabs ul.tabs { font-family: "Kanit", Helvetica, Arial, Verdana, sans-serif; } @media only screen and (max-width: 1199px) { .twirion-wc-main ul.related-product { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media only screen and (max-width: 767px) { .twirion-wc-main ul.related-product { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; } .twirion-wc-main .dt-products .product-image-wrapper img { height: auto; aspect-ratio: 1; } } .twirion-wc-main--in-account { padding: 0; } /* ===== sdk-wc-catalog.css ===== */ /** * Каталог SDK: сетка, сайдбар, ordering — 1:1 Переделать в хтмл/product-category/baseball. */ .twirion-wc-main { padding: 30px 0 60px; } body.twirion-shop-catalog #main.twirion-wc-main { padding: 0 0 70px; } .twirion-wc-main .woocommerce-breadcrumb { display: none; } .twirion-wc-main .woocommerce-ordering, .twirion-wc-main .woocommerce-result-count { display: none; } .twirion-wc-main .twirion-catalog-toolbar .woocommerce-ordering, .twirion-wc-main .twirion-catalog-toolbar .woocommerce-result-count { display: block; } .twirion-catalog-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; width: 100%; margin: 0 0 24px; padding: 0; box-sizing: border-box; } .twirion-catalog-toolbar .woocommerce-result-count { margin: 0; flex: 1 1 auto; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--sdk-text-muted, #555555); } .twirion-catalog-toolbar .woocommerce-ordering { margin: 0; float: none; } .twirion-catalog-toolbar .woocommerce-ordering select { min-width: 200px; padding: 10px 36px 10px 14px; border: 1px solid var(--sdk-border-input, rgba(51, 51, 51, 0.11)); border-radius: var(--sdk-radius-input, 2px); background-color: #ffffff; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 500; color: var(--sdk-text, #111111); cursor: pointer; } .twirion-shop-trust-mini { margin-top: 28px; padding: 20px 18px; border-radius: 12px; background: linear-gradient(135deg, rgba(106, 47, 255, 0.06) 0%, rgba(27, 195, 101, 0.08) 100%); border: 1px solid rgba(106, 47, 255, 0.14); box-sizing: border-box; } .twirion-shop-trust-mini__title { margin: 0 0 14px; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 700; line-height: 1.35; color: var(--sdk-accent, #6a2fff); } .twirion-shop-trust-mini__list { margin: 0; padding: 0; list-style: none; } .twirion-shop-trust-mini__list li { display: flex; align-items: flex-start; gap: 10px; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 13px; line-height: 1.45; color: var(--sdk-text, #111111); } .twirion-shop-trust-mini__list li + li { margin-top: 10px; } .twirion-shop-trust-mini__list .sdk-trust-icon { flex-shrink: 0; width: 18px; height: 18px; margin-top: 1px; color: var(--sdk-accent, #6a2fff); } .twirion-footer-legal { margin: 24px 0 0; padding: 16px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.12); font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 12px; line-height: 1.5; color: rgba(255, 255, 255, 0.72); text-align: center; } .twirion-footer-newsletter__lead { margin: 0 0 12px; font-size: 13px; line-height: 1.45; opacity: 0.9; } .twirion-footer-newsletter__form { display: flex; flex-wrap: wrap; gap: 8px; } .twirion-footer-newsletter__hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; } .twirion-footer-newsletter__input { flex: 1 1 140px; min-width: 0; padding: 10px 12px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 6px; background: rgba(255, 255, 255, 0.08); color: #ffffff; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 13px; } .twirion-footer-newsletter__input::placeholder { color: rgba(255, 255, 255, 0.55); } .twirion-footer-newsletter__btn { padding: 10px 16px; border: 0; border-radius: 6px; background: var(--sdk-accent, #6a2fff); color: #ffffff; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 13px; font-weight: 600; cursor: pointer; } .twirion-footer-newsletter__btn:hover { background: #5720e0; } .twirion-footer-newsletter__notice { margin: 0 0 10px; font-size: 12px; line-height: 1.4; } .twirion-footer-newsletter__notice--ok { color: #8fe8b0; } .twirion-footer-newsletter__notice--err { color: #ffb4b4; } .twirion-wc-main.sidebar-left .wf-container-main { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0 50px; } .twirion-wc-main.sidebar-left #content.content { flex: 1 1 0; min-width: 0; } .twirion-wc-main.sidebar-left #sidebar.sidebar { flex: 0 0 300px; width: 300px; max-width: 300px; } .twirion-wc-main .wf-container.dt-products.woo-hover.products.loading-effect-none { min-height: max-content !important; } .twirion-wc-main .woo-hover.products.loading-effect-none { display: block; width: 100%; max-width: 100%; } .twirion-wc-main .woo-hover.products.loading-effect-none .wf-cell.iso-item.visible.shown { width: 100%; max-width: 100%; } .twirion-wc-main .loading-effect-none .dt-css-grid .wf-cell.visible.shown, .twirion-wc-main .loading-effect-none .dt-css-grid .wf-cell.shown { opacity: 1 !important; visibility: visible !important; } .twirion-wc-main .dt-css-grid .wf-cell { opacity: 1; } .twirion-wc-main .wc-grid.resize-by-browser-width .dt-css-grid { display: grid; justify-content: stretch; } .twirion-wc-main .wc-grid.resize-by-browser-width .dt-css-grid .wf-cell { width: 100%; padding: 0; box-sizing: border-box; } @media (max-width: 1440px) { .twirion-wc-main .wf-container-main { width: 100% !important; max-width: 100% !important; } .twirion-wc-main .woo-hover.products.loading-effect-none { width: 100% !important; max-width: 100% !important; } } /* .twirion-wc-main .wf-container-main ≤1000px — twirion-wc-catalog-layout.css */ @media (max-width: 992px) and (min-width: 1000px) { .twirion-wc-main.sidebar-left .wf-container-main { flex-direction: column; } .twirion-wc-main.sidebar-left #content.content { flex: 1 1 100%; width: 100%; } .twirion-wc-main.sidebar-left #sidebar.sidebar { flex: 1 1 100%; max-width: 100%; width: 100%; } } @media only screen and (max-width: 767px) { .twirion-wc-main .wc-sidebar-toggle { display: flex !important; align-items: center; justify-content: center; position: absolute; top: 18%; right: -40px; width: 40px; height: 40px; background-color: var(--the7-accent-color, #1ebbf0); color: #fff; z-index: 9996; cursor: pointer; } .twirion-wc-main .cont-id-0 .wf-cell { padding: 0 !important; } .twirion-wc-main .woo-hover.products.loading-effect-none .dt-css-grid .wf-cell, .twirion-wc-main .woo-hover.products.loading-effect-none .wf-cell.visible.shown, .twirion-wc-main .woo-hover.products.loading-effect-none .wf-cell.iso-item.visible.shown { width: 100% !important; max-width: 100% !important; left: auto !important; position: relative !important; float: none !important; } } @media (max-width: 768px) { .twirion-wc-main { padding: 20px 0 40px; } } /* ===== sdk-wc-product-card.css ===== */ /** * Карточки каталога SDK — the7-custom / sdk-main-copy/index.html. */ .twirion-wc-main .woo-hover .product-block { width: 100%; max-width: 100%; min-height: auto; border: 1px solid var(--sdk-border); border-radius: 25px; overflow: visible; position: relative; box-sizing: border-box; padding: 15px; display: flex; flex-direction: column; justify-content: space-between; margin: 0; } .twirion-wc-main .woo-hover .product-details { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; } .twirion-wc-main .woo-hover .product-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 10px; flex-shrink: 0; } .twirion-wc-main .woo-hover .add-to-cart-button { flex-shrink: 0; margin: 0; } .twirion-wc-main .woo-hover .product-image-wrapper { position: relative; text-align: center; flex-shrink: 0; } .twirion-wc-main .woo-hover .product-image-wrapper img { width: 305px; max-width: 100%; height: 305px; object-fit: cover; border-radius: 15px; } .twirion-wc-main .woo-hover .wishlist-button { position: absolute; top: 8px; right: 8px; z-index: 11; } .twirion-wc-main .woo-hover .product-title { font-family: "Kanit", Helvetica, Arial, Verdana, sans-serif; font-size: 16px; font-weight: 500; line-height: 20px; text-align: left; margin: 10px 0; color: #000; } .twirion-wc-main .woo-hover .product-title a { color: #000; text-decoration: none; } .twirion-wc-main .woo-hover .product-price { display: flex; align-items: flex-start; font-family: "Libre Franklin", Helvetica, Arial, Verdana, sans-serif; } .twirion-wc-main .woo-hover .currency-symbol { font-size: 14px; font-weight: 300; line-height: 17px; margin-right: 2px; vertical-align: top; } .twirion-wc-main .woo-hover .price-whole { font-size: 26px; font-weight: 600; line-height: 24px; letter-spacing: -0.03em; vertical-align: top; color: #000; } .twirion-wc-main .woo-hover .price-fraction { font-size: 14px; font-weight: 300; line-height: 17px; margin-left: 2px; vertical-align: top; } .twirion-wc-main .woo-hover .product-tags-wrapper { display: none; } .twirion-wc-main .woo-hover .add-to-cart-button a.added_to_cart.wc-forward { display: none !important; } @media only screen and (max-width: 767px) { .twirion-wc-main .woo-hover .product-block { width: 100%; margin: 0; } .twirion-wc-main .woo-hover .product-image-wrapper img { width: 160px; height: 160px; } .twirion-wc-main .woo-hover .product-title { font-size: 16px; font-weight: 300; line-height: 18px; } .twirion-wc-main .woo-hover .product-price { font-size: 16px; font-weight: 300; line-height: 18px; } .twirion-wc-main .woo-hover .product-footer { flex-direction: column; align-items: flex-start; } .twirion-wc-main .woo-hover .add-to-cart-button { width: 100%; margin-top: 10px; } } @media (max-width: 1440px) { .twirion-wc-main .woo-hover.products.loading-effect-none { width: 100%; max-width: 100%; } } @media (max-width: 1000px) { .twirion-wc-main .woo-hover.products.loading-effect-none { width: 100%; } } @media (max-width: 768px) { .twirion-wc-main .woo-hover.products.loading-effect-none .wf-cell.visible.shown { width: auto; } } /* ===== sdk-wc-buttons.css ===== */ /** * Кнопки каталога: accent fill (default), outline on hover. */ .twirion-wc-main .woo-hover .add-to-cart-button a.button, .twirion-wc-main .woo-hover .add-to-cart-button a.add_to_cart_button, .twirion-wc-main .woo-hover .add-to-cart-button a:not(.added_to_cart), .twirion-wc-main .woo-hover .add-to-cart-button .twirion-add-to-cart-disabled, .twirion-new-arrivals .add-to-cart-button a.button, .twirion-new-arrivals .add-to-cart-button a.add_to_cart_button, .twirion-new-arrivals .add-to-cart-button a:not(.added_to_cart), .twirion-new-arrivals .add-to-cart-button .twirion-add-to-cart-disabled, .twirion-wc-main ul.related-product .add-to-cart-button a.button, .twirion-wc-main ul.related-product .add-to-cart-button a:not(.added_to_cart), .twirion-wc-main ul.related-product .add-to-cart-button .twirion-add-to-cart-disabled { display: inline-flex !important; align-items: center; justify-content: center; flex-shrink: 0; height: auto !important; min-height: 36px; line-height: 1.2 !important; padding: 10px 22px !important; background-color: var(--sdk-accent, #6a2fff) !important; color: #fff !important; border: 1px solid var(--sdk-accent, #6a2fff) !important; border-radius: var(--sdk-radius-btn) !important; box-shadow: none !important; font-family: var(--sdk-global-font); font-size: 13px; font-weight: 600; text-decoration: none !important; white-space: nowrap; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; } .twirion-wc-main .woo-hover .add-to-cart-button a.button:not(.twirion-view-cart):not(.added):hover, .twirion-wc-main .woo-hover .add-to-cart-button a:not(.added_to_cart):not(.twirion-view-cart):not(.added):hover, .twirion-new-arrivals .add-to-cart-button a.button:not(.twirion-view-cart):not(.added):hover, .twirion-new-arrivals .add-to-cart-button a:not(.added_to_cart):not(.twirion-view-cart):not(.added):hover, .twirion-wc-main ul.related-product .add-to-cart-button a.button:not(.twirion-view-cart):not(.added):hover, .twirion-wc-main ul.related-product .add-to-cart-button a:not(.added_to_cart):not(.twirion-view-cart):not(.added):hover { background: transparent !important; color: var(--sdk-accent, #6a2fff) !important; border-color: var(--sdk-accent, #6a2fff) !important; } .twirion-wc-main .woo-hover .add-to-cart-button a.button.loading, .twirion-new-arrivals .add-to-cart-button a.button.loading { background: var(--sdk-accent, #6a2fff) !important; color: #fff !important; border-color: var(--sdk-accent, #6a2fff) !important; } /* После добавления в корзину — «View cart» (SDK accent) */ .twirion-wc-main .woo-hover .add-to-cart-button a.add_to_cart_button.added, .twirion-wc-main .woo-hover .add-to-cart-button a.twirion-view-cart, .twirion-new-arrivals .add-to-cart-button a.add_to_cart_button.added, .twirion-new-arrivals .add-to-cart-button a.twirion-view-cart, .twirion-wc-main ul.related-product .add-to-cart-button a.add_to_cart_button.added, .twirion-wc-main ul.related-product .add-to-cart-button a.twirion-view-cart { background: var(--sdk-accent, #6a2fff) !important; color: #fff !important; border: 1px solid var(--sdk-accent, #6a2fff) !important; } .twirion-wc-main .woo-hover .add-to-cart-button a.add_to_cart_button.added:hover, .twirion-wc-main .woo-hover .add-to-cart-button a.twirion-view-cart:hover, .twirion-new-arrivals .add-to-cart-button a.add_to_cart_button.added:hover, .twirion-new-arrivals .add-to-cart-button a.twirion-view-cart:hover, .twirion-wc-main ul.related-product .add-to-cart-button a.add_to_cart_button.added:hover, .twirion-wc-main ul.related-product .add-to-cart-button a.twirion-view-cart:hover, .add-to-cart-button a.add_to_cart_button.added:hover, .add-to-cart-button a.twirion-view-cart:hover { background: transparent !important; color: var(--sdk-accent, #6a2fff) !important; border-color: var(--sdk-accent, #6a2fff) !important; } .twirion-wc-main .woo-hover .add-to-cart-button a.button.loading { opacity: 0.85; pointer-events: none; } /* SDK neutral buttons — accent fill, outline hover */ button.single_add_to_cart_button[name="add-to-cart"], input.single_add_to_cart_button[name="add-to-cart"], input[name="apply_coupon"], button[name="calc_shipping"], .twirion-static-page .cam-update-button button { background-color: var(--sdk-accent, #6a2fff) !important; color: #fff !important; border: 1px solid var(--sdk-accent, #6a2fff) !important; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; } button.single_add_to_cart_button[name="add-to-cart"]:not(:disabled):not(.twirion-add-to-cart-disabled):hover, input.single_add_to_cart_button[name="add-to-cart"]:not(:disabled):not(.twirion-add-to-cart-disabled):hover, input[name="apply_coupon"]:hover, button[name="calc_shipping"]:hover, .twirion-static-page .cam-update-button button:hover { background: transparent !important; color: var(--sdk-accent, #6a2fff) !important; border-color: var(--sdk-accent, #6a2fff) !important; } /* Отдельная ссылка WC — скрыть, текст переносится в основную кнопку */ .add-to-cart-button a.added_to_cart.wc-forward, .woocommerce a.added_to_cart.wc-forward { display: none !important; } /* ===== sdk-wc-pagination.css ===== */ /** * Пагинация каталога — The7 SDK: цифры + градиентное подчёркивание у .act. */ .twirion-wc-main .woocommerce-pagination.paginator { position: relative; margin: 50px 0 0; padding-bottom: 2px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0; font-family: var(--sdk-global-font); } .twirion-wc-main .woocommerce-pagination.paginator .page-numbers, .twirion-wc-main .woocommerce-pagination.paginator .nav-prev, .twirion-wc-main .woocommerce-pagination.paginator .nav-prev.disabled { position: relative; display: inline-block; padding: 1px 8px; margin: 0 6px; min-width: 0; height: auto; border: none !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--sdk-text) !important; font-size: 16px; font-weight: 400; line-height: 1.5; text-decoration: none !important; transition: opacity 0.3s ease; } .twirion-wc-main .woocommerce-pagination.paginator .page-numbers::after, .twirion-wc-main .woocommerce-pagination.paginator .nav-prev:not(.disabled)::after, .twirion-wc-main .woocommerce-pagination.paginator .nav-next::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; opacity: 0; transition: opacity 0.3s ease; background: var(--sdk-accent, #6a2fff) !important; } .twirion-wc-main .woocommerce-pagination.paginator .page-numbers:hover::after, .twirion-wc-main .woocommerce-pagination.paginator .page-numbers.act::after, .twirion-wc-main .woocommerce-pagination.paginator .page-numbers.current::after, .twirion-wc-main .woocommerce-pagination.paginator .nav-prev:not(.disabled):hover::after, .twirion-wc-main .woocommerce-pagination.paginator .nav-next:hover::after { opacity: 1; } .twirion-wc-main .woocommerce-pagination.paginator .page-numbers.act, .twirion-wc-main .woocommerce-pagination.paginator .page-numbers.current { color: var(--sdk-text) !important; background: transparent !important; } .twirion-wc-main .woocommerce-pagination.paginator .nav-prev.disabled { opacity: 0.35; cursor: default; pointer-events: none; } .twirion-wc-main .woocommerce-pagination.paginator .nav-prev, .twirion-wc-main .woocommerce-pagination.paginator .nav-next { font-size: 18px; font-weight: 300; padding: 1px 10px; } /* ===== sdk-wc-price-filter.css ===== */ /** * Filter by price — 1:1 SDK скрин 2: слайдер + поля ввода + подписи снизу. */ .sidebar { --the7-accent-color: var(--sdk-accent, #6a2fff); --the7-title-color: #111111; --the7-base-color: #333333; --the7-input-border-color: rgba(51, 51, 51, 0.11); --the7-input-border-radius: 2px; --range-color: var(--sdk-accent, #6a2fff); } .sidebar .wc-blocks-filter-wrapper .wp-block-heading { font-family: "Kanit", Helvetica, Arial, Verdana, sans-serif; font-size: 16px; font-weight: 500; line-height: 20px; text-transform: none; color: var(--the7-title-color); margin: 0 0 12px; } .sidebar .wp-block-woocommerce-price-filter { border: none; border-radius: 4px; } .sidebar .wc-block-components-price-slider { margin-bottom: 24px; } .sidebar .wc-block-price-filter__range-input-wrapper, .sidebar .wc-block-components-price-slider__range-input-wrapper { position: relative; display: flex; align-items: center; min-height: 16px; margin: 15px 0; color: var(--sdk-accent, #6a2fff) !important; background: transparent !important; } .sidebar .wc-block-components-price-slider__range-input-wrapper > [aria-hidden="true"] { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } .sidebar .wc-block-components-price-slider__range-input-wrapper > [aria-hidden="true"]::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 4px; transform: translateY(-50%); background: rgba(0, 0, 0, 0.12); opacity: 1; border-radius: 4px; pointer-events: none; } .sidebar .wc-block-price-filter__range-input-progress, .sidebar .wc-block-components-price-slider__range-input-progress { --range-color: var(--sdk-accent, #6a2fff) !important; --track-background: linear-gradient( to right, transparent var(--low), var(--sdk-accent, #6a2fff) 0, var(--sdk-accent, #6a2fff) var(--high), transparent 0 ) no-repeat 0 100% / 100% 100%; position: absolute; left: 0; top: 50%; width: 100%; height: 4px; transform: translateY(-50%); background: var(--track-background) !important; pointer-events: none; } .sidebar .wc-block-components-price-slider__range-input-wrapper::before { background: rgba(0, 0, 0, 0.12) !important; opacity: 1 !important; } .sidebar .wc-block-components-price-slider__range-input { position: absolute; left: 0; top: 50%; width: 100%; height: 0; margin: 0; padding: 0; border: 0; background: transparent; appearance: none; pointer-events: none; transform: translateY(-50%); } .sidebar .wc-block-components-price-slider__range-input--min { z-index: 21; } .sidebar .wc-block-components-price-slider__range-input--max { z-index: 20; } .sidebar .wc-block-components-price-slider__range-input::-webkit-slider-runnable-track { height: 4px; background: transparent; border: 0; } .sidebar .wc-block-components-price-slider__range-input::-webkit-slider-thumb { appearance: none; width: 12px; height: 12px; border: 2px solid #1e1e1e; border-radius: 50%; background: #fff; cursor: pointer; pointer-events: auto; margin-top: -4px; } .sidebar .wc-block-components-price-slider__range-input::-webkit-slider-thumb:hover { background: #1e1e1e; border-color: #fff; } .sidebar .wc-block-components-price-slider__range-input::-moz-range-track { height: 4px; background: transparent; border: 0; } .sidebar .wc-block-components-price-slider__range-input::-moz-range-thumb { width: 12px; height: 12px; border: 2px solid #1e1e1e; border-radius: 50%; background: #fff; cursor: pointer; pointer-events: auto; transform: translateY(-4px); } .sidebar .wc-block-components-price-slider__range-input--min::-webkit-slider-thumb { margin-left: -2px; } .sidebar .wc-block-components-price-slider__range-input--max::-webkit-slider-thumb { margin-left: 2px; } /* Поля Min / Max — рамка как на SDK скрине 2 */ .sidebar .wc-block-components-price-slider__controls { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin: 16px 0 8px; } .sidebar .wc-block-components-price-slider__control { display: grid; gap: 6px; flex: 0 0 auto; } .sidebar .wc-block-price-filter__control:first-child, .sidebar .wc-block-components-price-slider__control:first-child { justify-items: start; } .sidebar .wc-block-price-filter__control:last-child, .sidebar .wc-block-components-price-slider__control:last-child { justify-items: end; } .sidebar .wc-block-components-price-slider__label { order: 1; font-family: "Kanit", Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.3; color: #666; margin: 0; } .sidebar .wc-block-price-filter__amount, .sidebar .wc-block-components-price-slider__amount, .sidebar .wc-block-price-filter__controls input.wc-block-form-text-input { order: 0; display: block !important; width: 80px; min-width: 72px; max-width: 88px; margin: 0; padding: 8px 10px !important; background-color: #fff !important; border: 1px solid var(--the7-input-border-color) !important; border-style: solid !important; border-radius: var(--the7-input-border-radius) !important; box-shadow: none !important; box-sizing: border-box; font-family: "Kanit", Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.2; color: var(--the7-base-color) !important; text-align: left; appearance: none; -webkit-appearance: none; } .sidebar .wc-block-components-price-slider__actions { display: flex; align-items: center; justify-content: flex-end; gap: 16px; margin-top: 4px; } .sidebar .wc-block-components-price-slider__actions .wc-block-components-filter-reset-button { background: transparent !important; border: 0 !important; padding: 0 !important; font-family: "Kanit", Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-weight: 400 !important; color: #333 !important; text-decoration: underline; cursor: pointer; } .sidebar .wc-block-components-price-slider__actions .wc-block-components-filter-reset-button:hover { color: #333 !important; text-decoration: none; } .twirion-wc-main .widget_price_filter { display: none !important; } /* ===== sdk-wc-price-filter-shell.css ===== */ /** * Доп. стили сайдбара для WC Blocks price filter (как price-filter-block). */ .sidebar .wc-blocks-filter-wrapper .wp-block-heading { font-family: var(--the7-widget-title-font-family, "Kanit", sans-serif); font-size: var(--the7-widget-title-font-size, 16px); font-weight: var(--the7-widget-title-font-weight, 500); line-height: var(--the7-widget-title-line-height, 20px); text-transform: var(--the7-widget-title-text-transform, none); color: var(--the7-title-color, #111); margin: 0 0 12px; } .sidebar .wc-block-price-filter__controls input.wc-block-form-text-input { border-color: var(--the7-input-border-color, rgba(51, 51, 51, 0.11)) !important; border-radius: var(--the7-input-border-radius, 2px) !important; color: var(--the7-base-color, #333); } .accent-gradient .sidebar .wc-block-price-filter__range-input-wrapper, .accent-gradient .sidebar .wc-block-components-price-slider__range-input-wrapper { background: transparent !important; } .accent-gradient .sidebar .wc-block-price-filter__range-input-progress, .accent-gradient .sidebar .wc-block-components-price-slider__range-input-progress { --range-color: var(--sdk-accent, #6a2fff) !important; background: linear-gradient( to right, transparent var(--low), var(--sdk-accent, #6a2fff) 0, var(--sdk-accent, #6a2fff) var(--high), transparent 0 ) no-repeat 0 100% / 100% 100% !important; } .wf-cell.sdk-price-hidden { display: none !important; } /* ===== sdk-wc-wishlist.css ===== */ /** * Theme wishlist — catalog heart + single "Add to Favorites". * Default: hollow heart + border. Active: solid fill (--sdk-accent). */ :root { --twirion-wishlist-color: var(--sdk-accent, #6a2fff); --twirion-wishlist-hover: #5720e0; } /* --- Catalog: heart on image --- */ .twirion-wc-main .wishlist-button, body.woocommerce .wishlist-button { position: absolute; top: 8px; right: 8px; z-index: 10; width: 36px; height: 36px; min-width: 36px; min-height: 36px; display: block; line-height: 0; } .twirion-wishlist-toggle--icon, .twirion-wishlist-toggle--icon.yith-wcwl-add-to-wishlist-button, .twirion-wishlist-toggle--icon.yith-wcwl-add-to-wishlist-button--anchor { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; margin: 0; color: var(--twirion-wishlist-color); border: none; background: transparent; cursor: pointer; border-radius: 6px; box-sizing: border-box; transition: background-color 0.2s ease, box-shadow 0.2s ease; } .twirion-wishlist-toggle--icon:hover, .twirion-wishlist-toggle--icon.yith-wcwl-add-to-wishlist-button:hover, .twirion-wishlist-toggle--icon.yith-wcwl-add-to-wishlist-button--anchor:hover { background: rgba(255, 255, 255, 0.75); box-shadow: 0 2px 8px rgba(106, 47, 255, 0.12); } .twirion-wishlist-toggle--icon.is-in-wishlist, .twirion-wishlist-toggle--icon.yith-wcwl-add-to-wishlist-button--added { background: transparent; } .twirion-wishlist-toggle--icon .twirion-wishlist-icon { width: 20px; height: 20px; display: block; } .twirion-wishlist-toggle--icon .twirion-wishlist-icon path { fill: none !important; stroke: var(--twirion-wishlist-color) !important; stroke-width: 1.75; stroke-linejoin: round; transition: fill 0.2s ease, stroke 0.2s ease; } /* Только добавленное — заливка; hover не заливает */ .twirion-wishlist-toggle--icon.is-in-wishlist .twirion-wishlist-icon path { fill: var(--twirion-wishlist-color) !important; stroke: var(--twirion-wishlist-color) !important; } /* YITH-like anchor markup in catalog */ .twirion-wishlist-toggle--icon.yith-wcwl-add-to-wishlist-button { text-decoration: none; line-height: 1 !important; width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; padding: 0 !important; border: none !important; } .twirion-wishlist-toggle--icon .yith-wcwl-add-to-wishlist-button-icon { width: 24px; height: 24px; min-width: 24px; min-height: 24px; display: block; color: var(--sdk-accent, #6a2fff) !important; flex: 0 0 24px; } .twirion-wishlist-toggle--icon.yith-wcwl-add-to-wishlist-button--added .yith-wcwl-add-to-wishlist-button-icon { color: var(--twirion-wishlist-color); } .twirion-wishlist-toggle--icon .yith-wcwl-add-to-wishlist-button__label { display: none; } .twirion-wishlist-toggle.is-loading { opacity: 0.55; pointer-events: none; } /* --- Single product: heart on gallery (see sdk-product-gallery rules) --- */ .product-actions .wishlist-button-wrapper { display: none !important; } .twirion-wishlist-toggle--pill { display: inline-flex; align-items: center; justify-content: center; gap: 0; width: 190px; min-width: 190px; height: 41px; padding: 0 16px 0 38px; border: 1px solid var(--twirion-wishlist-color); background: transparent; color: var(--twirion-wishlist-color); font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; border-radius: 99px; cursor: pointer; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; box-sizing: border-box; position: relative; } .twirion-wishlist-toggle--pill:hover { border-color: var(--twirion-wishlist-hover); color: var(--twirion-wishlist-hover); } .twirion-wishlist-toggle--pill .twirion-wishlist-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; } .twirion-wishlist-toggle--pill .twirion-wishlist-icon path { fill: none !important; stroke: currentColor !important; stroke-width: 1.75; stroke-linejoin: round; transition: fill 0.2s ease; } .twirion-wishlist-toggle--pill.is-in-wishlist { background: var(--twirion-wishlist-color); border-color: var(--twirion-wishlist-color); color: #fff; } .twirion-wishlist-toggle--pill.is-in-wishlist .twirion-wishlist-icon path { fill: #fff !important; stroke: #fff !important; } .twirion-wishlist-toggle--pill .twirion-wishlist-label { white-space: nowrap; } /* Sidebar checkbox */ .twirion-wishlist-only-filter { margin-top: 14px; padding-top: 14px; padding-left: 25px; padding-right: 25px; border-top: 1px solid var(--sdk-border); } .twirion-wishlist-only-filter .twirion-wishlist-only-label { display: flex; align-items: center; gap: 10px; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 500; color: #333; } .twirion-wishlist-only-filter input[type="checkbox"] { width: 16px; height: 16px; margin: 0; accent-color: var(--twirion-wishlist-color); } @media only screen and (max-width: 767px) { .wishlist-button { position: absolute !important; top: 4px !important; right: 4px !important; margin: 0 !important; z-index: 11 !important; } .product-image-wrapper .twirion-product-stock--loop { top: 4px; left: 4px; max-width: calc(100% - 48px); font-size: 12px; padding: 4px 7px; } .product-actions { flex-wrap: wrap; } .twirion-wishlist-toggle--pill { width: 100%; min-width: 0; } } /* ===== sdk-wc-cart.css ===== */ /** * Страница корзины WooCommerce — SDK / Legacy Legends (скрин 2). */ body.woocommerce-cart .woocommerce.cam-container, body.woocommerce-cart .woocommerce.twirion-cart-layout, .woocommerce-cart .woocommerce { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; gap: 20px; width: 100%; max-width: none; margin: 0; padding: 0 0 40px; box-sizing: border-box; overflow: visible; } body.woocommerce-cart form.woocommerce-cart-form, .woocommerce-cart form.woocommerce-cart-form { flex: 1 1 455px; min-width: 0; margin: 0; padding: 20px 24px; background: #fff; border-radius: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-sizing: border-box; overflow-x: auto; -webkit-overflow-scrolling: touch; } body.woocommerce-cart .cart-collaterals, .woocommerce-cart .cart-collaterals { flex: 1 1 100%; float: none !important; width: 100%; max-width: none; min-width: 0; margin: 0; padding: 20px; background: #fff; border-radius: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-sizing: border-box; overflow: visible; } @media (min-width: 992px) { body.woocommerce-cart .cart-collaterals, .woocommerce-cart .cart-collaterals { flex: 0 0 314px; max-width: 314px; } } body.woocommerce-cart .cart_totals, .woocommerce-cart .cart_totals { width: 100%; max-width: none; padding: 0; background: transparent; border: none; border-radius: 0; box-sizing: border-box; overflow: visible; } body.woocommerce-cart .cart_totals > h2, .woocommerce-cart .cart_totals > h2 { font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 18px; font-weight: 500; line-height: 1.3; letter-spacing: normal; text-transform: none; color: #0a0909; margin: 0 0 16px; } /* Таблица товаров */ .woocommerce-cart table.shop_table.cart { border: none; border-collapse: separate; width: 100%; margin: 0; } .woocommerce-cart table.shop_table.cart thead th { border: none; padding: 0 10px 12px 0; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 11px; font-weight: 600; line-height: 1.2; letter-spacing: 0.08em; text-transform: uppercase; color: var(--sdk-text-muted, #333333); } .woocommerce-cart table.shop_table.cart td { border-top: 1px solid var(--sdk-border); padding: 24px 10px 24px 0; vertical-align: top; } .woocommerce-cart table.shop_table.cart td.product-subtotal { padding-right: 0; text-align: right; font-family: var(--sdk-price-font, "Libre Franklin", sans-serif); font-weight: 600; color: var(--sdk-text, #111111); } .woocommerce-cart table.shop_table.cart td.product-remove { width: 28px; padding-right: 8px; } .woocommerce-cart a.remove, .woocommerce-cart .product-remove a.remove { display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; margin: 0; padding: 0; font-size: 0 !important; line-height: 1 !important; text-align: center; text-decoration: none; border: none !important; border-radius: 0; background: none !important; color: var(--sdk-accent, #6a2fff) !important; transition: color 0.2s ease, opacity 0.2s ease; } .woocommerce-cart a.remove svg, .woocommerce-cart .product-remove a.remove svg { display: block; width: 16px; height: 16px; pointer-events: none; } .woocommerce-cart a.remove:hover, .woocommerce-cart .product-remove a.remove:hover { color: var(--sdk-accent, #6a2fff) !important; background: none !important; border: none !important; opacity: 0.7; } /* Cart thumbnails — twirion-wc-cart.css (SDK sdk-wc-cart.css) */ .woocommerce-cart .product-name { min-width: 0; max-width: 100%; word-break: break-word; } .woocommerce-cart .product-name a { display: inline; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 15px; font-weight: 500; line-height: 1.35; color: var(--sdk-accent-blue, #1ebbf0) !important; text-decoration: none; } .woocommerce-cart .product-name a:hover { color: var(--sdk-green, #1bc365) !important; } .woocommerce-cart .product-price, .woocommerce-cart .product-subtotal { font-family: var(--sdk-price-font, "Libre Franklin", sans-serif); } .woocommerce-cart .product-price del { color: rgba(0, 0, 0, 0.45); font-weight: 400; } .woocommerce-cart .product-price ins { text-decoration: none; font-weight: 600; color: var(--sdk-text, #111111); } /* Количество */ .woocommerce-cart .quantity { display: inline-flex; align-items: stretch; border: 1px solid var(--sdk-border); border-radius: 4px; overflow: hidden; } .woocommerce-cart .quantity .qty { width: 48px; min-height: 36px; padding: 0; border: none; border-left: 1px solid var(--sdk-border); border-right: 1px solid var(--sdk-border); text-align: center; font-family: var(--sdk-price-font, "Libre Franklin", sans-serif); font-size: 14px; font-weight: 600; background: #ffffff; box-shadow: none; } .woocommerce-cart .quantity .plus, .woocommerce-cart .quantity .minus { display: inline-flex; align-items: center; justify-content: center; width: 32px; min-height: 36px; padding: 0; margin: 0; border: none; background: #ffffff !important; color: var(--sdk-text, #111111) !important; font-size: 16px; font-weight: 600; box-shadow: none !important; } /* Cart page — line item layout: left (image + info + qty), right (total + remove) */ body.woocommerce-cart table.wc-block-cart-items, body.woocommerce-cart table.wc-block-cart-items tbody, body.woocommerce-cart table.wc-block-cart-items thead { display: block; width: 100%; } body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header { display: grid !important; grid-template-columns: 90px minmax(0, 1fr) minmax(110px, auto); gap: 0 16px; padding: 0 0 12px; border-bottom: 1px solid var(--sdk-border); } body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header th, body.woocommerce-cart .wc-block-cart table.wc-block-cart-items th { display: block; margin: 0 0 5px; padding: 0 !important; border: none !important; } body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-quantity { display: none !important; } body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row { display: grid !important; grid-template-columns: 90px minmax(0, 1fr) minmax(120px, auto); grid-template-rows: auto; gap: 0 16px; align-items: start; padding: 24px 0 !important; border-top: 1px solid var(--sdk-border); } body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row td { display: block !important; padding: 0 !important; border: none !important; margin: 0 !important; vertical-align: top; } body.woocommerce-cart .wc-block-cart-item__image { grid-column: 1; grid-row: 1 / span 2; align-self: start; } body.woocommerce-cart .wc-block-cart-item__product { grid-column: 2; grid-row: 1; min-width: 0; } body.woocommerce-cart .wc-block-cart-item__wrap .wc-block-cart-item__quantity { display: flex !important; justify-content: flex-end; align-items: center; width: 100%; margin-top: 10px; } body.woocommerce-cart .wc-block-cart-item__total { grid-column: 3; grid-row: 1; justify-self: end; align-self: start; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; gap: 8px; text-align: right; min-width: 120px; } body.woocommerce-cart .wc-block-cart-item__total .wc-block-cart-item__total-price-and-sale-badge-wrapper { align-items: flex-end; } body.woocommerce-cart .wc-block-cart-items__header-quantity { display: none !important; } body.woocommerce-cart table.shop_table.cart thead th.product-quantity { font-size: 0; line-height: 1.2; color: transparent; } body.woocommerce-cart table.shop_table.cart thead th.product-quantity::after { content: "Quantity"; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--sdk-text-muted, #333333); } body.woocommerce-cart .wc-block-cart-item__wrap .wc-block-components-quantity-selector, body.woocommerce-cart .wc-block-components-quantity-selector { display: inline-flex !important; align-items: stretch; width: auto; min-width: 107px; max-width: 140px; margin: 0 !important; box-sizing: border-box; border-radius: 4px; font-family: var(--sdk-price-font, "Libre Franklin", sans-serif); } body.woocommerce-cart .wc-block-cart-items__row .wc-block-cart-item__wrap > * { margin-bottom: 0 !important; } body.woocommerce-cart .wc-block-components-quantity-selector::after { border-color: var(--sdk-border); opacity: 1; } body.woocommerce-cart .wc-block-components-quantity-selector__input { min-width: 40px; margin-bottom: 0 !important; margin-left: auto; padding: 0.35em 0; font-family: var(--sdk-price-font, "Libre Franklin", sans-serif); font-size: 14px; font-weight: 600; text-align: center; color: var(--sdk-text, #111111); } body.woocommerce-cart .wc-block-cart-item__remove-link, body.woocommerce-cart .wc-block-cart-item__total .wc-block-cart-item__remove-link { display: inline-block !important; position: static !important; width: max-content; max-width: 100%; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 20px !important; margin-right: auto !important; padding: 0 !important; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 12px; font-weight: 500; line-height: 1.3; color: rgba(0, 0, 0, 0.45) !important; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; background: transparent !important; border: none !important; box-shadow: none !important; cursor: pointer; } body.woocommerce-cart .wc-block-cart-item__remove-link:hover, body.woocommerce-cart .wc-block-cart-item__total .wc-block-cart-item__remove-link:hover { color: var(--sdk-text, #111111) !important; text-decoration: none; background: transparent !important; } body.woocommerce-cart .wc-block-components-quantity-selector__button { display: inline-flex !important; align-items: center; justify-content: center; min-width: 32px; min-height: 36px; padding: 0; margin: 0; background: #ffffff !important; color: var(--sdk-text, #111111) !important; font-size: 18px; font-weight: 600; line-height: 1; box-shadow: none !important; cursor: pointer; } body.woocommerce-cart .wc-block-components-quantity-selector__button:hover:not(:disabled) { background: rgba(106, 47, 255, 0.08) !important; color: var(--sdk-accent, #6a2fff) !important; } body.woocommerce-cart .wc-block-components-quantity-selector__button:disabled { opacity: 0.4; cursor: not-allowed; } /* Disabled add-to-cart (out of stock / no remaining qty) */ .add-to-cart-button .twirion-add-to-cart-disabled, .add_to_cart_button.twirion-add-to-cart-disabled, .single_add_to_cart_button.twirion-add-to-cart-disabled, button.single_add_to_cart_button.twirion-add-to-cart-disabled[disabled] { display: inline-flex !important; align-items: center; justify-content: center; width: auto; max-width: none; min-height: 36px; padding: 10px 22px; border-radius: 50px; font-family: 'Kanit', sans-serif; font-size: 13px; font-weight: 600; box-sizing: border-box; opacity: 0.45 !important; cursor: not-allowed !important; pointer-events: none; background: var(--sdk-accent, #6a2fff) !important; color: #fff !important; border: 1px solid var(--sdk-accent, #6a2fff) !important; } .add_to_cart_button.twirion-add-to-cart-disabled:hover, .single_add_to_cart_button.twirion-add-to-cart-disabled:hover, button.single_add_to_cart_button[name="add-to-cart"].twirion-add-to-cart-disabled:hover { background: var(--sdk-accent, #6a2fff) !important; color: #fff !important; border-color: var(--sdk-accent, #6a2fff) !important; } /* Awaiting restock — separate cart list */ .twirion-awaiting-cart { margin-top: 32px; padding-top: 28px; border-top: 1px solid var(--sdk-border); } .twirion-awaiting-cart__title { margin: 0 0 8px; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 20px; font-weight: 500; color: var(--sdk-text, #111111); } .twirion-awaiting-cart__note { margin: 0 0 20px; font-size: 13px; line-height: 1.5; color: rgba(0, 0, 0, 0.55); } .twirion-awaiting-cart__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0; } .twirion-awaiting-cart__item { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 12px 16px; align-items: start; padding: 20px 0; border-top: 1px solid var(--sdk-border); } .twirion-awaiting-cart__item:first-child { border-top: none; padding-top: 0; } .twirion-awaiting-cart__image img { width: 72px; height: auto; border-radius: 4px; display: block; } .twirion-awaiting-cart__name { display: inline-block; margin: 0 0 6px; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 15px; font-weight: 500; line-height: 1.3; color: var(--sdk-text, #111111); text-decoration: none; } .twirion-awaiting-cart__name:hover { color: var(--sdk-accent, #6a2fff); } .twirion-awaiting-cart__meta { margin: 0 0 6px; font-size: 13px; line-height: 1.4; color: rgba(0, 0, 0, 0.6); } .twirion-awaiting-cart__status { color: #d63638; font-weight: 600; } .twirion-awaiting-cart__meta .twirion-awaiting-cart__qty::after { content: " · "; } .twirion-awaiting-cart__price { font-family: var(--sdk-price-font, "Libre Franklin", sans-serif); font-size: 14px; font-weight: 600; color: var(--sdk-text, #111111); } .twirion-awaiting-cart__remove { border: none; background: transparent; padding: 0; font-size: 13px; font-weight: 500; color: rgba(0, 0, 0, 0.55); text-decoration: underline; cursor: pointer; } .twirion-awaiting-cart__remove:hover { color: var(--sdk-accent, #6a2fff); } @media (max-width: 767px) { body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header { display: none !important; } body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: 112px minmax(0, 1fr) minmax(88px, auto) !important; gap: 8px 12px; padding: 16px 0 !important; } body.woocommerce-cart .wc-block-cart-item__image { min-width: 112px; } body.woocommerce-cart .wc-block-cart-item__image a, body.woocommerce-cart .wc-block-cart-item__image img { display: block; width: 112px !important; height: 112px !important; max-width: 112px; object-fit: cover; border-radius: 12px; border: 1px solid var(--sdk-border); } body.woocommerce-cart .wc-block-cart-items__row .wc-block-components-quantity-selector { min-width: 96px; } body.woocommerce-cart .wc-block-cart-item__total .wc-block-cart-item__remove-link { display: inline-block !important; } } .woocommerce-cart td.actions { padding-top: 32px; padding-right: 0; } .woocommerce-cart .coupon { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; } .woocommerce-cart .coupon label { display: none; } .woocommerce-cart .coupon .input-text { min-width: 180px; height: 47px; padding: 0 15px; border: 1px solid var(--sdk-border-input); border-radius: 6px; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; box-sizing: border-box; } .woocommerce-cart .coupon .input-text:focus { outline: none; border-color: rgba(106, 47, 255, 0.45); } .woocommerce-cart button[name="update_cart"], .woocommerce-cart .coupon button { height: 40px; padding: 0 20px; border: 1px solid var(--sdk-accent, #6a2fff); border-radius: 99px; background: var(--sdk-accent, #6a2fff) !important; color: #ffffff !important; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 13px; font-weight: 600; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; } .woocommerce-cart button[name="update_cart"]:hover, .woocommerce-cart .coupon button:hover { background: transparent !important; color: var(--sdk-accent, #6a2fff) !important; border-color: var(--sdk-accent, #6a2fff) !important; } /* Cart totals sidebar */ .woocommerce-cart .cart_totals table { border: none; margin: 0 0 20px; width: 100%; } .woocommerce-cart .cart_totals th, .woocommerce-cart .cart_totals td { display: block; border: none; padding: 0; background: transparent; } .woocommerce-cart .cart_totals tr { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; border-top: 1px solid var(--sdk-border); padding: 12px 0; } .woocommerce-cart .cart_totals tr:first-child { border-top: none; padding-top: 0; } .woocommerce-cart .cart_totals th { font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 400; color: var(--sdk-text-muted, #333333); } .woocommerce-cart .cart_totals td { text-align: right; font-family: var(--sdk-price-font, "Libre Franklin", sans-serif); font-size: 14px; font-weight: 600; color: var(--sdk-text, #111111); } .woocommerce-cart .cart_totals .order-total th, .woocommerce-cart .cart_totals .order-total td { font-size: 16px; font-weight: 600; color: var(--sdk-text, #111111); } .woocommerce-cart .wc-proceed-to-checkout { padding: 0; margin: 0; width: 100%; max-width: 100%; overflow: visible; } .woocommerce-cart a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: flex !important; align-items: center; justify-content: center; width: 100% !important; max-width: 100% !important; min-height: 48px; padding: 12px 20px !important; border: none !important; border-radius: var(--sdk-radius-btn, 99px) !important; background: var(--sdk-accent, #6a2fff) !important; color: #ffffff !important; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 14px !important; font-weight: 600 !important; text-transform: none !important; text-decoration: none !important; white-space: normal !important; text-align: center; box-sizing: border-box; transition: background 0.25s ease, color 0.25s ease; } .woocommerce-cart a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: #5720e0 !important; color: #ffffff !important; } /* Cart block — Proceed to checkout + coupon Apply (один стиль кнопки) */ .woocommerce-cart .wc-block-cart__submit-container a, .woocommerce-cart .wc-block-cart__submit-container .wc-block-cart__submit-button, .woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button, .wp-block-woocommerce-cart .wc-block-cart__submit-container a, .wp-block-woocommerce-cart .wc-block-cart__submit-container .wc-block-cart__submit-button, .woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button, .woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button.contained, .woocommerce-cart .wc-block-components-totals-coupon__form button.wc-block-components-totals-coupon__button, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button.contained, body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button, body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button.contained, body.woocommerce-checkout .wc-block-components-totals-coupon__form button.wc-block-components-totals-coupon__button { display: inline-flex !important; align-items: center; justify-content: center; min-height: 48px !important; height: 48px !important; margin: 0 !important; padding: 12px 24px !important; background: var(--sdk-accent, #6a2fff) !important; background-color: var(--sdk-accent, #6a2fff) !important; color: #ffffff !important; border: none !important; border-radius: var(--sdk-radius-btn, 99px) !important; box-shadow: none !important; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; text-transform: none !important; text-decoration: none !important; white-space: nowrap; box-sizing: border-box; cursor: pointer; transition: background 0.25s ease, color 0.25s ease; } .woocommerce-cart .wc-block-cart__submit-container a, .woocommerce-cart .wc-block-cart__submit-container .wc-block-cart__submit-button, .wp-block-woocommerce-cart .wc-block-cart__submit-container a, .wp-block-woocommerce-cart .wc-block-cart__submit-container .wc-block-cart__submit-button { width: 100%; } .woocommerce-cart .wc-block-cart__submit-container a:hover, .woocommerce-cart .wc-block-cart__submit-container .wc-block-cart__submit-button:hover, .woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button:hover, .wp-block-woocommerce-cart .wc-block-cart__submit-container a:hover, .wp-block-woocommerce-cart .wc-block-cart__submit-container .wc-block-cart__submit-button:hover, .woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:not(:disabled):not([aria-disabled="true"]):hover, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:not(:disabled):not([aria-disabled="true"]):hover, body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:not(:disabled):not([aria-disabled="true"]):hover { background: #5720e0 !important; background-color: #5720e0 !important; color: #ffffff !important; } .woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:disabled, .woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button[aria-disabled="true"], .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:disabled, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button[aria-disabled="true"], body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:disabled, body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button[aria-disabled="true"] { background: var(--sdk-accent, #6a2fff) !important; background-color: var(--sdk-accent, #6a2fff) !important; color: #ffffff !important; opacity: 1 !important; cursor: not-allowed; } .woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button__text, .woocommerce-cart .wc-block-cart__submit-container a .wc-block-components-button__text, .woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button .wc-block-components-button__text, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button .wc-block-components-button__text, body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button .wc-block-components-button__text { color: inherit !important; opacity: 1 !important; } /* Cart / checkout block — coupon code field + Apply (одна линия, 48px) */ .woocommerce-cart .wc-block-components-totals-coupon__form, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form, body.woocommerce-checkout .wc-block-components-totals-coupon__form { --twirion-coupon-control-height: 48px; display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; width: 100%; margin: 0 0 16px; } .woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input, body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input { flex: 1 1 auto; min-width: 0; height: var(--twirion-coupon-control-height); margin: 0 !important; margin-top: 0 !important; padding: 0 !important; position: relative; white-space: normal; } .woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input label, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input label, body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input label { position: absolute !important; top: 50% !important; left: 15px !important; transform: translateY(-50%) !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip: auto !important; white-space: nowrap !important; border: 0 !important; pointer-events: none; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; color: rgba(0, 0, 0, 0.45) !important; transition: opacity 0.15s ease; } .woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input[type="text"]:focus + label, .woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input[type="text"]:not(:placeholder-shown) + label, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input[type="text"]:focus + label, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input[type="text"]:not(:placeholder-shown) + label, body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input[type="text"]:focus + label, body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input[type="text"]:not(:placeholder-shown) + label { opacity: 0; } .woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input[type="text"], .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input[type="text"], body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input[type="text"] { display: block; width: 100% !important; height: var(--twirion-coupon-control-height) !important; min-height: var(--twirion-coupon-control-height) !important; max-height: var(--twirion-coupon-control-height) !important; margin: 0 !important; padding: 0 15px !important; border: 1px solid var(--sdk-border-input) !important; border-radius: 6px !important; background: #fff !important; box-shadow: none !important; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 14px !important; line-height: 1.2 !important; color: #333 !important; box-sizing: border-box; } .woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input[type="text"]::placeholder, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input[type="text"]::placeholder, body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input[type="text"]::placeholder { color: rgba(0, 0, 0, 0.45); } .woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input[type="text"]:focus, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input[type="text"]:focus, body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input[type="text"]:focus { outline: none; border-color: rgba(106, 47, 255, 0.45) !important; } .woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button, body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button { flex: 0 0 auto; align-self: center; width: auto; } @media (max-width: 480px) { .woocommerce-cart .wc-block-components-totals-coupon__form, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form, body.woocommerce-checkout .wc-block-components-totals-coupon__form { flex-wrap: wrap; } .woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button, body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button { width: 100%; } } @media (max-width: 1280px) and (min-width: 1101px) { .woocommerce-cart table.shop_table.cart .product-price { display: none; } .woocommerce-cart table.shop_table.cart thead .product-price { display: none; } } @media (max-width: 600px) { body.woocommerce-cart .woocommerce.cam-container, body.woocommerce-cart .woocommerce.twirion-cart-layout, .woocommerce-cart .woocommerce { flex-direction: column; flex-wrap: wrap; gap: 20px; } body.woocommerce-cart form.woocommerce-cart-form, .woocommerce-cart form.woocommerce-cart-form, body.woocommerce-cart .cart-collaterals, .woocommerce-cart .cart-collaterals { flex: 1 1 100%; width: 100%; max-width: 100%; } } /* Cart mobile — twirion-wc-cart.css (SDK / The7) */ /* Cart extras — Continue Shopping, free shipping, trust badges */ .twirion-cart-continue-shopping { margin-top: 24px; } .twirion-cart-continue-shopping__link { display: inline-flex; align-items: center; gap: 6px; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--sdk-accent, #6a2fff) !important; text-decoration: none; } .twirion-cart-continue-shopping__link:hover { text-decoration: none; color: #5720e0 !important; } .twirion-cart-continue-shopping__link:hover .twirion-cart-continue-shopping__text { text-decoration: underline; } .twirion-cart-continue-shopping__arrow { font-size: 16px; line-height: 1; text-decoration: none !important; text-decoration-line: none !important; } .twirion-cart-continue-shopping__link:hover .twirion-cart-continue-shopping__arrow { text-decoration: none !important; text-decoration-line: none !important; } .twirion-cart-free-shipping-banner { margin: 0 0 16px; padding: 12px 16px; border-radius: 8px; background: #e8f8ef; color: #1a5c36; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 13px; font-weight: 600; line-height: 1.35; text-align: center; box-sizing: border-box; } .woocommerce-cart .cart_totals .twirion-cart-free-shipping-banner { margin-top: 4px; } .twirion-cart-trust-badges { margin-top: 20px; padding-top: 4px; text-align: center; width: 100%; max-width: 100%; overflow: visible; } .twirion-cart-trust-badges__payments { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 14px; margin: 0 0 12px; } .twirion-cart-pay { display: inline-flex; align-items: center; justify-content: center; line-height: 0; } .twirion-cart-pay img { display: block; width: auto; height: 20px; max-height: 22px; object-fit: contain; } .twirion-cart-pay--amex { min-height: 20px; padding: 2px 8px; border: 1px solid var(--sdk-border); border-radius: 4px; background: #ffffff; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 10px; font-weight: 700; line-height: 1.2; letter-spacing: 0.04em; color: #1a1f71; } .twirion-cart-trust-badges__text { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 10px; margin: 0; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 12px; font-weight: 500; line-height: 1.35; color: var(--sdk-text-muted, #333333); } .twirion-cart-trust-badges__item { display: inline-flex; align-items: center; gap: 6px; } .twirion-cart-trust-badges__sep { opacity: 0.45; } .twirion-cart-trust-badges .sdk-trust-icon { width: 14px; height: 14px; flex-shrink: 0; } .twirion-cart-trust-badges .sdk-trust-icon--check::before, .twirion-cart-trust-badges .sdk-trust-icon--lock::before { font-size: 12px; line-height: 14px; } /* Cart — one loading ring over the items area */ @keyframes twirion-cart-spin { to { transform: rotate(360deg); } } body.woocommerce-cart.twirion-cart-is-loading .wc-block-cart__main, body.woocommerce-cart form.woocommerce-cart-form.processing { position: relative; min-height: 160px; pointer-events: none; } body.woocommerce-cart.twirion-cart-is-loading .wc-block-cart__main::after, body.woocommerce-cart form.woocommerce-cart-form.processing::after { content: ""; position: absolute; inset: 0; z-index: 20; background: rgba(255, 255, 255, 0.72); pointer-events: none; } body.woocommerce-cart.twirion-cart-is-loading .wc-block-cart__main::before, body.woocommerce-cart form.woocommerce-cart-form.processing::before { content: ""; position: absolute; left: 50%; top: 50%; z-index: 21; width: 40px; height: 40px; margin: -20px 0 0 -20px; border: 3px solid rgba(106, 47, 255, 0.2); border-top-color: var(--sdk-accent, #6a2fff); border-radius: 50%; animation: twirion-cart-spin 0.75s linear infinite; pointer-events: none; } /* ===== sdk-wc-checkout.css ===== */ /** * Checkout / Cart — SDK stepper + two-column checkout form. */ .checkout-page-title { display: flex; flex-direction: column; justify-content: center; width: 100%; background: transparent; color: #3b3f4a; padding: 0 0 20px; margin-bottom: 0; box-sizing: border-box; overflow: visible; } .checkout-page-title nav { box-sizing: border-box; margin: 0 auto; padding: 24px 20px; max-width: 1400px; width: 100%; background: #fff; border-radius: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); overflow: visible; } .checkout-page-title .checkout-breadcrumbs { display: flex; justify-content: space-around; align-items: flex-start; } .checkout-page-title a, .checkout-page-title .step-complete { display: flex; flex-flow: column wrap; align-items: center; text-align: center; text-decoration: none; flex: 1 0 auto; width: 33.333%; color: rgba(59, 63, 74, 0.3); font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 18px; font-weight: 500; } .checkout-page-title a.current, .checkout-page-title .step-complete.current { color: #3b3f4a; } .checkout-page-title .checkout-step { position: relative; display: flex; justify-content: center; flex: 1 0 auto; width: 100%; margin-top: 10px; } .checkout-page-title .checkout-counter { display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 50px; height: 50px; background-color: rgba(59, 63, 74, 0.09); color: rgba(59, 63, 74, 0.3); font-size: 16px; font-weight: 600; } .checkout-page-title .current .checkout-counter { color: #fff; background: var(--sdk-accent, #6a2fff) !important; } .checkout-page-title .checkout-step::before, .checkout-page-title .checkout-step::after { position: absolute; top: 50%; margin-top: 5px; height: 2px; content: ""; background: rgba(59, 63, 74, 0.12); } .checkout-page-title .checkout-step::before { left: 0; width: calc(50% - 40px); } .checkout-page-title .checkout-step::after { left: calc(50% + 40px); width: calc(50% - 40px); } .checkout-page-title a:first-child .checkout-step::before, .checkout-page-title .step-complete .checkout-step::after { display: none; } .checkout-page-title .step-cart.current .checkout-step::after, .checkout-page-title .step-checkout.current .checkout-step::before, .checkout-page-title .step-checkout.current .checkout-step::after, .checkout-page-title .step-complete.current .checkout-step::before { background: var(--sdk-accent, #6a2fff) !important; } /* Completed steps — accent connector lines (SDK parity) */ .checkout-page-title .step-cart .checkout-step::after, .checkout-page-title .step-checkout.current .checkout-step::after, .checkout-page-title .step-checkout.step-done .checkout-step::after, .checkout-page-title .step-complete.current .checkout-step::after { background: var(--sdk-accent, #6a2fff) !important; } .checkout-page-title .step-cart .checkout-step::before, .checkout-page-title .step-checkout.current .checkout-step::before, .checkout-page-title .step-checkout.step-done .checkout-step::before, .checkout-page-title .step-complete.current .checkout-step::before { background: var(--sdk-accent, #6a2fff) !important; } .checkout-page-title .step-done, .checkout-page-title .step-done .checkout-counter { color: #3b3f4a; } .checkout-page-title .step-done .checkout-counter { background: var(--sdk-accent, #6a2fff) !important; color: #fff !important; } /* Checkout page — full bar from Cart → Checkout */ body.woocommerce-checkout .checkout-page-title .step-checkout.current .checkout-step::before { display: none; } body.woocommerce-checkout .checkout-page-title .step-cart .checkout-step::after { width: calc(100% - 80px); } /* Order complete — full bars on steps 1 & 2 */ body.woocommerce-order-received .checkout-page-title .step-cart .checkout-step::after, body.woocommerce-order-received .checkout-page-title .step-checkout .checkout-step::after { width: calc(100% - 80px); background: var(--sdk-accent, #6a2fff) !important; } body.woocommerce-order-received .checkout-page-title .step-complete.current .checkout-step::before { display: none; } /* Checkout form — billing left, order review right (CAM / LK layout) */ body.woocommerce-checkout .woocommerce.cam-container, body.woocommerce-checkout .woocommerce.twirion-checkout-layout, .woocommerce-checkout .woocommerce { width: 100%; } body.woocommerce-checkout form.checkout, .woocommerce-checkout form.checkout { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; gap: 20px; width: 100%; } body.woocommerce-checkout .twirion-checkout-main, body.woocommerce-checkout #customer_details, .woocommerce-checkout #customer_details { flex: 1 1 455px; min-width: 0; } body.woocommerce-checkout .twirion-checkout-sidebar, .woocommerce-checkout .twirion-checkout-sidebar { flex: 0 0 314px; max-width: 100%; min-width: 0; } body.woocommerce-checkout .cam-main-content.twirion-checkout-main, body.woocommerce-checkout .cam-sidebar.twirion-checkout-sidebar { background: #fff; border-radius: 20px; padding: 20px 24px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-sizing: border-box; } body.woocommerce-checkout .cam-sidebar.twirion-checkout-sidebar { padding: 20px; } body.woocommerce-checkout #order_review_heading { margin: 0 0 16px; padding: 0; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 18px; font-weight: 500; line-height: 1.3; color: #0a0909; } body.woocommerce-checkout #order_review, .woocommerce-checkout #order_review, .woocommerce-checkout .wc-order-review { margin: 0; padding: 0; box-sizing: border-box; background: transparent; align-self: flex-start; } body.woocommerce-checkout #customer_details.col2-set::before, body.woocommerce-checkout #customer_details.col2-set::after { display: none !important; content: none !important; } body.woocommerce-checkout #customer_details .col-1, body.woocommerce-checkout #customer_details .col-2 { float: none; width: 100%; margin-bottom: 24px; } body.woocommerce-checkout #customer_details .col-2:last-child { margin-bottom: 0; } .woocommerce-checkout #place_order { display: flex !important; justify-content: center; align-items: center; width: 100%; box-sizing: border-box; background-color: var(--sdk-accent, #6a2fff) !important; color: #fff !important; border: none !important; border-radius: var(--sdk-radius-btn, 99px) !important; padding: 14px 24px !important; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 14px !important; font-weight: 600 !important; min-height: 48px; transition: background-color 0.25s ease; } .woocommerce-checkout #place_order:hover { background-color: #5720e0 !important; } body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row, body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper .form-row, .woocommerce-checkout .form-row { position: relative; margin-bottom: 20px; padding: 0; } body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper label, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper label, body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper label, .woocommerce-checkout .form-row label { display: block; margin-bottom: 8px; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 500; line-height: 24px; color: #333; } body.woocommerce-checkout .form-row input.input-text, body.woocommerce-checkout .form-row select, body.woocommerce-checkout .form-row textarea, .woocommerce-checkout .form-row input.input-text, .woocommerce-checkout .form-row select, .woocommerce-checkout .form-row textarea { width: 100%; box-sizing: border-box; height: 47px; padding: 0 15px; border: 1px solid var(--sdk-border-input); border-radius: 6px; background: #fff; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; line-height: 24px; color: #333; } body.woocommerce-checkout .form-row textarea, .woocommerce-checkout .form-row textarea { height: auto; min-height: 100px; padding: 12px 15px; } body.woocommerce-checkout .form-row input.input-text:focus, body.woocommerce-checkout .form-row select:focus, body.woocommerce-checkout .form-row textarea:focus, .woocommerce-checkout .form-row input.input-text:focus, .woocommerce-checkout .form-row select:focus, .woocommerce-checkout .form-row textarea:focus { outline: none; border-color: rgba(106, 47, 255, 0.45); } body.woocommerce-checkout h3, .woocommerce-checkout h3 { font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 18px; font-weight: 500; line-height: 1.3; color: #0a0909; margin: 0 0 16px; } body.woocommerce-checkout .woocommerce-checkout-review-order-table { width: 100%; border-collapse: collapse; } body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th { font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 13px; font-weight: 500; color: #888; padding: 12px 10px; background: #f5f5f5; border-bottom: 1px solid var(--sdk-border); text-align: left; } body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td, body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th, body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td { padding: 12px 10px; border-bottom: 1px solid var(--sdk-border); font-size: 14px; vertical-align: middle; } body.woocommerce-cart .entry-title, body.woocommerce-cart .wp-block-post-title, body.woocommerce-checkout:not(.woocommerce-order-received) .entry-title, body.woocommerce-checkout:not(.woocommerce-order-received) .wp-block-post-title, body.woocommerce-cart .twirion-wc-main > .woocommerce > h1, body.woocommerce-checkout:not(.woocommerce-order-received) .twirion-wc-main > .woocommerce > h1 { display: none !important; } @media only screen and (max-width: 600px) { body.woocommerce-checkout form.checkout { flex-direction: column; flex-wrap: wrap; } body.woocommerce-checkout .twirion-checkout-main, body.woocommerce-checkout #customer_details, body.woocommerce-checkout .twirion-checkout-sidebar { flex: 1 1 100%; width: 100%; max-width: 100%; } } @media only screen and (max-width: 991px) { .checkout-page-title nav { padding: 16px 12px; } .checkout-page-title .checkout-breadcrumbs { flex-direction: row; align-items: flex-start; gap: 0; } .checkout-page-title a, .checkout-page-title .step-complete { width: 33.333%; font-size: 12px; line-height: 1.2; } .checkout-page-title .checkout-counter { width: 36px; height: 36px; font-size: 14px; } .checkout-page-title .checkout-step { margin-top: 8px; } .checkout-page-title .checkout-step::before { width: calc(50% - 28px); } .checkout-page-title .checkout-step::after { left: calc(50% + 28px); width: calc(50% - 28px); } body.woocommerce-checkout .checkout-page-title .step-cart .checkout-step::after, body.woocommerce-order-received .checkout-page-title .step-cart .checkout-step::after, body.woocommerce-order-received .checkout-page-title .step-checkout .checkout-step::after { width: calc(100% - 56px); } } @media only screen and (max-width: 480px) { .checkout-page-title a, .checkout-page-title .step-complete { font-size: 10px; } .checkout-page-title .checkout-counter { width: 30px; height: 30px; font-size: 12px; } .checkout-page-title .checkout-step::before { width: calc(50% - 22px); } .checkout-page-title .checkout-step::after { left: calc(50% + 22px); width: calc(50% - 22px); } } /* Block checkout — form fields, sidebar, editable line items (narrower cart layout) */ body.woocommerce-checkout .wp-block-woocommerce-checkout { padding-top: 0; } body.woocommerce-checkout .wc-block-components-checkout-step__title { font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 22px; font-weight: 500; color: var(--sdk-text, #111111); } body.woocommerce-checkout .wc-block-components-checkout-step__description { font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; color: rgba(0, 0, 0, 0.55); } /* Checkout fields — labels above inputs (profile / admin style, not floating) */ body.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input, body.woocommerce-checkout .wc-block-checkout__form .wc-block-components-text-input, body.woocommerce-checkout .wc-block-components-address-form .wc-block-components-text-input { display: flex; flex-direction: column; align-items: stretch; position: relative; white-space: normal; margin-top: 0 !important; margin-bottom: 20px; } body.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input label, body.woocommerce-checkout .wc-block-checkout__form .wc-block-components-text-input label, body.woocommerce-checkout .wc-block-components-address-form .wc-block-components-text-input label { position: static !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; transform-origin: initial !important; order: -1; display: block; width: 100%; max-width: none !important; margin: 0 0 8px !important; padding: 0 !important; overflow: visible !important; clip: auto !important; white-space: normal !important; pointer-events: auto; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 24px !important; color: #333 !important; cursor: default; transition: none; } body.woocommerce-checkout .wc-block-components-text-input.is-active label, body.woocommerce-checkout .wc-block-components-text-input.has-value label, body.woocommerce-checkout .wc-block-components-text-input.is-active label, body.woocommerce-checkout .wc-block-components-text-input input:focus + label { transform: none !important; font-size: 14px !important; } body.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input, body.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input textarea, body.woocommerce-checkout .wc-block-checkout__form .wc-block-components-text-input input, body.woocommerce-checkout .wc-block-components-address-form .wc-block-components-text-input input { order: 0; box-sizing: border-box; width: 100% !important; height: 47px !important; min-height: 47px !important; margin: 0 !important; padding: 0 15px !important; border: 1px solid var(--sdk-border-input) !important; border-radius: 6px !important; background: #fff !important; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 14px !important; line-height: 24px !important; color: #333 !important; box-shadow: none !important; } body.woocommerce-checkout .wc-block-components-text-input input::placeholder, body.woocommerce-checkout .wc-block-components-text-input textarea::placeholder { color: rgba(0, 0, 0, 0.5); opacity: 1; } body.woocommerce-checkout .wc-block-components-text-input input:focus, body.woocommerce-checkout .wc-block-components-text-input textarea:focus { outline: none; border-color: rgba(106, 47, 255, 0.45) !important; } body.woocommerce-checkout .wc-block-components-combobox-control, body.woocommerce-checkout .wc-block-components-select { margin-top: 0 !important; margin-bottom: 20px; } body.woocommerce-checkout .wc-block-components-combobox-control label, body.woocommerce-checkout .wc-block-components-select label { position: static !important; transform: none !important; display: block; margin: 0 0 8px !important; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 24px !important; color: #333 !important; } body.woocommerce-checkout .wc-block-components-combobox-control input, body.woocommerce-checkout .wc-block-components-select .wc-blocks-components-select__select { box-sizing: border-box; width: 100% !important; height: 47px !important; min-height: 47px !important; padding: 0 15px !important; border: 1px solid var(--sdk-border-input) !important; border-radius: 6px !important; background: #fff !important; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 14px !important; color: #333 !important; box-shadow: none !important; } body.woocommerce-checkout .wc-block-components-combobox-control input:focus, body.woocommerce-checkout .wc-block-components-select .wc-blocks-components-select__select:focus { outline: none; border-color: rgba(106, 47, 255, 0.45) !important; } /* Page title above checkout form */ body.woocommerce-checkout .twirion-wc-main > .woocommerce > h1, body.woocommerce-checkout .twirion-wc-main .content > h1, body.woocommerce-checkout .twirion-wc-main .entry-title, body.woocommerce-checkout .wp-block-post-title { font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 28px; font-weight: 500; line-height: 1.2; margin: 0 0 24px; color: var(--sdk-text, #111111); } body.woocommerce-checkout .wc-block-checkout__sidebar { padding: 20px; box-sizing: border-box; background: #ffffff; border: none; border-radius: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } body.woocommerce-checkout .wc-block-checkout__main { font-family: var(--sdk-global-font, "Kanit", sans-serif); } /* Checkout — trust under payment, authenticity, WhatsApp */ .twirion-checkout-payment-trust { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 12px; margin: 20px 0 0; padding: 14px 18px; border-radius: 12px; background: rgba(106, 47, 255, 0.06); border: 1px solid rgba(106, 47, 255, 0.14); font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 12px; font-weight: 500; line-height: 1.4; color: var(--sdk-text, #111111); box-sizing: border-box; } .twirion-checkout-payment-trust__item { display: inline-flex; align-items: center; gap: 7px; } .twirion-checkout-payment-trust__sep { color: rgba(106, 47, 255, 0.35); opacity: 1; } .twirion-checkout-payment-trust .sdk-trust-icon { width: 15px; height: 15px; flex-shrink: 0; color: var(--sdk-accent, #6a2fff); } .twirion-checkout-payment-trust .sdk-trust-icon--lock::before, .twirion-checkout-payment-trust .sdk-trust-icon--check::before { color: var(--sdk-accent, #6a2fff); } .twirion-checkout-authenticity-banner { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 20px 0 16px; padding: 14px 18px; border-radius: 12px; background: linear-gradient(135deg, rgba(106, 47, 255, 0.08) 0%, rgba(27, 195, 101, 0.1) 100%); border: 1px solid rgba(106, 47, 255, 0.18); color: #3d2d6b; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 13px; font-weight: 600; line-height: 1.4; text-align: center; box-sizing: border-box; } .twirion-checkout-authenticity-banner__icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; background: var(--sdk-accent, #6a2fff); color: #ffffff; font-size: 12px; font-weight: 700; line-height: 1; } body.woocommerce-checkout #billing_whatsapp_field input, body.woocommerce-checkout .twirion-checkout-whatsapp-field input, body.woocommerce-checkout .wc-block-components-address-form [id*="whatsapp"] input, body.woocommerce-checkout .wc-block-components-text-input[id*="whatsapp"] input { background-color: rgba(106, 47, 255, 0.04) !important; border-color: rgba(106, 47, 255, 0.22) !important; } body.woocommerce-checkout #billing_whatsapp_field input:focus, body.woocommerce-checkout .twirion-checkout-whatsapp-field input:focus, body.woocommerce-checkout .wc-block-components-address-form [id*="whatsapp"] input:focus { border-color: var(--sdk-accent, #6a2fff) !important; box-shadow: 0 0 0 1px rgba(106, 47, 255, 0.2); } body.woocommerce-checkout #billing_whatsapp_field label, body.woocommerce-checkout .wc-block-components-address-form [id*="whatsapp"] label { font-weight: 500; color: var(--sdk-text, #111111); } /* Checkout footer: note, terms, return link, place order */ body.woocommerce-checkout .wc-block-checkout__add-note, body.woocommerce-checkout .wp-block-woocommerce-checkout-order-note-block { margin: 16px 0; padding: 16px 0 0; border-top: 1px solid var(--sdk-border); } body.woocommerce-checkout .wc-block-checkout__terms, body.woocommerce-checkout .wc-block-components-checkout-terms { margin: 12px 0 16px; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 12px; line-height: 1.55; color: var(--sdk-text-muted, #555555); } body.woocommerce-checkout .wc-block-checkout__terms a, body.woocommerce-checkout .wc-block-components-checkout-terms a { color: var(--sdk-accent, #6a2fff); text-decoration: none; font-weight: 500; } body.woocommerce-checkout .wc-block-checkout__terms a:hover, body.woocommerce-checkout .wc-block-components-checkout-terms a:hover { text-decoration: underline; color: #5720e0; } body.woocommerce-checkout .wp-block-woocommerce-checkout-actions-block, body.woocommerce-checkout .wc-block-checkout__actions { display: block; width: 100% !important; max-width: 100% !important; margin-top: 4px; padding-top: 4px; box-sizing: border-box; } body.woocommerce-checkout .wc-block-checkout__actions_row { display: flex !important; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between !important; gap: 16px 24px; width: 100% !important; max-width: 100% !important; box-sizing: border-box; } body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button, body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button.twirion-cart-continue-shopping { flex: 0 0 auto; margin-top: 0 !important; display: block !important; width: auto !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; } body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button .wc-block-components-button, body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button button { display: none !important; } body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button a.twirion-cart-continue-shopping__link, body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button .twirion-cart-continue-shopping__link { display: inline-flex !important; align-items: center !important; gap: 6px !important; white-space: nowrap; width: auto !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; color: var(--sdk-accent, #6a2fff) !important; text-decoration: none !important; text-transform: none !important; letter-spacing: normal !important; cursor: pointer; } body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button a.twirion-cart-continue-shopping__link:hover, body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button .twirion-cart-continue-shopping__link:hover { color: #5720e0 !important; text-decoration: none !important; background: transparent !important; } body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button a.twirion-cart-continue-shopping__link:hover .twirion-cart-continue-shopping__text, body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button .twirion-cart-continue-shopping__link:hover .twirion-cart-continue-shopping__text { text-decoration: underline; } body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button .twirion-cart-continue-shopping__arrow { font-size: 16px; line-height: 1; text-decoration: none !important; } body.woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button, body.woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-button.wc-block-components-checkout-place-order-button { flex: 0 0 auto; margin: 0 0 0 auto !important; min-width: min(100%, 220px); max-width: 100%; padding: 14px 28px !important; box-shadow: 0 4px 14px rgba(106, 47, 255, 0.28); transition: background-color 0.25s ease, box-shadow 0.25s ease; } body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover, body.woocommerce-checkout .wc-block-components-button.wc-block-components-checkout-place-order-button:hover { box-shadow: 0 6px 18px rgba(106, 47, 255, 0.35); } /* Payment methods — accent border on selected */ body.woocommerce-checkout .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, body.woocommerce-checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted { border-color: var(--sdk-accent, #6a2fff) !important; box-shadow: 0 0 0 1px rgba(106, 47, 255, 0.15); } body.woocommerce-checkout .wc-block-components-radio-control__input:checked { border-color: var(--sdk-accent, #6a2fff) !important; accent-color: var(--sdk-accent, #6a2fff); } body.woocommerce-checkout .wc-block-components-order-summary-item { border-bottom: 1px solid var(--sdk-border); } body.woocommerce-checkout.twirion-checkout-has-editable-items .wc-block-components-order-summary-item { display: none !important; } body.woocommerce-checkout .twirion-checkout-cart-source { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block table.wc-block-cart-items, body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block table.wc-block-cart-items tbody, body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block table.wc-block-cart-items thead { display: block; width: 100%; } body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block table.wc-block-cart-items .wc-block-cart-items__header { display: grid !important; grid-template-columns: 72px minmax(0, 1fr) minmax(96px, auto); gap: 0 12px; padding: 0 0 10px; border-bottom: 1px solid var(--sdk-border); } body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block table.wc-block-cart-items .wc-block-cart-items__header th, body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block table.wc-block-cart-items th { display: block; margin: 0 0 5px; padding: 0 !important; border: none !important; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--sdk-text-muted, #333333); } body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-quantity { display: none !important; } body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block table.wc-block-cart-items .wc-block-cart-items__row { display: grid !important; grid-template-columns: 72px minmax(0, 1fr) minmax(96px, auto); grid-template-rows: auto; gap: 0 12px; align-items: start; padding: 16px 0 !important; border-top: 1px solid var(--sdk-border); } body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block table.wc-block-cart-items .wc-block-cart-items__row td { display: block !important; padding: 0 !important; border: none !important; margin: 0 !important; vertical-align: top; } body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-cart-item__image { grid-column: 1; grid-row: 1 / span 2; align-self: start; } body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-cart-item__image img { max-width: 72px; height: auto; } body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-cart-item__product { grid-column: 2; grid-row: 1; min-width: 0; font-size: 14px; } body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-cart-item__wrap .wc-block-cart-item__quantity { display: flex !important; justify-content: flex-end; align-items: center; width: 100%; margin-top: 8px; } body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-cart-item__total { grid-column: 3; grid-row: 1; justify-self: end; align-self: start; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; gap: 6px; text-align: right; min-width: 96px; font-size: 14px; } body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-quantity-selector { display: inline-flex !important; align-items: stretch; width: auto; min-width: 96px; max-width: 120px; margin: 0 !important; border-radius: 4px; font-family: var(--sdk-price-font, "Libre Franklin", sans-serif); } body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-quantity-selector__input { min-width: 36px; margin-bottom: 0 !important; margin-left: auto; padding: 0.3em 0; font-size: 13px; font-weight: 600; text-align: center; } body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-cart-item__remove-link, body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-cart-item__total .wc-block-cart-item__remove-link { display: inline-block !important; margin-left: 16px !important; margin-right: auto !important; font-size: 11px; color: rgba(0, 0, 0, 0.45) !important; text-decoration: underline; } body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-quantity-selector__button { min-width: 28px; min-height: 32px; font-size: 16px; background: #fff !important; } body.woocommerce-checkout .wc-block-components-checkout-place-order-button, body.woocommerce-checkout .wc-block-components-button.wc-block-components-checkout-place-order-button { background-color: var(--sdk-accent, #6a2fff) !important; color: #fff !important; border: none !important; border-radius: 99px !important; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 14px !important; font-weight: 600 !important; min-height: 48px; } body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover, body.woocommerce-checkout .wc-block-components-button.wc-block-components-checkout-place-order-button:hover { background-color: #5720e0 !important; color: #fff !important; } body.woocommerce-checkout #place_order:hover { background-color: #5720e0 !important; } @media (max-width: 699px) { body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block table.wc-block-cart-items .wc-block-cart-items__header { display: none !important; } body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block table.wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: 64px minmax(0, 1fr) minmax(80px, auto) !important; gap: 8px 10px; } } /* ===== sdk-wc-account.css ===== */ /** * My Account — SDK / The7 (Login + Register, dashboard). */ .twirion-wc-main.woocommerce-account .woocommerce, body.woocommerce-account #content .woocommerce { width: 100%; padding: 0; } /* --- Guest: Login + Register --- */ body.woocommerce-account #customer_login.col2-set, body.woocommerce-account .twirion-account-auth { display: block; width: 100%; max-width: 100%; margin: 0; box-sizing: border-box; } body.woocommerce-account #customer_login.col2-set::before, body.woocommerce-account #customer_login.col2-set::after { display: none !important; content: none !important; } body.woocommerce-account .twirion-account-auth-tabs { display: none; } body.woocommerce-account .twirion-account-auth-viewport { width: 100%; } body.woocommerce-account .twirion-account-auth-track { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 60px; width: 100%; transform: translateX(0); will-change: transform; } body.woocommerce-account #customer_login .u-column1.col-1, body.woocommerce-account #customer_login .u-column2.col-2, body.woocommerce-account .twirion-account-auth__login, body.woocommerce-account .twirion-account-auth__register { flex: 1 1 50%; min-width: 0; float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; background-color: rgba(0, 0, 0, 0.04); padding: 25px 30px 20px; box-sizing: border-box; } body.shadow-element-decoration.woocommerce-account #customer_login .u-column1.col-1, body.shadow-element-decoration.woocommerce-account #customer_login .u-column2.col-2, body.shadow-element-decoration.woocommerce-account .twirion-account-auth__login, body.shadow-element-decoration.woocommerce-account .twirion-account-auth__register { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1); } body.woocommerce-account .twirion-wc-main .entry-title, body.woocommerce-account .twirion-wc-main h1.entry-title, body.woocommerce-account #content > h1.entry-title, body.woocommerce-account .woocommerce > h1.entry-title { font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 28px; font-weight: 500; line-height: 1.2; margin: 0 0 24px; color: var(--sdk-text, #111111); } body.woocommerce-account #customer_login h2, body.woocommerce-account #customer_login .twirion-account-auth__panel-title { font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 22px; font-weight: 500; line-height: 1.2; margin: 0 0 16px; color: #0a0909; } body.woocommerce-account #customer_login form { margin: 0; padding: 0; width: 100%; box-sizing: border-box; border: none !important; box-shadow: none !important; outline: none; background: transparent; } body.woocommerce-account #customer_login form p { list-style: none; margin-left: 0; } body.woocommerce-account #customer_login form p::before, body.woocommerce-account #customer_login form p::marker { display: none; content: none; } body.woocommerce-account #customer_login .form-row, body.woocommerce-account #customer_login .woocommerce-form-row { width: 100%; padding: 0; margin: 0 0 16px; } body.woocommerce-account #customer_login label { font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 500; color: #333; display: block; margin-bottom: 6px; } body.woocommerce-account #customer_login label .required { color: inherit; } body.woocommerce-account #customer_login input.input-text, body.woocommerce-account #customer_login input[type="password"], body.woocommerce-account #customer_login input[type="email"] { width: 100% !important; box-sizing: border-box; padding: 12px 15px; border: 1px solid var(--sdk-border); border-radius: 0; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; background: #fff; } body.woocommerce-account #customer_login .twirion-login-actions, body.woocommerce-account #customer_login .twirion-register-actions { margin-bottom: 12px; } body.woocommerce-account #customer_login .twirion-login-meta { margin-bottom: 8px; } body.woocommerce-account #customer_login .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: 8px; font-weight: 400; text-transform: none; margin: 0; } body.woocommerce-account #customer_login .woocommerce-form-login__rememberme span { font-size: 14px; color: #333; } body.woocommerce-account #customer_login .lost_password { margin: 0 0 4px; } body.woocommerce-account #customer_login .lost_password a { color: #1ebbf0; font-size: 13px; text-decoration: none; } body.woocommerce-account #customer_login .lost_password a:hover { text-decoration: underline; } body.woocommerce-account #customer_login .twirion-register-password-note, body.woocommerce-account #customer_login .twirion-register-privacy { font-size: 13px; line-height: 1.5; color: #555; margin: 0 0 16px; } body.woocommerce-account #customer_login .woocommerce-privacy-policy-link { color: #1ebbf0; } /* Скрыть дубль от WC на русском (если hook не снялся) */ body.woocommerce-account #customer_login .woocommerce-privacy-policy-text:not(.twirion-register-privacy) { display: none !important; } /* Log in / Register — как Proceed to Checkout */ body.woocommerce-account #customer_login .button, body.woocommerce-account #customer_login button[name="login"], body.woocommerce-account #customer_login button[name="register"], body.woocommerce-account #customer_login .woocommerce-Button[name="register"], body.woocommerce-account #customer_login .woocommerce-form-login__submit, body.woocommerce-account #customer_login .woocommerce-form-register__submit, body.woocommerce-account .twirion-account-auth .woocommerce-form-login__submit, body.woocommerce-account .twirion-account-auth .woocommerce-form-register__submit { display: inline-flex !important; align-items: center; justify-content: center; min-height: 48px !important; min-width: 120px; margin: 0 !important; padding: 12px 24px !important; background: var(--sdk-accent, #6a2fff) !important; background-color: var(--sdk-accent, #6a2fff) !important; color: #ffffff !important; border: none !important; border-radius: var(--sdk-radius-btn, 99px) !important; box-shadow: none !important; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; text-transform: none !important; text-decoration: none !important; white-space: nowrap; box-sizing: border-box; cursor: pointer; transition: background 0.25s ease, color 0.25s ease; } body.woocommerce-account #customer_login .button:hover, body.woocommerce-account #customer_login button[name="login"]:hover, body.woocommerce-account #customer_login button[name="register"]:hover, body.woocommerce-account #customer_login .woocommerce-form-login__submit:hover, body.woocommerce-account #customer_login .woocommerce-form-register__submit:hover, body.woocommerce-account .twirion-account-auth .woocommerce-form-login__submit:hover, body.woocommerce-account .twirion-account-auth .woocommerce-form-register__submit:hover { background: #5720e0 !important; background-color: #5720e0 !important; color: #ffffff !important; } /* Lost password / track order */ body.woocommerce-account form.lost_reset_password, body.woocommerce-account form.track_order { background-color: rgba(0, 0, 0, 0.04); padding: 25px 30px 20px; max-width: 640px; box-sizing: border-box; } body.woocommerce-account form.lost_reset_password .button, body.woocommerce-account form.track_order .button { display: inline-flex !important; align-items: center; justify-content: center; min-height: 48px !important; padding: 12px 24px !important; border: none !important; border-radius: var(--sdk-radius-btn, 99px) !important; background: var(--sdk-accent, #6a2fff) !important; background-color: var(--sdk-accent, #6a2fff) !important; color: #ffffff !important; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 14px !important; font-weight: 600 !important; box-shadow: none !important; transition: background 0.25s ease, color 0.25s ease; } body.woocommerce-account form.lost_reset_password .button:hover, body.woocommerce-account form.track_order .button:hover { background: #5720e0 !important; background-color: #5720e0 !important; color: #ffffff !important; } /* --- Logged in: CAM / SDK layout --- */ body.woocommerce-account .cam-container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; gap: 20px; width: 100%; padding: 0; box-sizing: border-box; } body.woocommerce-account .cam-sidebar { flex: 0 0 314px; max-width: 100%; background: #fff; border-radius: 20px; padding: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-sizing: border-box; display: flex; flex-direction: column; } body.woocommerce-account .cam-main-content { flex: 1 1 455px; min-width: 0; background: #fff; border-radius: 20px; padding: 20px 24px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-sizing: border-box; } body.woocommerce-account .cam-profile-photo { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin: 0 0 16px 20px; } body.woocommerce-account .cam-profile-photo img { width: 100%; height: 100%; object-fit: cover; display: block; } body.woocommerce-account .cam-fullname { font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 18px; font-weight: 500; line-height: 24px; margin: 0 0 20px 20px; color: #0a0909; } body.woocommerce-account .cam-sidebar .woocommerce-MyAccount-navigation { float: none; width: 100%; padding: 0; margin: 0; } body.woocommerce-account .woocommerce-MyAccount-navigation > ul { list-style: none; margin: 0; padding: 0; border: none; } body.woocommerce-account .woocommerce-MyAccount-navigation > ul li { margin: 0 0 10px; list-style: none; border: none; background: none; } body.woocommerce-account .woocommerce-MyAccount-navigation > ul li a { display: block; padding: 10px 15px; text-decoration: none; color: #666; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 500; line-height: 1.4; background: transparent; border: none; border-radius: 5px; transition: background-color 0.2s ease, color 0.2s ease; } body.woocommerce-account .woocommerce-MyAccount-navigation > ul li.is-active a, body.woocommerce-account .woocommerce-MyAccount-navigation > ul li a:hover { background-color: rgba(106, 47, 255, 0.08); color: var(--sdk-accent, #6a2fff); } body.woocommerce-account .cam-main-content .woocommerce-MyAccount-content { float: none; width: 100%; padding: 0; } body.woocommerce-account .woocommerce-MyAccount-content > p:first-child { display: none; } /* Profile form */ body.woocommerce-account .cam-main-content .cam-profile-section { max-width: 455px; } body.woocommerce-account .cam-main-content .cam-input-field { position: relative; margin-bottom: 20px; } body.woocommerce-account .cam-main-content .cam-input-field label { font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 500; line-height: 24px; margin-bottom: 8px; display: block; color: #333; } body.woocommerce-account .cam-main-content .cam-input-field input[type="text"], body.woocommerce-account .cam-main-content .cam-input-field input[type="email"], body.woocommerce-account .cam-main-content .cam-input-field input[type="tel"] { width: 100%; max-width: 375px; height: 47px; border: 1px solid var(--sdk-border-input); border-radius: 6px; padding: 0 15px; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; line-height: 24px; background: #fff; box-sizing: border-box; } body.woocommerce-account .cam-main-content .cam-input-field input:focus { outline: none; border-color: rgba(106, 47, 255, 0.45); } body.woocommerce-account .cam-main-content .cam-input-field input::placeholder { color: rgba(0, 0, 0, 0.5); } body.woocommerce-account .cam-main-content .cam-input-field input[type="file"] { display: none; } body.woocommerce-account .cam-main-content .cam-input-field .upload-field { width: 100%; max-width: 375px; height: 47px; border: 1px solid var(--sdk-border-input); border-radius: 6px; padding: 0 15px; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; line-height: 47px; background: #fff; box-sizing: border-box; cursor: pointer; } body.woocommerce-account .cam-main-content .cam-input-field .upload-field span { color: rgba(0, 0, 0, 0.5); } body.woocommerce-account .cam-main-content .cam-input-field .upload-field:hover { border-color: rgba(106, 47, 255, 0.45); } body.woocommerce-account .cam-update-button { display: flex; justify-content: flex-end; margin-top: 20px; max-width: 375px; } body.woocommerce-account .cam-update-button button { background: var(--sdk-accent, #6a2fff); color: #fff; border: none; padding: 10px 24px; border-radius: var(--sdk-radius-btn, 99px); cursor: pointer; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 500; } body.woocommerce-account .cam-update-button button:hover { background: #5720e0; } body.woocommerce-account .cam-logout { margin-top: 24px; max-width: 375px; } body.woocommerce-account .cam-logout a { font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 500; color: #333; text-decoration: none; } body.woocommerce-account .cam-logout a:hover { text-decoration: underline; } /* Orders */ body.woocommerce-account .woocommerce-orders-table { width: 100%; border-collapse: collapse; } body.woocommerce-account .woocommerce-orders-table thead th { font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 13px; font-weight: 500; color: #888; padding: 15px 10px; background: #f5f5f5; border-bottom: 1px solid var(--sdk-border); text-align: left; } body.woocommerce-account .woocommerce-orders-table tbody td { padding: 15px 10px; border-bottom: 1px solid var(--sdk-border); font-size: 14px; vertical-align: middle; } body.woocommerce-account .order-product-info { display: flex; align-items: center; gap: 15px; } body.woocommerce-account .order-product-info .product-image img { width: 40px; height: 40px; object-fit: cover; border-radius: 4px; } body.woocommerce-account .woocommerce-orders-table__cell-order-number a { color: var(--sdk-accent, #6a2fff); text-decoration: none; font-weight: 500; } body.woocommerce-account .woocommerce-orders-table__cell-order-number a:hover { color: #5720e0; } body.woocommerce-account .woocommerce-orders-table__cell-order-date { color: #666; } body.woocommerce-account .cam-main-content .twirion-orders-empty.woocommerce-info { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 20px 24px 20px 70px; margin: 0; border: none; border-radius: 12px; background: linear-gradient(135deg, #272038 0%, var(--sdk-accent, #6a2fff) 100%); color: #fff; position: relative; } body.woocommerce-account .cam-main-content .twirion-orders-empty.woocommerce-info::before { content: ""; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; background: #fff; opacity: 0.95; } body.woocommerce-account .cam-main-content .twirion-orders-empty .button { display: inline-flex; align-items: center; justify-content: center; background: #fff !important; color: var(--sdk-accent, #6a2fff) !important; border: none !important; border-radius: var(--sdk-radius-btn, 99px) !important; padding: 10px 24px !important; font-size: 14px !important; font-weight: 500 !important; text-decoration: none !important; } body.woocommerce-account .cam-main-content .twirion-orders-empty .button:hover { background: rgba(255, 255, 255, 0.9) !important; color: #5720e0 !important; } /* Addresses — tabs + horizontal slide */ body.woocommerce-account .twirion-account-addresses .woocommerce-Addresses header { display: none; } body.woocommerce-account .cam-profile-section--addresses { max-width: 100%; } body.woocommerce-account .twirion-address-intro { margin: 0 0 20px; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; line-height: 1.5; color: #666; } body.woocommerce-account .twirion-address-tabs { display: flex; gap: 8px; max-width: 455px; margin-bottom: 20px; } body.woocommerce-account .twirion-address-tabs__btn { flex: 1 1 50%; margin: 0; padding: 12px 16px; border: 1px solid var(--sdk-border); border-radius: 8px; background: #fff; color: #333; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 500; line-height: 1.2; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; } body.woocommerce-account .twirion-address-tabs__btn.is-active { border-color: var(--sdk-accent, #6a2fff); background: rgba(106, 47, 255, 0.08); color: var(--sdk-accent, #6a2fff); } body.woocommerce-account .twirion-address-panels-viewport { position: relative; overflow: hidden; width: 100%; max-width: 455px; } body.woocommerce-account .twirion-address-panels-track { display: flex; width: 200%; transform: translateX(0); will-change: transform; } body.woocommerce-account .twirion-address-panels-track.is-animating { transition: transform 0.42s cubic-bezier(0.32, 0.72, 0, 1); } body.woocommerce-account .twirion-address-panels-track[data-active-panel="shipping"] { transform: translateX(-50%); } body.woocommerce-account .twirion-address-panels-track .cam-address-block { flex: 0 0 50%; width: 50%; min-width: 0; padding: 0; box-sizing: border-box; background: transparent; } body.woocommerce-account .twirion-address-panels-track .cam-address-block[aria-hidden="true"] { pointer-events: none; } body.woocommerce-account .twirion-save-address-row { margin-top: 10px; } body.woocommerce-account .address-column form > h2 { display: none; } @media (prefers-reduced-motion: reduce) { body.woocommerce-account .twirion-address-panels-track.is-animating { transition: none; } } body.woocommerce-account .woocommerce-address-fields__field-wrapper { margin-bottom: 0; } body.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row { position: relative; margin-bottom: 20px; padding: 0; } body.woocommerce-account .woocommerce-address-fields__field-wrapper label { display: block; margin-bottom: 8px; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 500; line-height: 24px; color: #333; } body.woocommerce-account .woocommerce-address-fields__field-wrapper input.input-text, body.woocommerce-account .woocommerce-address-fields__field-wrapper select { width: 100%; max-width: 375px; height: 47px; border: 1px solid var(--sdk-border-input); border-radius: 6px; padding: 0 15px; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; line-height: 24px; box-sizing: border-box; background: #fff; color: #333; } body.woocommerce-account .woocommerce-address-fields__field-wrapper input:focus, body.woocommerce-account .woocommerce-address-fields__field-wrapper select:focus { outline: none; border-color: rgba(106, 47, 255, 0.45); } body.woocommerce-account .woocommerce-address-fields__field-wrapper input::placeholder { color: #999; } body.woocommerce-account .woocommerce-address-fields { margin-top: 0; } body.woocommerce-account .woocommerce-address-fields button[type="submit"], body.woocommerce-account .woocommerce-address-fields input[name="save_address"] { display: inline-block; margin-top: 10px; padding: 15px 40px !important; background: var(--sdk-accent, #6a2fff) !important; color: #fff !important; border: none !important; border-radius: var(--sdk-radius-btn, 99px) !important; cursor: pointer; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 24px !important; box-shadow: none !important; } body.woocommerce-account .woocommerce-address-fields button[type="submit"]:hover, body.woocommerce-account .woocommerce-address-fields input[name="save_address"]:hover { background: #5720e0 !important; color: #fff !important; } @media (prefers-reduced-motion: reduce) { body.woocommerce-account .twirion-account-auth-track.is-animating { transition: none; } } @media only screen and (max-width: 991px) { body.woocommerce-account .twirion-account-auth-tabs { display: flex; gap: 8px; margin-bottom: 20px; } body.woocommerce-account .twirion-account-auth-tabs__btn { flex: 1 1 50%; margin: 0; padding: 12px 16px; border: 1px solid var(--sdk-border); border-radius: 8px; background: #fff; color: #333; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 500; line-height: 1.2; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; } body.woocommerce-account .twirion-account-auth-tabs__btn.is-active { border-color: var(--sdk-accent, #6a2fff); background: rgba(106, 47, 255, 0.08); color: var(--sdk-accent, #6a2fff); } body.woocommerce-account .twirion-account-auth-viewport { overflow: hidden; width: 100%; } body.woocommerce-account .twirion-account-auth-track { gap: 0; width: 200%; } body.woocommerce-account .twirion-account-auth-track.is-animating { transition: transform 0.42s cubic-bezier(0.32, 0.72, 0, 1); } body.woocommerce-account .twirion-account-auth-track[data-active-panel="register"] { transform: translateX(-50%); } body.woocommerce-account .twirion-account-auth__login, body.woocommerce-account .twirion-account-auth__register { flex: 0 0 50%; width: 50%; } body.woocommerce-account #customer_login h2, body.woocommerce-account #customer_login .twirion-account-auth__panel-title { display: none; } } @media only screen and (max-width: 600px) { body.woocommerce-account .cam-container { flex-direction: column; flex-wrap: wrap; } body.woocommerce-account .cam-sidebar, body.woocommerce-account .cam-main-content { flex: 1 1 100%; width: 100%; max-width: 100%; min-width: 0; } body.woocommerce-account .cam-main-content .cam-profile-section, body.woocommerce-account .cam-profile-section--addresses, body.woocommerce-account .twirion-address-tabs, body.woocommerce-account .twirion-address-panels-viewport { max-width: 100%; width: 100%; } body.woocommerce-account .cam-main-content .cam-input-field input[type="text"], body.woocommerce-account .cam-main-content .cam-input-field input[type="email"], body.woocommerce-account .cam-main-content .cam-input-field input[type="tel"], body.woocommerce-account .cam-main-content .cam-input-field .upload-field, body.woocommerce-account .woocommerce-address-fields__field-wrapper input.input-text, body.woocommerce-account .woocommerce-address-fields__field-wrapper select { width: 100% !important; max-width: 100%; box-sizing: border-box; } } /* ===== sdk-wc-single-product-layout.css ===== */ /** * Single product: галерея слева, .summary.entry-summary справа (SDK). * Загружается последним на странице товара. */ .twirion-wc-main .twirion-product-top, body.single-product #content .twirion-product-top { display: grid !important; grid-template-columns: minmax(0, 45%) minmax(0, 1fr); column-gap: 60px; align-items: start; width: 100%; margin-bottom: 30px; } .twirion-wc-main .twirion-product-top > div.images, body.single-product #content .twirion-product-top > div.images { grid-column: 1; grid-row: 1; float: none !important; clear: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; min-width: 0; } .twirion-wc-main .twirion-product-top > .summary.entry-summary, body.single-product #content .twirion-product-top > .summary.entry-summary { grid-column: 2; grid-row: 1; float: none !important; clear: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; min-width: 0; } .twirion-wc-main .twirion-product-top > span.onsale, body.single-product #content .twirion-product-top > span.onsale { grid-column: 1; grid-row: 1; z-index: 3; margin: 12px; } .twirion-wc-main div.product.description-off > .woocommerce-tabs, .twirion-wc-main div.product.description-off > .related.products, body.single-product #content div.product.description-off > .woocommerce-tabs, body.single-product #content div.product.description-off > .related.products { width: 100%; clear: both; } body.single-product .twirion-product-description-only > ul.tabs, body.single-product .twirion-product-description-only ul.wc-tabs, body.single-product .twirion-product-description-only #tab-reviews, body.single-product .twirion-product-description-only .woocommerce-Tabs-panel--reviews { display: none !important; } body.single-product .twirion-product-description-only .woocommerce-Tabs-panel--description { display: block !important; } @media only screen and (max-width: 991px) { .twirion-wc-main .twirion-product-top, body.single-product #content .twirion-product-top { grid-template-columns: 1fr; row-gap: 24px; column-gap: 0; } .twirion-wc-main .twirion-product-top > div.images, .twirion-wc-main .twirion-product-top > .summary.entry-summary, body.single-product #content .twirion-product-top > div.images, body.single-product #content .twirion-product-top > .summary.entry-summary { grid-column: 1; grid-row: auto; } } /* ===== sdk-product-gallery-thumbs-left.css ===== */ /** * Галерея товара (статическая копия): миниатюры слева, основное фото справа. */ .woocommerce div.product div.images.sdk-product-gallery { position: relative; opacity: 1 !important; } .woocommerce div.product div.images.sdk-product-gallery .wishlist-button, .woocommerce div.product div.images.sdk-product-gallery .wishlist-button--gallery { position: absolute; top: 12px; right: 12px; z-index: 25; width: 40px; height: 40px; margin: 0; } .woocommerce div.product div.images.sdk-product-gallery .wishlist-button .twirion-wishlist-toggle--icon, .woocommerce div.product div.images.sdk-product-gallery .wishlist-button--gallery .twirion-wishlist-toggle--icon { width: 40px; height: 40px; min-width: 40px; min-height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.92); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); } .woocommerce div.product div.images.sdk-product-gallery .wishlist-button .twirion-wishlist-toggle--icon:hover, .woocommerce div.product div.images.sdk-product-gallery .wishlist-button--gallery .twirion-wishlist-toggle--icon:hover { background: #fff; box-shadow: 0 4px 14px rgba(106, 47, 255, 0.2); } .woocommerce div.product div.images.sdk-product-gallery .twirion-wishlist-toggle--icon.is-in-wishlist .yith-wcwl-add-to-wishlist-button-icon { color: var(--sdk-accent, #6a2fff) !important; } .twirion-gallery-wishlist-mount { display: none !important; } .woocommerce div.product div.images.sdk-product-gallery .woocommerce-product-gallery__wrapper { display: none !important; } .woocommerce div.product div.images.sdk-product-gallery .flex-viewport, .woocommerce div.product div.images.sdk-product-gallery ol.flex-control-thumbs { display: none !important; } .sdk-product-gallery__inner { --sdk-gallery-thumb-size: 72px; --sdk-gallery-thumb-gap: 10px; --sdk-gallery-max-h: calc( var(--sdk-gallery-thumb-size) * 5 + var(--sdk-gallery-thumb-gap) * 4 ); display: flex; flex-direction: row; align-items: flex-start; gap: 14px; width: 100%; } .sdk-product-gallery__thumbs { flex: 0 0 76px; margin: 0; padding: 0; } .sdk-product-gallery__thumbs-viewport { overflow: hidden; width: 100%; height: var(--sdk-gallery-max-h); min-height: var(--sdk-gallery-max-h); max-height: var(--sdk-gallery-max-h); } .sdk-product-gallery__thumbs-track { display: flex; flex-direction: column; gap: var(--sdk-gallery-thumb-gap); margin: 0; padding: 0; transition: transform 0.28s ease; will-change: transform; } .sdk-product-gallery__thumbs button { display: block; flex: 0 0 var(--sdk-gallery-thumb-size); width: 100%; height: var(--sdk-gallery-thumb-size); margin: 0; padding: 0; border: 2px solid transparent; background-color: #f0f0f0; background-repeat: no-repeat; background-position: center center; background-size: cover; cursor: pointer; line-height: 0; border-radius: 2px; opacity: 0.55; transition: border-color 0.2s ease, opacity 0.2s ease; } .sdk-product-gallery__thumbs button:hover, .sdk-product-gallery__thumbs button.is-active { opacity: 1; } .sdk-product-gallery__thumbs button.is-active { border-color: var(--the7-accent-color, #1ebbf0); } .sdk-product-gallery__thumbs button img { display: none !important; } .sdk-product-gallery__main { flex: 1 1 auto; min-width: 0; height: var(--sdk-gallery-max-h); max-height: var(--sdk-gallery-max-h); } .sdk-product-gallery__link { position: relative; display: block; width: var(--sdk-gallery-max-h); max-width: 100%; height: var(--sdk-gallery-max-h); max-height: var(--sdk-gallery-max-h); padding-top: 0; aspect-ratio: 1 / 1; overflow: hidden; text-decoration: none; background-color: #f5f5f5; } @media (hover: hover) and (pointer: fine) { .sdk-product-gallery__link.sdk-product-gallery__link--zoomable { cursor: crosshair; } } /* Фиксированное квадратное окно; фото — background, без скачка высоты */ .sdk-product-gallery__stage { position: absolute; inset: 0; background-repeat: no-repeat; background-position: center center; background-size: contain; transition: background-size 0.25s ease; } .sdk-product-gallery__link.is-zooming .sdk-product-gallery__stage { background-size: var(--sdk-gallery-zoom-scale, 155%); transition: background-position 0.08s ease-out, background-size 0.25s ease; } .woocommerce div.product div.images.sdk-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 10px; right: 10px; z-index: 2; } @media (max-width: 600px) { .sdk-product-gallery__inner { flex-direction: column; } .sdk-product-gallery__inner { --sdk-gallery-thumb-size: 64px; --sdk-gallery-thumb-gap: 8px; --sdk-gallery-max-h: calc( var(--sdk-gallery-thumb-size) * 5 + var(--sdk-gallery-thumb-gap) * 4 ); } .sdk-product-gallery__thumbs { flex: 0 0 auto; width: 100%; order: 2; } .sdk-product-gallery__thumbs-viewport { width: 100%; height: var(--sdk-gallery-thumb-size); max-height: var(--sdk-gallery-max-h); } .sdk-product-gallery__main { max-height: none; } .sdk-product-gallery__link { width: 100%; max-height: none; aspect-ratio: 1 / 1; } .sdk-product-gallery__thumbs-track { flex-direction: row; } .sdk-product-gallery__thumbs button { flex: 0 0 var(--sdk-gallery-thumb-size); width: var(--sdk-gallery-thumb-size); } .sdk-product-gallery__main { order: 1; width: 100%; } } /* ===== sdk-wc-product-trust.css ===== */ /** * Single product: trust badges, shipping, recently viewed (sdk.twirion.com / SDK Boost TW). */ /* Single product summary: info table, trust, shipping (SDK) */ body.single-product .summary.entry-summary .twirion-single-product-info { margin: 0 0 24px; padding: 0; border: 0; background: transparent; font-family: var(--sdk-global-font, "Kanit", sans-serif); } body.single-product .summary.entry-summary .twirion-single-product-info__table { border-top: 1px solid var(--sdk-border); } body.single-product .summary.entry-summary .twirion-single-product-info__row { display: grid; grid-template-columns: minmax(110px, 140px) minmax(0, 1fr); gap: 12px 20px; padding: 12px 0; border-bottom: 1px solid var(--sdk-border); font-size: 15px; line-height: 1.45; } body.single-product .summary.entry-summary .twirion-single-product-info__row:last-child { border-bottom: 0; } body.single-product .summary.entry-summary .twirion-single-product-info__label { color: rgba(0, 0, 0, 0.55); font-weight: 400; } body.single-product .summary.entry-summary .twirion-single-product-info__value { color: #000; font-weight: 500; } body.single-product .summary.entry-summary form.cart { margin: 0 0 24px; } body.single-product .summary.entry-summary .product-actions { margin-bottom: 24px; } body.single-product .summary.entry-summary form.cart .single_add_to_cart_button.button, body.single-product .summary.entry-summary a.single_add_to_cart_button.twirion-view-cart { width: auto !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box; } body.single-product.twirion-product-in-cart form.cart button.single_add_to_cart_button[name="add-to-cart"], body.single-product.twirion-product-in-cart form.cart input.single_add_to_cart_button[name="add-to-cart"] { display: none !important; } body.single-product form.cart a.single_add_to_cart_button.twirion-view-cart ~ a.single_add_to_cart_button.twirion-view-cart, body.single-product form.cart a.single_add_to_cart_button.twirion-view-cart ~ button.single_add_to_cart_button { display: none !important; } body.single-product .summary.entry-summary form.cart .single_add_to_cart_button.button, body.single-product .summary.entry-summary form.cart button.single_add_to_cart_button[name="add-to-cart"], body.single-product .summary.entry-summary a.single_add_to_cart_button.twirion-view-cart { display: inline-flex !important; align-items: center; justify-content: center; border-radius: var(--sdk-radius-btn, 99px) !important; min-height: 36px !important; height: auto !important; line-height: 1.2 !important; padding: 10px 22px !important; font-family: var(--sdk-global-font, "Kanit", sans-serif) !important; font-size: 13px !important; font-weight: 600 !important; text-align: center; text-decoration: none !important; border: 1px solid var(--sdk-accent, #6a2fff) !important; box-shadow: none !important; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; } body.single-product .summary.entry-summary form.cart .single_add_to_cart_button.button:not(.twirion-view-cart), body.single-product .summary.entry-summary form.cart button.single_add_to_cart_button[name="add-to-cart"] { background-color: var(--sdk-accent, #6a2fff) !important; color: #fff !important; } body.single-product .summary.entry-summary form.cart .single_add_to_cart_button.button:not(.twirion-view-cart):hover, body.single-product .summary.entry-summary form.cart button.single_add_to_cart_button[name="add-to-cart"]:hover { background: transparent !important; color: var(--sdk-accent, #6a2fff) !important; border-color: var(--sdk-accent, #6a2fff) !important; } body.single-product .summary.entry-summary a.single_add_to_cart_button.twirion-view-cart, body.single-product .summary.entry-summary form.cart .single_add_to_cart_button.button.twirion-view-cart { background: var(--sdk-accent, #6a2fff) !important; color: #fff !important; } body.single-product .summary.entry-summary form.cart .single_add_to_cart_button.button.twirion-view-cart:hover, body.single-product .summary.entry-summary a.single_add_to_cart_button.twirion-view-cart:hover { background: transparent !important; color: var(--sdk-accent, #6a2fff) !important; border-color: var(--sdk-accent, #6a2fff) !important; } body.single-product .summary.entry-summary .sdk-product-trust { display: flex; flex-direction: column; gap: 12px; margin: 0 0 16px; padding: 0; background: transparent; border: 0; border-radius: 0; font-family: var(--sdk-global-font, "Kanit", sans-serif); } body.single-product .summary.entry-summary .sdk-product-trust .sdk-trust-item { display: flex; align-items: center; gap: 12px; font-size: 15px; line-height: 1.4; color: rgba(0, 0, 0, 0.85); } body.single-product .summary.entry-summary .sdk-product-trust .sdk-trust-icon { flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; background: #6a2fff; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; line-height: 1; font-style: normal; } body.single-product .summary.entry-summary .sdk-product-trust .sdk-trust-icon--check::before { content: "✓"; font-weight: 700; } body.single-product .summary.entry-summary .sdk-product-trust .sdk-trust-icon--lock::before { content: "🔒"; font-size: 13px; } body.single-product .summary.entry-summary .sdk-product-trust .sdk-trust-icon--globe::before { content: "🌍"; font-size: 13px; } body.single-product .summary.entry-summary .sdk-product-trust .sdk-trust-icon--cert::before { content: "✓"; font-size: 11px; font-weight: 700; } body.single-product .summary.entry-summary .sdk-product-trust .sdk-trust-icon--image { background: #f3f0ff; overflow: hidden; padding: 0; } body.single-product .summary.entry-summary .sdk-product-trust .sdk-trust-icon--image .sdk-icon-img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } body.single-product .summary.entry-summary .sdk-product-trust .sdk-trust-item.sdk-certificate.is-link { text-decoration: none; color: rgba(0, 0, 0, 0.85); transition: opacity 0.2s ease; } body.single-product .summary.entry-summary .sdk-product-trust .sdk-trust-item.sdk-certificate.is-link:hover { opacity: 0.75; } body.single-product .summary.entry-summary .sdk-shipping-info { margin: 0; padding: 0; border: 0; border-radius: 0; font-family: var(--sdk-global-font, "Kanit", sans-serif); } body.single-product .summary.entry-summary .sdk-shipping-item { padding: 0 0 10px; font-size: 14px; line-height: 1.5; color: rgba(0, 0, 0, 0.8); border: 0; } body.single-product .summary.entry-summary .sdk-shipping-item:last-child { padding-bottom: 0; } body.single-product .summary.entry-summary .sdk-shipping-item.sdk-free-shipping { padding-bottom: 12px; color: #1bc365; font-weight: 600; font-size: 15px; } .sdk-product-trust { display: flex; flex-wrap: wrap; gap: 15px; margin: 20px 0; padding: 15px; background: #f8f9fa; border-radius: 15px; border: 1px solid var(--sdk-border); } .sdk-product-trust .sdk-trust-item { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #333; } .sdk-product-trust .sdk-trust-icon { font-size: 16px; line-height: 1; } .sdk-product-trust .sdk-trust-item.sdk-certificate.is-link { text-decoration: none; transition: opacity 0.2s; } .sdk-product-trust .sdk-trust-item.sdk-certificate.is-link:hover { opacity: 0.8; } .sdk-shipping-info { margin: 15px 0; padding: 15px; border: 1px solid var(--sdk-border); border-radius: 15px; } .sdk-shipping-item { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; font-size: 13px; color: #333; } .sdk-shipping-item:not(:last-child) { border-bottom: 1px solid var(--sdk-border); } .sdk-shipping-item.sdk-free-shipping { color: #1bc365; font-weight: 600; } .sdk-method-title { font-weight: 600; color: #1d172c; } .sdk-recently-viewed { margin-top: 50px; padding-top: 40px; border-top: 1px solid var(--sdk-border); clear: both; } .sdk-recently-viewed .relatedtitle { font-family: "Kanit", Helvetica, Arial, Verdana, sans-serif; font-size: 34px; font-weight: 500; line-height: 36px; margin-bottom: 30px; color: rgba(0, 0, 0, 0.8); } @media (max-width: 767px) { .sdk-product-trust { flex-direction: column; gap: 10px; padding: 12px; } .sdk-shipping-info { padding: 12px; } body.single-product .summary.entry-summary .twirion-single-product-info__row { grid-template-columns: 1fr; gap: 4px; } } /* ===== sdk-responsive.css ===== */ /** * Адаптивность всего сайта Twirion SDK — загружается последним. */ /* Catalog sidebar toggle: replaced by .twirion-shop-filters-bar (< 1000px) */ /* --- Контейнеры: #main > .wf-wrap — только twirion-layout.css (без sdk-gutter 20px) --- */ #bottom-bar > .wf-wrap, #fancy-header > .wf-wrap, .sdk-header-trust-bar .sdk-container, .sdk-footer-trust-bar .sdk-container { width: 100% !important; max-width: var(--sdk-container-max, 1400px); margin-left: auto; margin-right: auto; padding-left: var(--sdk-gutter, 20px); padding-right: var(--sdk-gutter, 20px); box-sizing: border-box; } html { overflow-x: clip; } body.twirion { overflow-x: clip; max-width: 100%; } /* --- Мобильная шапка: sdk-main-copy/index.html --- */ @media (max-width: 992px) { body:not(.transparent) .masthead:not(.side-header) { background-color: #272038; } .masthead .main-nav, .masthead:not(.side-header) .header-bar { display: none !important; } .masthead .mobile-header-bar { display: flex !important; align-items: center; justify-content: space-between; width: 100%; min-height: 60px; padding: 0 20px; box-sizing: border-box; background-color: #272038; } .sticky-mobile-header .mobile-header-bar.sticky-mobile-on { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 99990; background-color: #272038 !important; } .sticky-mobile-header .mobile-header-space { display: none; } .sticky-mobile-header .mobile-header-space.is-active { display: block; } .masthead.shadow-mobile-header-decoration .mobile-header-bar.sticky-mobile-on { box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07); } .responsive-off .masthead .mobile-header-bar { display: flex !important; } .responsive-off .dt-mobile-menu-icon { display: inline-flex !important; align-items: center; justify-content: center; } .dt-mobile-menu-icon { display: inline-flex !important; align-items: center; } .masthead .mobile-navigation { flex: 0 0 auto; order: -1; } .masthead .mobile-branding { flex: 1 1 auto; display: flex; justify-content: center; text-align: center; order: 0; } .masthead .mobile-branding > a > img { display: block !important; width: auto; height: auto; max-width: min(110px, 42vw); max-height: 32px; object-fit: contain; } .masthead .mobile-mini-widgets { flex: 0 0 auto; display: flex !important; align-items: center; justify-content: flex-end; gap: 8px; order: 1; } .masthead .mobile-mini-widgets .show-on-first-switch, .masthead .mobile-mini-widgets .mini-login, .masthead .mobile-mini-widgets .wc-shopping-cart { display: inline-flex !important; align-items: center; } .masthead .mobile-mini-widgets .mini-search { display: none !important; } .masthead .mobile-header-bar { min-height: 60px; } .twirion-mobile-search-bar { display: block; width: 100%; padding: 10px 16px 12px; background: #272038; box-sizing: border-box; } .twirion-mobile-search-bar .mini-search { display: block; width: 100%; max-width: none; } .twirion-mobile-search-bar .searchform { position: relative; display: block; width: 100%; } .twirion-mobile-search-bar .field.searchform-s { display: block; width: 100%; height: 40px; margin: 0; padding: 0 44px 0 16px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 99px; background: #fff; color: #333; font-family: "Libre Franklin", Helvetica, Arial, sans-serif; font-size: 14px; box-sizing: border-box; } .twirion-mobile-search-bar .field.searchform-s::placeholder { color: #7a7a7a; } .twirion-mobile-search-bar .search-icon { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: #6a2fff; } .twirion-mobile-search-bar .twirion-live-search-panel { width: 100% !important; left: 0; right: 0; } .mini-search.twirion-live-search .searchform { width: 100%; max-width: none; } .masthead .mobile-mini-widgets .mini-login .submit { display: inline-flex; align-items: center; gap: 0; font-size: 0; line-height: 1; } .masthead .mobile-mini-widgets .mini-login .submit i { font-size: 16px; } .masthead .mobile-mini-widgets .mini-login .submit .menu-text, .masthead .mobile-mini-widgets .mini-login .submit span:not(.screen-reader-text) { display: none; } } @media (max-width: 778px) { .masthead .mobile-header-bar { padding: 0 16px; } } @media (min-width: 993px) { .twirion-mobile-search-bar { display: none; } .mini-search.twirion-live-search .searchform { width: 100%; } } /* --- Live search dropdown --- */ .mini-search.twirion-live-search { position: relative; z-index: 20; } .mini-search.twirion-live-search:focus-within, .mini-search.twirion-live-search.is-search-open { z-index: 100010; } .mini-search.twirion-live-search .searchform { position: relative; display: block; max-width: 100%; } .twirion-live-search-panel { position: absolute; top: calc(100% + 8px); left: 0; z-index: 100010; width: 100%; min-width: 0; max-width: none; box-sizing: border-box; background: #fff; border: 1px solid var(--sdk-border); border-radius: 16px; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14); overflow: hidden; } .twirion-live-search-panel:empty { display: none; } .twirion-live-search-list { list-style: none; margin: 0; padding: 8px 0; max-height: 360px; overflow-y: auto; } .twirion-live-search-item a { display: flex; align-items: center; gap: 12px; padding: 10px 14px; color: #111; text-decoration: none; } .twirion-live-search-item a:hover, .twirion-live-search-item a:focus { background: rgba(106, 47, 255, 0.08); } .twirion-live-search-thumb { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 10px; overflow: hidden; background: #f3f3f3; } .twirion-live-search-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } .twirion-live-search-thumb--empty { background: linear-gradient(135deg, #f0f0f0, #e4e4e4); } .twirion-live-search-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .twirion-live-search-title { font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; font-weight: 500; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .twirion-live-search-price, .twirion-live-search-type { font-family: "Libre Franklin", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.2; color: #1bc365; } .twirion-live-search-type { color: #666; text-transform: uppercase; letter-spacing: 0.04em; } .twirion-live-search-empty, .twirion-live-search-loading { padding: 16px 14px; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 14px; line-height: 1.4; color: #666; text-align: center; } /* --- Мобильное меню (drawer) --- */ .twirion-mobile-backdrop { position: fixed; inset: 0; z-index: 99998; background: rgba(0, 0, 0, 0.45); opacity: 0; visibility: hidden; transition: opacity 0.25s ease, visibility 0.25s ease; } .twirion-mobile-drawer { position: fixed; top: 0; left: 0; z-index: 99999; width: min(320px, 88vw); height: 100%; height: 100dvh; background: #272038; color: #fff; transform: translateX(-105%); transition: transform 0.28s ease; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 20px 0 40px; box-sizing: border-box; } .twirion-mobile-drawer__close { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border: none; background: transparent; color: #fff; font-size: 28px; line-height: 1; cursor: pointer; padding: 0; } .twirion-mobile-drawer__nav { padding: 48px 24px 24px; } .twirion-mobile-drawer__nav ul { list-style: none; margin: 0; padding: 0; } .twirion-mobile-drawer__nav li { margin: 0; border-bottom: none; } @media (max-width: 992px) { .twirion-mobile-drawer__nav .main-nav { background: transparent !important; border-radius: 0; padding: 0; } } .twirion-mobile-drawer__nav a { display: block; padding: 14px 0; color: #fff; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 16px; font-weight: 500; text-decoration: none; } .twirion-mobile-drawer__nav a:hover, .twirion-mobile-drawer__nav .current-menu-item a { color: var(--sdk-accent-blue, #1ebbf0); } body.twirion-mobile-menu-open .twirion-mobile-backdrop { opacity: 1; visibility: visible; } body.twirion-mobile-menu-open .twirion-mobile-drawer { transform: translateX(0); } body.twirion-mobile-menu-open { overflow: hidden; } /* --- Shop filters bar + drawer (< 1000px) --- */ .twirion-shop-filters-bar { display: none; } .twirion-shop-filters-backdrop { z-index: 99997; } .twirion-shop-filters-drawer { z-index: 99998; background: #ffffff; color: var(--sdk-text, #111111); padding-top: 0; } .twirion-shop-filters-drawer__head { padding: 48px 24px 12px; border-bottom: 1px solid var(--sdk-border); } .twirion-shop-filters-drawer__title { margin: 0; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 20px; font-weight: 600; line-height: 1.3; color: var(--sdk-text, #111111); } .twirion-shop-filters-drawer__close { color: var(--sdk-text, #111111); } .twirion-shop-filters-drawer__content { padding: 16px 20px 32px; overflow-y: auto; -webkit-overflow-scrolling: touch; } .twirion-shop-filters-drawer__content .sidebar { position: static !important; top: auto !important; left: auto !important; width: 100% !important; max-width: none !important; min-width: 0 !important; height: auto !important; margin: 0 !important; transform: none !important; background: transparent !important; box-shadow: none !important; } .twirion-shop-filters-drawer__content .sidebar-content { height: auto !important; overflow: visible !important; padding: 0 !important; } body.twirion-shop-filters-open .twirion-shop-filters-backdrop { opacity: 1; visibility: visible; } body.twirion-shop-filters-open .twirion-shop-filters-drawer { transform: translateX(0); } body.twirion-shop-filters-open { overflow: hidden; } @media (max-width: 999px) { .twirion-shop-filters-bar { display: block; width: 100%; padding: 0 16px 12px; background: #272038; box-sizing: border-box; } .sticky-mobile-header .mobile-header-bar.sticky-mobile-on ~ .twirion-mobile-search-bar ~ .twirion-shop-filters-bar, .sticky-mobile-header .mobile-header-bar.sticky-mobile-on ~ .twirion-shop-filters-bar { position: sticky; top: 60px; z-index: 99989; } .twirion-shop-filters-bar__btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin: 0; padding: 10px 16px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 99px; background: transparent; color: #ffffff; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 15px; font-weight: 600; line-height: 1.2; cursor: pointer; box-sizing: border-box; } .twirion-shop-filters-bar__btn:hover, .twirion-shop-filters-bar__btn:focus-visible { border-color: rgba(255, 255, 255, 0.45); outline: none; } .twirion-shop-filters-bar__icon { display: inline-flex; flex-shrink: 0; } .twirion-wc-main #sidebar.sidebar, #twirion-sidebar-placeholder { display: none !important; width: 0 !important; max-width: 0 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; flex: 0 0 0 !important; overflow: hidden !important; } .twirion-wc-main .wc-sidebar-toggle { display: none !important; } /* Сайдбар в drawer — контент каталога на всю ширину контейнера */ .twirion-wc-main.sidebar-left .wf-container-main, .responsive-off .twirion-wc-main.sidebar-left .wf-container-main { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; gap: 0 !important; grid-column-gap: 0 !important; grid-template-columns: none !important; grid-template-areas: none !important; -ms-grid-columns: 1fr !important; } .twirion-wc-main.sidebar-left #content.content { display: block !important; order: 0 !important; flex: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; grid-area: auto !important; } .twirion-wc-main.sidebar-left #content .woocommerce, .twirion-wc-main.sidebar-left .woocommerce { width: 100% !important; max-width: 100% !important; } } @media (min-width: 1000px) { .twirion-shop-filters-bar, .twirion-shop-filters-backdrop, .twirion-shop-filters-drawer { display: none !important; } body.twirion-shop-filters-open { overflow: visible; } } /* --- Account menu drawer (<= 600px, как фильтры каталога) --- */ .twirion-account-nav-bar, .twirion-account-sidebar-placeholder { display: none; } .twirion-account-nav-backdrop { z-index: 99997; } .twirion-account-nav-drawer { z-index: 99998; background: #ffffff; color: var(--sdk-text, #111111); padding-top: 0; } .twirion-account-nav-drawer__head { padding: 48px 24px 12px; border-bottom: 1px solid var(--sdk-border); } .twirion-account-nav-drawer__title { margin: 0; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 20px; font-weight: 600; line-height: 1.3; color: var(--sdk-text, #111111); } .twirion-account-nav-drawer__close { color: var(--sdk-text, #111111); } .twirion-account-nav-drawer__content { padding: 16px 20px 32px; overflow-y: auto; -webkit-overflow-scrolling: touch; } .twirion-account-nav-drawer__content .twirion-account-sidebar { position: static !important; width: 100% !important; max-width: none !important; min-width: 0 !important; flex: none !important; margin: 0 !important; transform: none !important; box-shadow: none !important; } body.twirion-account-nav-open .twirion-account-nav-backdrop { opacity: 1; visibility: visible; } body.twirion-account-nav-open .twirion-account-nav-drawer { transform: translateX(0); } body.twirion-account-nav-open { overflow: hidden; } @media only screen and (max-width: 600px) { .twirion-account-nav-bar { display: block; width: 100%; padding: 0 16px 12px; background: #272038; box-sizing: border-box; } .sticky-mobile-header .mobile-header-bar.sticky-mobile-on ~ .twirion-mobile-search-bar ~ .twirion-account-nav-bar, .sticky-mobile-header .mobile-header-bar.sticky-mobile-on ~ .twirion-account-nav-bar { position: sticky; top: 60px; z-index: 99989; } .twirion-account-nav-bar .twirion-shop-filters-bar__btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin: 0; padding: 10px 16px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 99px; background: transparent; color: #ffffff; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 15px; font-weight: 600; line-height: 1.2; cursor: pointer; box-sizing: border-box; } .twirion-account-nav-bar .twirion-shop-filters-bar__btn:hover, .twirion-account-nav-bar .twirion-shop-filters-bar__btn:focus-visible { border-color: rgba(255, 255, 255, 0.45); outline: none; } body.twirion-account-nav-mobile .cam-container { flex-direction: column; flex-wrap: wrap; } body.twirion-account-nav-mobile .cam-main-content { flex: 1 1 100%; width: 100%; max-width: 100%; } } @media (min-width: 601px) { .twirion-account-nav-bar, .twirion-account-nav-backdrop, .twirion-account-nav-drawer { display: none !important; } body.twirion-account-nav-open { overflow: visible; } } /* --- Checkout Order summary bar + drawer (<= 999px, как фильтры каталога) --- */ .twirion-checkout-summary-bar, .twirion-checkout-summary-placeholder { display: none; } .twirion-checkout-summary-backdrop { z-index: 99997; } .twirion-checkout-summary-drawer { z-index: 99998; background: #ffffff; color: var(--sdk-text, #111111); padding-top: 0; } .twirion-checkout-summary-drawer__head { padding: 48px 24px 12px; border-bottom: none; } .twirion-checkout-summary-drawer__title { margin: 0; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 20px; font-weight: 600; line-height: 1.3; color: var(--sdk-text, #111111); } .twirion-checkout-summary-drawer__close { color: var(--sdk-text, #111111); } .twirion-checkout-summary-drawer__content { padding: 16px 20px 32px; overflow-y: auto; -webkit-overflow-scrolling: touch; } .twirion-checkout-summary-drawer__content .wc-block-checkout__sidebar { position: static !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; transform: none !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; } /* Без рамок и разделителей внутри drawer */ .twirion-checkout-summary-drawer .twirion-checkout-authenticity-banner, .twirion-checkout-summary-drawer .twirion-checkout-payment-trust { border: none !important; } .twirion-checkout-summary-drawer .wc-block-components-order-summary-item { border-bottom: none !important; } .twirion-checkout-summary-drawer .wp-block-woocommerce-checkout-order-summary-cart-items-block table.wc-block-cart-items .wc-block-cart-items__header { border-bottom: none !important; } .twirion-checkout-summary-drawer .wp-block-woocommerce-checkout-order-summary-cart-items-block table.wc-block-cart-items .wc-block-cart-items__row { border-top: none !important; } .twirion-checkout-summary-drawer .wc-block-components-order-summary, .twirion-checkout-summary-drawer .wc-block-components-totals-wrapper, .twirion-checkout-summary-drawer .wc-block-components-totals-item, .twirion-checkout-summary-drawer .wc-block-components-panel, .twirion-checkout-summary-drawer .wc-block-components-checkout-order-summary__content, .twirion-checkout-summary-drawer [class*="order-summary"] { border: none !important; border-top: none !important; border-bottom: none !important; box-shadow: none !important; } body.twirion-checkout-summary-open .twirion-checkout-summary-backdrop { opacity: 1; visibility: visible; } body.twirion-checkout-summary-open .twirion-checkout-summary-drawer { transform: translateX(0); } body.twirion-checkout-summary-open { overflow: hidden; } @media (max-width: 999px) { .twirion-checkout-summary-bar { display: block; width: 100%; padding: 0 16px 12px; background: #272038; box-sizing: border-box; } .sticky-mobile-header .mobile-header-bar.sticky-mobile-on ~ .twirion-mobile-search-bar ~ .twirion-checkout-summary-bar, .sticky-mobile-header .mobile-header-bar.sticky-mobile-on ~ .twirion-checkout-summary-bar { position: sticky; top: 60px; z-index: 99989; } .twirion-checkout-summary-bar .twirion-shop-filters-bar__btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin: 0; padding: 10px 16px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 99px; background: transparent; color: #ffffff; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-size: 15px; font-weight: 600; line-height: 1.2; cursor: pointer; box-sizing: border-box; } .twirion-checkout-summary-bar .twirion-shop-filters-bar__btn:hover, .twirion-checkout-summary-bar .twirion-shop-filters-bar__btn:focus-visible { border-color: rgba(255, 255, 255, 0.45); outline: none; } body.twirion-checkout-summary-mobile .wc-block-checkout, body.twirion-checkout-summary-mobile .wp-block-woocommerce-checkout { display: block !important; width: 100% !important; max-width: 100% !important; } body.twirion-checkout-summary-mobile .wc-block-checkout__main { width: 100% !important; max-width: 100% !important; } body.twirion-checkout-summary-mobile #twirion-checkout-summary-placeholder { display: none !important; } /* Place order + Return to cart — только в Order summary (drawer), не в main */ body.twirion-checkout-summary-mobile .wc-block-checkout__main .wp-block-woocommerce-checkout-actions-block, body.twirion-checkout-summary-mobile .wc-block-checkout__main .wc-block-checkout__actions, body.twirion-checkout-summary-mobile .twirion-checkout-actions--hidden-main { display: none !important; } body.twirion-checkout-summary-mobile .twirion-checkout-summary-drawer__content .wp-block-woocommerce-checkout-actions-block, body.twirion-checkout-summary-mobile .twirion-checkout-summary-drawer__content .wc-block-checkout__actions, body.twirion-checkout-summary-mobile .wc-block-checkout__sidebar.twirion-checkout-summary-sidebar--drawer .wp-block-woocommerce-checkout-actions-block, body.twirion-checkout-summary-mobile .wc-block-checkout__sidebar.twirion-checkout-summary-sidebar--drawer .wc-block-checkout__actions { display: block !important; width: 100% !important; max-width: 100% !important; } } @media (min-width: 1000px) { .twirion-checkout-summary-bar, .twirion-checkout-summary-backdrop, .twirion-checkout-summary-drawer { display: none !important; } body.twirion-checkout-summary-open { overflow: visible; } } /* --- Announcement + trust bars --- */ .sdk-ann-item { color: #ffffff !important; } @media (max-width: 767px) { .sdk-announcement-bar { --ann-font-size: 12px; --ann-gap: 20px; } .sdk-header-trust-bar .sdk-container { flex-wrap: wrap; justify-content: center; gap: 6px 10px; font-size: 12px; padding-top: 8px; padding-bottom: 8px; } .sdk-footer-trust-bar .sdk-payment-icons { flex-wrap: wrap; justify-content: center; gap: 10px; } .sdk-footer-trust-bar .sdk-footer-text { font-size: 13px; text-align: center; } } /* --- Footer mobile: sdk-main-copy/index.html --- */ @media (max-width: 992px) { .footer .widget { width: 100%; } #footer > .wf-wrap, #footer #bottom-bar > .wf-wrap { width: 100% !important; max-width: 100% !important; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box; } #footer .wf-container { display: flex; flex-direction: column; gap: 28px; margin: 0 !important; } #footer .wf-cell.wf-1-5 { width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; } #footer .wf-container-footer { padding-top: 50px; padding-bottom: 15px; } #footer .widget-title { margin-bottom: 10px; } .footer-overlap .footer { position: relative !important; bottom: auto !important; left: 0 !important; width: 100% !important; } .footer-overlap .page-inner { margin-bottom: 0 !important; } .sdk-footer-trust-bar { padding: 20px 0; } .sdk-footer-trust-bar .sdk-container { padding-left: 20px; padding-right: 20px; } } @media (max-width: 778px) { #footer .wf-container-footer { padding-top: 50px; padding-bottom: 15px; } #footer > .wf-wrap, #footer #bottom-bar > .wf-wrap { padding-left: 20px !important; padding-right: 20px !important; } } /* --- WC catalog layout <1000: twirion-wc-catalog-layout.css --- */ /* --- Catalog product grid: каждая .wf-cell — отдельный grid-элемент --- */ .twirion-wc-main .wc-grid.dt-products, .twirion-wc-main .woo-hover.products.loading-effect-none.wc-grid { display: block !important; width: 100% !important; max-width: 100% !important; } .twirion-wc-main .wc-grid .dt-css-grid, .twirion-wc-main .woo-hover.products.loading-effect-none .dt-css-grid, .twirion-wc-main .wc-grid.resize-by-browser-width .dt-css-grid { --tw-product-grid-gap: 16px; --tw-product-grid-cols: 1; --tw-product-col-width: calc( (100% - (var(--tw-product-grid-cols) - 1) * var(--tw-product-grid-gap)) / var(--tw-product-grid-cols) ); display: grid !important; grid-template-columns: repeat( var(--tw-product-grid-cols), minmax(0, var(--tw-product-col-width)) ) !important; gap: var(--tw-product-grid-gap) !important; width: 100% !important; max-width: 100% !important; flex-wrap: unset !important; justify-content: stretch !important; } @media (min-width: 500px) { .twirion-wc-main .wc-grid .dt-css-grid, .twirion-wc-main .woo-hover.products.loading-effect-none .dt-css-grid, .twirion-wc-main .wc-grid.resize-by-browser-width .dt-css-grid { --tw-product-grid-cols: 2; } } @media (min-width: 1100px) { .twirion-wc-main .wc-grid .dt-css-grid, .twirion-wc-main .woo-hover.products.loading-effect-none .dt-css-grid, .twirion-wc-main .wc-grid.resize-by-browser-width .dt-css-grid { --tw-product-grid-cols: 3; } } .twirion-wc-main .wc-grid .dt-css-grid .wf-cell, .twirion-wc-main .woo-hover.products.loading-effect-none .dt-css-grid .wf-cell { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0; left: auto !important; top: auto !important; position: relative !important; padding: 0 !important; margin: 0 !important; opacity: 1 !important; visibility: visible !important; } /* Catalog grid: equal .product-title height per row (CSS subgrid) */ @supports (grid-template-rows: subgrid) { .twirion-wc-main .wc-grid .dt-css-grid .wf-cell, .twirion-wc-main .woo-hover.products.loading-effect-none.wc-grid .dt-css-grid .wf-cell, .home__product-items .woo-hover.products.loading-effect-none .wf-cell, .home .woo-hover.products.loading-effect-none:not(.wc-grid) .wf-cell, .twirion-new-arrivals .woo-hover.products .wf-cell, .related-product.woo-hover.products > li { display: grid !important; grid-template-rows: subgrid; grid-row: span 3; box-sizing: border-box; } .twirion-wc-main .wc-grid .dt-css-grid .wf-cell, .twirion-wc-main .woo-hover.products.loading-effect-none.wc-grid .dt-css-grid .wf-cell, .home__product-items .woo-hover.products.loading-effect-none .wf-cell, .home .woo-hover.products.loading-effect-none:not(.wc-grid) .wf-cell, .twirion-new-arrivals .woo-hover.products .wf-cell { border: 1px solid var(--sdk-border); border-radius: 25px; padding: 15px !important; overflow: visible; } .twirion-wc-main .wc-grid .dt-css-grid .wf-cell > .product-block, .twirion-wc-main .woo-hover.products.loading-effect-none.wc-grid .dt-css-grid .wf-cell > .product-block, .home__product-items .woo-hover.products.loading-effect-none .wf-cell > .product-block, .home .woo-hover.products.loading-effect-none:not(.wc-grid) .wf-cell > .product-block, .twirion-new-arrivals .woo-hover.products .wf-cell > .product-block, .related-product.woo-hover.products > li.product-block { display: contents; border: none; padding: 0; margin: 0; min-height: 0; } .twirion-wc-main .woo-hover .product-details, .related-product.woo-hover.products .product-details { display: contents; } .twirion-wc-main .woo-hover .product-title, .home .product-title, .related-product.woo-hover.products .product-title { margin-top: 10px; margin-bottom: 10px; align-self: start; } .twirion-wc-main .woo-hover .product-footer, .home .product-footer, .related-product.woo-hover.products .product-footer { margin-top: 0; align-self: end; } } /* Home / related — ширина колонок от контейнера (100% − gaps) / cols */ .home__product-items .woo-hover.products.loading-effect-none, .home .woo-hover.products.loading-effect-none:not(.wc-grid), .twirion-new-arrivals .woo-hover.products.loading-effect-none, .related-product.woo-hover.products, .twirion-new-arrivals .woocommerce ul.products { --tw-product-grid-gap: 16px; --tw-product-grid-cols: 1; --tw-product-col-width: calc( (100% - (var(--tw-product-grid-cols) - 1) * var(--tw-product-grid-gap)) / var(--tw-product-grid-cols) ); box-sizing: border-box; display: grid !important; grid-template-columns: repeat( var(--tw-product-grid-cols), minmax(0, var(--tw-product-col-width)) ) !important; gap: var(--tw-product-grid-gap) !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } @media (min-width: 500px) { .home__product-items .woo-hover.products.loading-effect-none, .home .woo-hover.products.loading-effect-none:not(.wc-grid), .twirion-new-arrivals .woo-hover.products.loading-effect-none, .related-product.woo-hover.products, .twirion-new-arrivals .woocommerce ul.products { --tw-product-grid-cols: 2; } } @media (min-width: 1100px) { .home__product-items .woo-hover.products.loading-effect-none, .home .woo-hover.products.loading-effect-none:not(.wc-grid), .twirion-new-arrivals .woo-hover.products.loading-effect-none, .related-product.woo-hover.products, .twirion-new-arrivals .woocommerce ul.products { --tw-product-grid-cols: 3; } } body.home .home__product-items, body.page-template-template-sdk-home .home__product-items { display: block !important; flex-wrap: unset !important; justify-content: unset !important; width: 100% !important; max-width: 100% !important; } .home__product-items .woo-hover.products.loading-effect-none .wf-cell, .home .woo-hover.products.loading-effect-none:not(.wc-grid) .wf-cell, .twirion-new-arrivals .woo-hover.products .wf-cell, .related-product.woo-hover.products .wf-cell, .home__product-items .woo-hover.products.loading-effect-none .wf-cell.iso-item.visible.shown, .home .woo-hover.products.loading-effect-none:not(.wc-grid) .wf-cell.iso-item.visible.shown, .twirion-new-arrivals .woocommerce ul.products > li { width: 100% !important; max-width: 100% !important; min-width: 0 !important; left: auto !important; top: auto !important; position: relative !important; padding: 0 !important; margin: 0 !important; float: none !important; } body.home .home__product-item, body.page-template-template-sdk-home .home__product-item { width: 100% !important; max-width: 100% !important; } .twirion-wc-main .woo-hover .product-block, .home .product-block, .twirion-new-arrivals .product-block, .related-product .product-block { width: 100% !important; max-width: 100%; margin: 0 !important; } .twirion-wc-main .woo-hover .product-image-wrapper img, .home .product-image-wrapper img, .twirion-new-arrivals .product-image-wrapper img, .related-product .product-image-wrapper img { width: 100% !important; max-width: 100%; height: auto !important; aspect-ratio: 1 / 1; object-fit: cover; } @media (max-width: 767px) { .twirion-wc-main .woo-hover .product-block, .home .product-block { padding: 10px; border-radius: 16px; } .twirion-wc-main .woo-hover .product-title, .home .product-title { font-size: 14px; line-height: 1.25; } .twirion-wc-main .woo-hover .price-whole, .home .price-whole { font-size: 20px; line-height: 1.2; } .twirion-wc-main .woo-hover .add-to-cart-button, .home .add-to-cart-button { width: 100%; } .twirion-wc-main .woo-hover .add-to-cart-button a, .home .add-to-cart-button a { width: 100%; padding: 8px 12px; font-size: 12px; min-height: 32px; } } /* Сброс isotope-хаков на главной */ @media (max-width: 767px) { .home .wf-cell:nth-child(2n+1), .home .wf-cell:nth-child(2n+2), .wf-cell:nth-child(2n+1), .wf-cell:nth-child(2n+2) { left: auto !important; position: relative !important; } } /* --- Home hero / categories: sdk-main-copy/index.html --- */ body.home #main, body.twirion-sdk-home #main { padding: 0 0 70px 0; } /* #main > .wf-wrap width: assets/css/twirion-layout.css */ /* --- Single product --- */ @media (max-width: 991px) { .twirion-product-top { display: flex; flex-direction: column; gap: 24px; } .product-actions { flex-wrap: wrap; } .twirion-wishlist-toggle--pill { width: 100%; min-width: 0; } } /* --- Cart / checkout / account --- */ @media (max-width: 991px) { .twirion-wc-cart-layout, .woocommerce-checkout .col2-set, .twirion-wc-account-layout { flex-direction: column; } } /* --- Breadcrumbs: mobile — twirion-layout.css --- */ @media (max-width: 767px) { .twirion-page-title.page-title, .twirion-wc-page-title.page-title { padding-top: 25px; padding-bottom: 0; } .twirion-page-title .breadcrumbs, .twirion-wc-page-title .breadcrumbs { font-size: 12px; line-height: 1.4; word-break: break-word; } } /* ===== twirion-admin.css ===== */ /** * Twirion — оформление экранов в консоли WordPress (не фронт сайта). */ .twirion-admin { max-width: none; margin-bottom: 32px; } .twirion-admin > h1 { margin-bottom: 8px; padding-bottom: 0; } .twirion-admin > .description, .twirion-admin > p.description { margin: 0 0 20px; font-size: 13px; line-height: 1.5; color: #646970; } .twirion-admin > hr { margin: 24px 0; border: none; border-top: 1px solid #dcdcde; } /* Карточки и панели */ .twirion-admin-card, .twirion-admin .twirion-admin-card { background: #fff; border: 1px solid #c3c4c7; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); padding: 16px 20px 20px; margin: 0 0 20px; } .twirion-admin-card--flat { box-shadow: none; } .twirion-admin-panel { background: #fff; border: 1px solid #c3c4c7; border-radius: 4px; padding: 14px 18px; margin: 0 0 16px; } .twirion-admin-panel__title { margin: 0 0 12px; font-size: 13px; font-weight: 600; color: #1d2327; } /* form-table внутри карточки */ .twirion-admin .form-table th { width: 200px; padding: 16px 12px 16px 0; font-weight: 600; color: #1d2327; vertical-align: top; } .twirion-admin .form-table td { padding: 12px 0 16px; vertical-align: top; } .twirion-admin .form-table tr { border-bottom: 1px solid #f0f0f1; } .twirion-admin .form-table tr:last-child { border-bottom: none; } .twirion-admin .submit { margin-top: 4px; padding-top: 0; } /* Строки полей (подвал, меню) */ .twirion-tsl-scope .tw-tsl { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 16px; margin: 0 0 14px; max-width: 100%; } .twirion-tsl-scope .tw-tsl:last-child { margin-bottom: 0; } .twirion-tsl-scope .tw-tsl__lab { flex: 0 1 220px; margin: 6px 0 0; font-weight: 600; color: #1d2327; line-height: 1.4; } .twirion-tsl-scope .tw-tsl__rowlab { flex: 0 0 2.75rem; margin: 8px 0 0; color: #646970; font-size: 12px; font-variant-numeric: tabular-nums; } .twirion-tsl-scope .tw-tsl__ctl { flex: 1 1 280px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; min-width: 0; } .twirion-tsl-scope .tw-tsl__ctl input.regular-text, .twirion-tsl-scope .tw-tsl__ctl input.large-text { min-width: 12rem; max-width: 100%; } .twirion-tsl-scope .tw-tsl__ctl .description { flex: 1 1 100%; margin: 4px 0 0; } /* Аккордеоны меню */ .tw-theme-menus-edit .tw-menu-acc, .twirion-admin details.twirion-admin-details { border: 1px solid #c3c4c7; border-radius: 4px; margin: 0 0 12px; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .tw-theme-menus-edit .tw-menu-acc__sum, .twirion-admin details.twirion-admin-details > summary { padding: 12px 16px; cursor: pointer; font-weight: 600; font-size: 13px; list-style: none; display: flex; align-items: center; gap: 8px; color: #1d2327; user-select: none; } .tw-theme-menus-edit .tw-menu-acc__sum::-webkit-details-marker, .twirion-admin details.twirion-admin-details > summary::-webkit-details-marker { display: none; } .tw-theme-menus-edit .tw-menu-acc__sum::before, .twirion-admin details.twirion-admin-details > summary::before { content: ''; display: inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #50575e; transition: transform 0.15s ease; flex-shrink: 0; } .tw-theme-menus-edit .tw-menu-acc[open] > .tw-menu-acc__sum::before, .twirion-admin details.twirion-admin-details[open] > summary::before { transform: rotate(90deg); } .tw-theme-menus-edit .tw-menu-acc__body, .twirion-admin details.twirion-admin-details > .twirion-admin-details__body { padding: 0 16px 16px; border-top: 1px solid #f0f0f1; } .tw-theme-menus-edit.twirion-admin { max-width: none; } /* Перебивает forms.css из load-styles.php (width: 99% у .large-text). */ body.twirion-admin-screen .tw-theme-menus-edit input.large-text, body.twirion-admin-screen .tw-theme-menus-edit textarea.large-text { width: 100%; max-width: 25rem; box-sizing: border-box; } body.twirion-admin-screen .tw-theme-menus-edit.twirion-tsl-scope .tw-tsl__ctl input.regular-text, body.twirion-admin-screen .tw-theme-menus-edit.twirion-tsl-scope .tw-tsl__ctl input.large-text { width: 100%; max-width: 25rem; min-width: 12rem; } .tw-theme-menus-edit .tw-nav-slot-hint { margin: 0 0 14px; max-width: 52rem; } .tw-theme-menus-edit .tw-nav-rows { display: flex; flex-direction: column; gap: 12px; margin: 0; } .tw-theme-menus-edit .tw-nav-row { border: 1px solid #dcdcde; border-radius: 4px; background: #f6f7f7; padding: 12px 14px 14px; } .tw-theme-menus-edit .tw-nav-row__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 10px; padding-bottom: 8px; border-bottom: 1px solid #dcdcde; } .tw-theme-menus-edit .tw-nav-row__num { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; color: #50575e; } .tw-theme-menus-edit .tw-nav-row-del.button-link { color: #b32d2e; text-decoration: none; font-size: 13px; padding: 0; min-height: 0; line-height: 1.4; } .tw-theme-menus-edit .tw-nav-row-del.button-link:hover { color: #8a2424; } .tw-theme-menus-edit .tw-nav-row-del.button-link:disabled { color: #a7aaad; cursor: not-allowed; } .tw-theme-menus-edit .tw-nav-row__fields { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; gap: 12px; margin: 0; } .tw-theme-menus-edit .tw-nav-field { display: flex; flex-direction: column; flex: 1 1 12rem; min-width: min(100%, 12rem); margin: 0; padding: 10px 12px; background: #fff; border: 1px solid #dcdcde; border-radius: 3px; box-sizing: border-box; } .tw-theme-menus-edit .tw-nav-field--title { flex: 0 1 11rem; max-width: 14rem; } .tw-theme-menus-edit .tw-nav-field--url { flex: 1 1 16rem; min-width: min(100%, 16rem); } .tw-theme-menus-edit .tw-nav-field__label { display: block; margin: 0 0 8px; font-size: 12px; font-weight: 600; color: #1d2327; line-height: 1.3; } .tw-theme-menus-edit .tw-nav-field__body { display: flex; flex-direction: column; flex: 1 1 auto; gap: 6px; min-width: 0; } body.twirion-admin-screen .tw-theme-menus-edit .tw-nav-field__body input.large-text, body.twirion-admin-screen .tw-theme-menus-edit .tw-nav-field__body .tw-nav-page-pick { width: 100%; max-width: 25rem; margin: 0; box-sizing: border-box; } .tw-theme-menus-edit .tw-nav-page-pick { min-width: 0; } .tw-theme-menus-edit .tw-nav-url-hint { display: block; margin: 0; font-size: 11px; line-height: 1.35; color: #646970; } .tw-theme-menus-edit .tw-nav-rows-toolbar { margin: 4px 0 0; padding-top: 4px; } .tw-theme-menus-edit ul.twirion-help-list { margin: 8px 0 0; padding-left: 1.2em; max-width: 56rem; line-height: 1.5; color: #50575e; } .tw-theme-menus-edit ul.twirion-help-list li { margin: 6px 0; } .tw-theme-menus-edit .twirion-admin-inline-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; } .tw-theme-menus-edit details.twirion-admin-notice-box { border: 1px solid #c3c4c7; border-radius: 4px; padding: 0; margin: 0 0 20px; background: #f6f7f7; box-shadow: none; } .tw-theme-menus-edit details.twirion-admin-notice-box > summary { padding: 12px 16px; cursor: pointer; font-weight: 600; list-style: none; color: #1d2327; } .tw-theme-menus-edit details.twirion-admin-notice-box > summary::-webkit-details-marker { display: none; } .tw-theme-menus-edit details.twirion-admin-notice-box__body { padding: 0 16px 16px; border-top: 1px solid #dcdcde; } .tw-theme-menus-edit .tw-nav-from-theme-label { display: block; margin: 0 0 12px; line-height: 1.45; } .tw-theme-menus-edit .tw-nav-from-theme-label input { margin-right: 6px; } .twirion-admin .twirion-admin-section-title { margin: 24px 0 8px; font-size: 14px; font-weight: 600; } .twirion-admin-col--id { width: 8rem; } .twirion-admin-col--date { width: 11rem; } .twirion-admin-col--status { width: 12rem; } .twirion-admin-col--action { width: 10rem; } .twirion-radio-row { display: block; margin: 0 0 6px; font-weight: 600; } .twirion-form-submit-mode-fieldset .description { margin: 0 0 14px 22px; } /* Шрифты */ .tw-theme-fonts-wrap .tw-font-family-card { border: 1px solid #c3c4c7; border-radius: 4px; background: #fff; padding: 16px 18px; margin: 0 0 12px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .tw-theme-fonts-wrap .tw-font-family-card__toolbar { text-align: right; margin: 0 0 8px; } .tw-theme-fonts-wrap .tw-font-family-card__lbl { display: block; margin: 0 0 10px; font-weight: 600; color: #1d2327; } .tw-theme-fonts-wrap .tw-font-family-card__lbl input { display: block; margin-top: 6px; font-weight: 400; width: 100%; max-width: 28rem; } .tw-theme-fonts-wrap .tw-font-family-summary { margin: 8px 0 0; line-height: 1.5; color: #50575e; font-size: 13px; } .tw-theme-fonts-wrap .tw-font-family-variants { margin-top: 10px; display: flex; flex-direction: column; gap: 4px; color: #646970; font-size: 12px; } .tw-theme-fonts-wrap .tw-font-variant-meta { display: block; font-variant-numeric: tabular-nums; padding: 4px 8px; background: #f6f7f7; border-radius: 3px; } .tw-font-add-modal { position: fixed; inset: 0; z-index: 100100; display: none; align-items: center; justify-content: center; padding: 24px; } .tw-font-add-modal[hidden] { display: none !important; } .tw-font-add-modal.is-open { display: flex !important; } .tw-font-add-modal__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); } .tw-font-add-modal__panel { position: relative; z-index: 1; width: min(100%, 520px); max-height: min(90vh, 640px); overflow: auto; background: #fff; border: 1px solid #c3c4c7; border-radius: 6px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); padding: 20px 22px 24px; } .tw-font-add-modal__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin: 0 0 16px; } .tw-font-add-modal__head h2 { margin: 0; font-size: 18px; line-height: 1.3; } .tw-font-add-modal__close { border: 0; background: transparent; font-size: 24px; line-height: 1; cursor: pointer; color: #646970; padding: 0 4px; } .tw-font-add-modal__choices { display: grid; gap: 10px; margin-top: 12px; } .tw-font-add-modal__choices .button-hero { display: flex; flex-direction: column; align-items: flex-start; text-align: left; height: auto; padding: 14px 16px; white-space: normal; } .tw-font-add-modal__choice-title { display: block; font-size: 14px; font-weight: 600; margin-bottom: 4px; } .tw-font-add-modal__search-label { display: block; margin: 0 0 8px; } .tw-font-add-modal__search-label input { width: 100%; max-width: none; } .tw-font-add-modal__search-hint { margin: 0 0 10px; } .tw-font-add-modal__status { min-height: 1.25em; margin: 0 0 8px; font-size: 13px; color: #646970; } .tw-font-add-modal__results { margin: 0; padding: 0; list-style: none; max-height: min(52vh, 420px); overflow: auto; border: 1px solid #dcdcde; border-radius: 4px; background: #fff; } .tw-font-add-modal__results li { margin: 0; border-bottom: 1px solid #f0f0f1; } .tw-font-add-modal__results li:last-child { border-bottom: 0; } .tw-font-add-modal__results .button-link { display: block; width: 100%; text-align: left; padding: 10px 12px; font-size: 14px; } .tw-font-add-modal__results .button-link:hover { background: #f6f7f7; } /* Превью настроек */ .twirion-theme-live-preview-stage { margin: 0 0 24px; } .twirion-theme-live-preview-stage__head { margin: 0 0 12px; } .twirion-theme-live-preview-stage__head h2 { margin: 0; font-size: 14px; font-weight: 600; color: #1d2327; } .twirion-theme-preview-resize-hint { margin: 0 0 8px; font-size: 12px; } .twirion-theme-preview-viewport-shell { box-sizing: border-box; display: flex; flex-direction: column; width: 100%; min-width: 280px; max-width: none; min-height: 140px; max-height: min(90vh, 960px); border: 1px solid #c3c4c7; border-radius: 4px; background: #1d2327; padding: 12px; overflow: hidden; resize: both; cursor: nwse-resize; } .twirion-theme-preview-viewport-shell:focus { outline: 2px solid #2271b1; outline-offset: 2px; } .twirion-theme-preview-viewport-inner { flex: 1 1 auto; display: flex; flex-direction: column; width: 100%; min-width: 0; min-height: 0; height: 100%; } .twirion-theme-preview-iframe { display: block; flex: 1 1 auto; width: 100% !important; max-width: none !important; height: 100% !important; min-height: 100%; margin: 0; border: 0; border-radius: 2px; background: #0f0103; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35); } .twirion-theme-live-preview-stage > .description { margin: 10px 0 0; font-size: 12px; color: #646970; } /* Заявки */ .twirion-leads-admin .twirion-leads-back { margin: 0 0 12px; } .twirion-leads-admin .twirion-leads-back a { text-decoration: none; font-size: 13px; } .twirion-leads-admin .twirion-leads-back a:hover { text-decoration: underline; } .twirion-leads-admin .lead-heading { margin: 0 0 4px; font-size: 23px; line-height: 1.3; } .twirion-leads-admin.twirion-admin > h2 { margin: 24px 0 10px; padding: 0; font-size: 14px; font-weight: 600; } .twirion-leads-admin .twirion-admin-lead-meta { margin: 0 0 20px; } .twirion-admin-table-wrap { margin: 0 0 16px; border: 1px solid #c3c4c7; border-radius: 4px; overflow: hidden; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .twirion-admin-table-wrap .widefat { border: none; box-shadow: none; margin: 0; } .twirion-admin-table-wrap .widefat thead th { font-weight: 600; background: #f6f7f7; border-bottom: 1px solid #c3c4c7; } .twirion-admin-table-wrap .widefat td { vertical-align: middle; } .twirion-lead-status { font-weight: 600; font-size: 13px; } .twirion-lead-status.is-unviewed { color: #d63638; } .twirion-lead-status.is-viewed { color: #00a32a; } .twirion-admin-badge { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 12px; font-weight: 500; line-height: 1.4; } .twirion-admin-badge--ok { background: #edfaef; color: #007017; } .twirion-admin-badge--muted { background: #f0f0f1; color: #646970; } .twirion-admin-badge--err { background: #fcf0f1; color: #8a2424; } .twirion-admin-badge--warn { background: #fff8e5; color: #8a6d00; } .twirion-leads-admin .lead-message.box { padding: 14px 16px; background: #fff; border: 1px solid #c3c4c7; border-radius: 4px; max-width: 720px; margin: 0; line-height: 1.55; font-size: 14px; } .twirion-leads-admin .twirion-lead-status-form { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 20px; max-width: 28rem; } .twirion-leads-admin .twirion-lead-status-form label { margin: 0; font-weight: 600; } .twirion-leads-admin .twirion-lead-status-form select { margin: 0; min-width: 12rem; } .twirion-admin-dl-group { margin: 0 0 16px; } .twirion-admin-dl-group:last-child { margin-bottom: 0; } .twirion-admin-dl-group__title { margin: 0 0 10px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; color: #646970; } .twirion-admin-dl { display: grid; grid-template-columns: minmax(9rem, 11rem) 1fr; gap: 6px 20px; margin: 0; font-size: 13px; } .twirion-admin-dl dt { margin: 0; color: #50575e; font-weight: 500; } .twirion-admin-dl dd { margin: 0; color: #1d2327; word-break: break-word; } .twirion-lead-utm-details { margin-top: 20px; max-width: none; border: 1px solid #c3c4c7; border-radius: 4px; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .twirion-lead-utm-details > summary { padding: 12px 16px; cursor: pointer; font-weight: 600; font-size: 13px; list-style: none; color: #1d2327; } .twirion-lead-utm-details > summary::-webkit-details-marker { display: none; } .twirion-lead-utm-details__body { padding: 4px 16px 16px; border-top: 1px solid #f0f0f1; } .twirion-admin-meta-list { margin: 0; padding: 0; list-style: none; } .twirion-admin-meta-list li { margin: 0 0 10px; font-size: 14px; line-height: 1.5; } .twirion-admin-meta-list li:last-child { margin-bottom: 0; } .twirion-admin-meta-list strong { color: #1d2327; margin-right: 4px; } /* Метабокс страницы */ #twirion_visual_duplicate .inside { margin: 0; padding-top: 0; } #twirion_visual_duplicate .twirion-admin-metabox-actions { margin: 12px 0 0; } #twirion_visual_duplicate .twirion-admin-metabox-actions .button { width: 100%; text-align: center; justify-content: center; box-sizing: border-box; margin-bottom: 8px; } #twirion_visual_duplicate .twirion-admin-metabox-actions .button:last-child { margin-bottom: 0; } .misc-pub-section.twirion-visual-duplicate-submit { padding-top: 10px; border-top: 1px solid #dcdcde; margin-top: 10px; } .misc-pub-section.twirion-visual-duplicate-submit .button, .misc-pub-section.twirion-visual-measure-submit .button { width: 100%; text-align: center; justify-content: center; box-sizing: border-box; } .misc-pub-section.twirion-visual-measure-submit { padding-top: 6px; } /* Пагинация */ .twirion-admin .tablenav { margin-top: 12px; height: auto; } .twirion-admin .tablenav .tablenav-pages { float: none; margin: 0; } .twirion-admin-leads-total { margin-top: 16px; } /* Управление картинками */ .twirion-images-admin .twirion-images-tabs { margin: 16px 0 0; } .twirion-images-admin .twirion-images-panel { margin-top: 16px; } .twirion-images-table .twirion-images-url { word-break: break-all; max-width: 420px; } .twirion-images-table .twirion-images-thumb { width: 80px; } .twirion-admin-col--check { width: 36px; } /* Вкладка «Сжатие» — светлая палитра как у «Неиспользуемые» / «Битые» */ .twirion-images-admin { --twirion-img-blue: #2271b1; --twirion-img-blue-mid: #4f8cff; --twirion-img-blue-bg: #f0f6ff; --twirion-img-blue-bg-soft: #e8f1fc; --twirion-img-blue-border: #c5d9f5; --twirion-img-text: #1d2327; --twirion-img-muted: #646970; --twirion-img-soft: #50575e; --twirion-img-card: #ffffff; --twirion-img-radius: 4px; --twirion-img-radius-inner: 8px; } .twirion-images-admin .twirion-admin-card.twirion-images-compress { background: linear-gradient(165deg, var(--twirion-img-blue-bg) 0%, #ffffff 42%, #ffffff 100%); border: 1px solid #c3c4c7; border-radius: var(--twirion-img-radius); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); color: var(--twirion-img-text); padding: 16px 20px 20px; } .twirion-images-compress .twirion-compress-steps { margin: 0 0 16px 18px; color: var(--twirion-img-soft); font-size: 13px; line-height: 1.55; } .twirion-images-compress .twirion-compress-steps li { margin-bottom: 6px; } .twirion-images-compress .twirion-compress-steps strong { color: var(--twirion-img-text); font-weight: 600; } .twirion-images-compress .notice { border-radius: var(--twirion-img-radius); margin: 0 0 14px; } .twirion-images-compress .notice p { margin: 0.6em 0; color: var(--twirion-img-text); } .twirion-images-compress .twirion-compress-actions { margin-top: 18px; display: flex; flex-direction: column; gap: 20px; } .twirion-images-compress .twirion-compress-subform { padding: 14px 16px; border-radius: var(--twirion-img-radius-inner); border: 1px solid var(--twirion-img-blue-border); background: linear-gradient(135deg, var(--twirion-img-blue-bg-soft) 0%, #ffffff 100%); color: var(--twirion-img-soft); } .twirion-images-compress .twirion-compress-subform .description { color: var(--twirion-img-muted); } .twirion-images-compress .twirion-compress-ack { display: flex; align-items: center; justify-content: start; gap: 8px; margin: 12px 0; font-size: 13px; color: var(--twirion-img-text); cursor: pointer; } .twirion-images-compress .twirion-compress-ack input[type='checkbox'] { margin: 0; flex-shrink: 0; } .twirion-images-compress .twirion-images-path { font-size: 11px; word-break: break-all; max-width: 280px; color: var(--twirion-img-muted); } .twirion-images-compress .twirion-compress-toolbar { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px 14px; margin-bottom: 12px; align-items: end; padding: 14px 16px; border-radius: var(--twirion-img-radius-inner); border: 1px solid var(--twirion-img-blue-border); background: linear-gradient(120deg, var(--twirion-img-blue-bg) 0%, #f6f7f7 100%); } @media (max-width: 900px) { .twirion-images-compress .twirion-compress-toolbar { grid-template-columns: minmax(0, 1fr); } } .twirion-images-compress .twirion-compress-toolbar label { display: block; font-size: 11px; font-weight: 600; color: var(--twirion-img-text); margin-bottom: 4px; } .twirion-images-compress .twirion-compress-toolbar .regular-text, .twirion-images-compress .twirion-compress-toolbar select { width: 100%; max-width: none; border-radius: 4px; padding: 6px 10px; background: var(--twirion-img-card); border: 1px solid #8c8f94; color: var(--twirion-img-text); box-shadow: none; } .twirion-images-compress .twirion-compress-toolbar .regular-text::placeholder { color: var(--twirion-img-muted); } .twirion-images-compress .twirion-compress-toolbar__target { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; } .twirion-images-compress .twirion-compress-target-limit { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-weight: 500; white-space: nowrap; } .twirion-images-compress .twirion-compress-toolbar__target .description { margin: 0; } .twirion-images-compress .twirion-compress-list-meta { margin: 0 0 10px; font-size: 12px; color: var(--twirion-img-muted); } .twirion-images-compress .twirion-compress-list-meta strong { color: var(--twirion-img-text); } .twirion-images-compress .twirion-compress-list-meta a { color: var(--twirion-img-blue); } .twirion-images-compress .twirion-compress-list-meta a:hover { color: var(--twirion-img-blue-mid); } .twirion-images-compress .twirion-compress-scroll { max-height: min(52vh, 520px); overflow: auto; border-radius: var(--twirion-img-radius-inner); border: 1px solid var(--twirion-img-blue-border); background: #f6f7f7; padding: 10px; } .twirion-images-compress .twirion-compress-scroll::-webkit-scrollbar { width: 8px; height: 8px; } .twirion-images-compress .twirion-compress-scroll::-webkit-scrollbar-thumb { background: #c5d9f5; border-radius: 4px; } .twirion-images-compress .twirion-compress-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 8px; } .twirion-images-compress .twirion-compress-item { display: grid; grid-template-columns: auto 72px minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px 12px; border-radius: var(--twirion-img-radius-inner); border: 1px solid #dcdcde; background: var(--twirion-img-card); color: var(--twirion-img-text); cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .twirion-images-compress .twirion-compress-item:hover { border-color: var(--twirion-img-blue-border); box-shadow: 0 2px 8px rgba(34, 113, 177, 0.12); } .twirion-images-compress .twirion-compress-item.is-selected { border-color: var(--twirion-img-blue); box-shadow: 0 0 0 1px rgba(34, 113, 177, 0.35), 0 2px 10px rgba(79, 140, 255, 0.2); } .twirion-images-compress .twirion-compress-item.is-filtered-out { display: none; } .twirion-images-compress .twirion-compress-cb { accent-color: var(--twirion-img-blue); } .twirion-images-compress .twirion-compress-item__thumb { display: block; width: 72px; height: 72px; border-radius: 4px; overflow: hidden; background: #f0f0f1; border: 1px solid #dcdcde; flex-shrink: 0; } .twirion-images-compress .twirion-compress-item__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .twirion-images-compress .twirion-compress-item__body { min-width: 0; display: flex; flex-direction: column; gap: 3px; } .twirion-images-compress .twirion-compress-item__title { font-size: 13px; font-weight: 600; color: var(--twirion-img-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .twirion-images-compress .twirion-compress-item__meta { font-size: 10px; color: var(--twirion-img-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .twirion-images-compress .twirion-compress-item__meta.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; } .twirion-images-compress .twirion-compress-item__row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; } .twirion-images-compress .twirion-compress-item__row .description { color: var(--twirion-img-muted); font-size: 11px; } .twirion-images-compress .twirion-admin-badge { background: #f0f0f1; color: var(--twirion-img-soft); } .twirion-images-compress .twirion-admin-badge--ok { background: #edfaef; color: #007017; } .twirion-images-compress .twirion-compress-empty { margin: 24px 8px; text-align: center; font-size: 13px; color: var(--twirion-img-muted); } .twirion-images-compress .twirion-compress-empty.is-hidden { display: none; } .twirion-images-compress .button.button-primary, .twirion-images-compress #twirion-compress-btn { background: var(--twirion-img-blue); border-color: #135e96; } .twirion-images-compress .button.button-primary:hover, .twirion-images-compress #twirion-compress-btn:hover { background: #135e96; border-color: #135e96; } /* Модалка перед загрузкой в медиатеку */ .twirion-upload-optimize-modal { position: fixed; inset: 0; z-index: 100150; display: flex; align-items: center; justify-content: center; padding: 24px; } .twirion-upload-optimize-modal[hidden] { display: none !important; } .twirion-upload-optimize-modal__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); } .twirion-upload-optimize-modal__panel--preupload { width: min(100%, 640px); } .twirion-upload-optimize-modal__panel { position: relative; z-index: 1; width: min(100%, 520px); max-height: min(90vh, 640px); overflow: auto; padding: 20px 22px 22px; border: 1px solid #c3c4c7; border-radius: 8px; background: linear-gradient(165deg, #f0f6ff 0%, #ffffff 38%, #ffffff 100%); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2); color: #1d2327; } .twirion-upload-optimize-modal__title { margin: 0 0 10px; font-size: 18px; font-weight: 600; color: #1d2327; } .twirion-upload-optimize-modal__intro { margin: 0 0 12px; color: #50575e; } .twirion-upload-optimize-type-files { font-size: 12px; color: #50575e; word-break: break-word; } .twirion-upload-optimize-type-format { min-width: 8rem; } .twirion-upload-optimize-modal__table-wrap { margin: 0 0 12px; max-height: min(40vh, 320px); overflow: auto; border: 1px solid #c3c4c7; border-radius: 4px; background: #fff; } .twirion-upload-optimize-table { margin: 0; } .twirion-upload-optimize-table th { font-weight: 600; color: #1d2327; } .twirion-upload-optimize-thumb img { display: block; width: 48px; height: 48px; object-fit: cover; border-radius: 4px; } .twirion-upload-optimize-resize-badge { display: inline-block; margin-left: 4px; padding: 1px 6px; border-radius: 3px; font-size: 11px; font-weight: 600; background: #e8f1fc; color: #135e96; } .twirion-upload-optimize-row-format { min-width: 8rem; } .twirion-upload-optimize-modal__summary { margin: 0 0 8px; font-weight: 600; color: #1d2327; } .twirion-upload-optimize-modal__results { margin: 0 0 12px 18px; padding: 0; max-height: 120px; overflow: auto; font-size: 12px; color: #50575e; } .twirion-upload-optimize-modal__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 8px; } .twirion-upload-optimize-modal__actions #twirion-upload-optimize-done:not([hidden]) { order: -1; } .twirion-upload-optimize-modal__link { margin-left: auto; font-size: 12px; } /* SEO-аудит */ .twirion-seo-audit-admin .twirion-admin-card { background: linear-gradient(165deg, #f0f6ff 0%, #ffffff 42%, #ffffff 100%); border: 1px solid #c3c4c7; color: #1d2327; } .twirion-seo-audit-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; margin: 0 0 20px; padding: 18px 20px; background: linear-gradient(165deg, #f0f6ff 0%, #ffffff 55%, #ffffff 100%); border: 1px solid #c5d9f5; border-radius: 8px; } .twirion-seo-audit-score { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 88px; padding: 12px 16px; border-radius: 50%; background: #fff; border: 3px solid #2271b1; box-shadow: 0 2px 12px rgba(34, 113, 177, 0.15); } .twirion-seo-audit-score__value { font-size: 28px; font-weight: 700; line-height: 1; color: #135e96; } .twirion-seo-audit-score__label { margin-top: 4px; font-size: 11px; font-weight: 600; color: #646970; text-align: center; } .twirion-seo-audit-stats { display: flex; flex-wrap: wrap; gap: 12px 20px; margin: 0; padding: 0; list-style: none; } .twirion-seo-audit-stats li { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #1d2327; } .twirion-seo-audit-tabs { margin-bottom: 16px; } .twirion-seo-audit-list { display: flex; flex-direction: column; gap: 12px; } .twirion-seo-audit-item { padding: 14px 16px; background: #fff; border: 1px solid #dcdcde; border-radius: 6px; border-left: 4px solid #c3c4c7; } .twirion-seo-audit-item--critical { border-left-color: #d63638; background: #fffbfb; } .twirion-seo-audit-item--warning { border-left-color: #dba617; background: #fffdf5; } .twirion-seo-audit-item--notice { border-left-color: #72aee6; } .twirion-seo-audit-item--pass { border-left-color: #68de7c; background: #f6fff7; } .twirion-seo-audit-item__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 8px; } .twirion-seo-audit-item__cat { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; color: #646970; } .twirion-seo-audit-item__title { font-size: 14px; color: #1d2327; } .twirion-seo-audit-item__msg { margin: 0 0 8px; font-size: 13px; line-height: 1.5; color: #50575e; } .twirion-seo-audit-item__fix { margin: 0; padding: 10px 12px; font-size: 13px; line-height: 1.45; background: #e8f1fc; border-radius: 4px; color: #1d2327; } .twirion-seo-audit-item__ctx { margin: 8px 0 0; } .twirion-seo-audit-links-table-wrap .twirion-admin-table-wrap { max-height: min(70vh, 520px); overflow: auto; } .twirion-seo-audit-links-table { font-size: 12px; } .twirion-seo-audit-links-table th { position: sticky; top: 0; background: #f0f6ff; z-index: 1; } .twirion-seo-audit-links-href { max-width: 220px; word-break: break-all; } .twirion-seo-audit-links-href code { font-size: 11px; } .twirion-seo-audit-links-row--critical { background: #fffbfb; } .twirion-seo-audit-links-row--warning { background: #fffdf5; } .twirion-seo-audit-links-row--pass { color: #50575e; } /* SEO — выдача (настройки) */ .twirion-seo-output-admin .twirion-seo-output-panel[hidden] { display: none !important; } .twirion-seo-output-admin .title { margin-top: 1.5em; } .tw-form-captcha-settings[hidden] { display: none !important; } .twirion-images-compress .twirion-compress-size-range { display: flex; align-items: center; gap: 6px; } .twirion-images-compress .twirion-compress-size-range input.small-text { width: 100%; min-width: 0; max-width: none; flex: 1 1 0; margin: 0; padding: 6px 8px; border-radius: 4px; background: var(--twirion-img-card); border: 1px solid #8c8f94; color: var(--twirion-img-text); box-shadow: none; } .twirion-images-compress .twirion-compress-size-range__sep { color: var(--twirion-img-muted); font-size: 12px; flex: 0 0 auto; } .twirion-images-compress .twirion-compress-list-meta { margin: 0 0 10px; font-size: 12px; color: var(--twirion-img-muted); } .twirion-images-compress .twirion-compress-list-meta strong { color: var(--twirion-img-text); } .twirion-images-compress .twirion-compress-list-meta a { color: var(--twirion-img-blue); } .twirion-images-compress .twirion-compress-list-meta a:hover { color: var(--twirion-img-blue-mid); } .twirion-images-compress .twirion-compress-scroll { max-height: min(52vh, 520px); overflow: auto; border-radius: var(--twirion-img-radius-inner); border: 1px solid var(--twirion-img-blue-border); background: #f6f7f7; padding: 10px; } .twirion-images-compress .twirion-compress-scroll::-webkit-scrollbar { width: 8px; height: 8px; } .twirion-images-compress .twirion-compress-scroll::-webkit-scrollbar-thumb { background: #c5d9f5; border-radius: 4px; } .twirion-images-compress .twirion-compress-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 8px; } .twirion-images-compress .twirion-compress-item { display: grid; grid-template-columns: auto 72px minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px 12px; border-radius: var(--twirion-img-radius-inner); border: 1px solid #dcdcde; background: var(--twirion-img-card); color: var(--twirion-img-text); cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .twirion-images-compress .twirion-compress-item.is-find-highlight { border-color: #2271b1; box-shadow: 0 0 0 2px rgba(34, 113, 177, 0.35); } .twirion-images-compress .twirion-compress-url-find { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .twirion-images-compress .twirion-compress-item:hover { border-color: var(--twirion-img-blue-border); box-shadow: 0 2px 8px rgba(34, 113, 177, 0.12); } .twirion-images-compress .twirion-compress-item.is-selected { border-color: var(--twirion-img-blue); box-shadow: 0 0 0 1px rgba(34, 113, 177, 0.35), 0 2px 10px rgba(79, 140, 255, 0.2); } .twirion-images-compress .twirion-compress-item.is-filtered-out { display: none; } .twirion-images-compress .twirion-compress-cb { accent-color: var(--twirion-img-blue); } .twirion-images-compress .twirion-compress-item__thumb { display: block; width: 72px; height: 72px; border-radius: 4px; overflow: hidden; background: #f0f0f1; border: 1px solid #dcdcde; flex-shrink: 0; } .twirion-images-compress .twirion-compress-item__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .twirion-images-compress .twirion-compress-item__body { min-width: 0; display: flex; flex-direction: column; gap: 3px; } .twirion-images-compress .twirion-compress-item__title { font-size: 13px; font-weight: 600; color: var(--twirion-img-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .twirion-images-compress .twirion-compress-item__meta { font-size: 10px; color: var(--twirion-img-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .twirion-images-compress .twirion-compress-item__meta.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; } .twirion-images-compress .twirion-compress-item__row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; } .twirion-images-compress .twirion-compress-item__inuse { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; margin-left: auto; max-width: 52%; text-align: right; } .twirion-images-compress .twirion-compress-item__where { display: block; font-size: 11px; line-height: 1.35; color: #50575e; } .twirion-images-compress .twirion-compress-item__where a { color: #2271b1; text-decoration: none; } .twirion-images-compress .twirion-compress-item__where a:hover { text-decoration: underline; } .twirion-images-compress .twirion-compress-item__row .description { color: var(--twirion-img-muted); font-size: 11px; .twirion-images-admin .twirion-admin-card.twirion-images-rollback { margin-top: 12px; } .twirion-images-rollback .twirion-rollback-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } .twirion-images-rollback .twirion-rollback-actions form { margin: 0; } .twirion-images-compress .twirion-compress-progress-wrap { margin: 0 0 16px; padding: 14px 16px; border-radius: var(--twirion-img-radius-inner); border: 1px solid var(--twirion-img-blue-border); background: linear-gradient(135deg, var(--twirion-img-blue-bg-soft) 0%, #ffffff 100%); } .twirion-images-compress .twirion-compress-progress-wrap[hidden] { display: none !important; } .twirion-images-compress .twirion-compress-progress__label { margin: 0 0 8px; font-weight: 600; color: var(--twirion-img-text); } .twirion-images-compress .twirion-compress-progress__bar { height: 10px; margin: 0 0 8px; overflow: hidden; background: #dcdcde; border-radius: 999px; } .twirion-images-compress .twirion-compress-progress__fill { width: 0; height: 100%; background: linear-gradient(90deg, #2271b1 0%, #135e96 100%); border-radius: 999px; transition: width 0.25s ease; } .twirion-images-compress .twirion-compress-progress__file { margin: 0; font-size: 13px; font-weight: 500; color: #2271b1; word-break: break-word; } .twirion-images-compress .twirion-compress-progress__saved { margin: 10px 0 0; font-size: 13px; font-weight: 600; color: #007017; } .twirion-images-compress .twirion-compress-progress__errors { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--twirion-img-blue-border); } .twirion-images-compress .twirion-compress-progress__errors.is-hidden { display: none !important; } .twirion-images-compress .twirion-compress-progress__errors-title { margin: 0 0 6px; font-size: 12px; font-weight: 600; color: #b32d2e; } .twirion-images-compress .twirion-compress-progress__errors-list { margin: 0; padding: 0 0 0 18px; max-height: 160px; overflow: auto; font-size: 12px; line-height: 1.45; color: #50575e; } .twirion-images-compress .twirion-compress-progress__errors-list li { margin-bottom: 4px; word-break: break-word; } .twirion-images-compress.twirion-images-compress--busy .twirion-compress-scroll { opacity: 0.55; } /* SMTP on Landing form admin screen */ .twirion-smtp-admin-card { margin-top: 0; } .twirion-smtp-admin-card__title { margin: 0 0 12px; font-size: 1.1em; font-weight: 600; } .twirion-smtp-panel { background: #f6f7f7; border: 1px solid #dcdcde; border-radius: 4px; padding: 14px 16px 16px; margin-top: 4px; } .twirion-smtp-panel__head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 10px; } .twirion-smtp-panel__lead { margin: 0; max-width: 720px; } .twirion-smtp-status { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; line-height: 1.3; white-space: nowrap; } .twirion-smtp-status.is-ok { background: #edfaef; color: #007017; border: 1px solid #b8e6bf; } .twirion-smtp-status.is-warn { background: #fcf9e8; color: #8a6d00; border: 1px solid #f0e6a8; } .twirion-smtp-presets { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px; } .twirion-smtp-presets__label { font-size: 13px; color: #50575e; } .twirion-smtp-fields { margin: 0; background: #fff; border: 1px solid #e0e0e0; border-radius: 4px; } .twirion-smtp-fields th { width: 180px; padding: 10px 12px 10px 14px !important; font-weight: 600; } .twirion-smtp-fields td { padding: 10px 14px 10px 0 !important; } .twirion-smtp-pass-wrap { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; } .twirion-smtp-pass-wrap .regular-text { min-width: 280px; } .twirion-smtp-pass-toggle { padding: 0 8px !important; min-height: 30px; } .twirion-smtp-pass-toggle .dashicons { margin-top: 3px; } .twirion-smtp-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 14px 0 6px; } .twirion-smtp-action-result.is-ok { color: #007017; font-weight: 600; } .twirion-smtp-action-result.is-err { color: #b32d2e; font-weight: 600; } .twirion-smtp-app-pass-hint { margin: 8px 0 0; max-width: 640px; } .twirion-smtp-app-pass-hint__lead { margin: 0 0 8px; } .twirion-smtp-app-pass-hint__list { margin: 0; padding: 0 0 0 1.1em; list-style: disc; } .twirion-smtp-app-pass-hint__list li { margin: 0 0 6px; line-height: 1.45; } .twirion-smtp-app-pass-hint__list a { font-weight: 500; } .twirion-smtp-app-pass-hint__steps { color: #646970; } /* ===== twirion-landing-page.css ===== */ :root { --tw-bg-left: #1a0008; --tw-bg-mid: #0d0305; --tw-bg-right: #000000; --tw-bg-page: #0f0103; --tw-text: #ffffff; --tw-muted: rgba(255, 255, 255, 0.72); --tw-faint: rgba(255, 255, 255, 0.4); --tw-accent: #e00949; --tw-panel: #171515; --tw-header-pad-x: 4.37rem; --tw-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; } @media (max-width: 1023px) { :root { --tw-header-pad-x: 3.69rem; } } @media (max-width: 639px) { :root { --tw-header-pad-x: 1rem; } } * { box-sizing: border-box; } html { overflow-x: hidden; font-size: 0.95vw; line-height: 1.5; -webkit-text-size-adjust: 100%; } @media (max-width: 1023px) { html { font-size: 16px; } } body.twirion { margin: 0; min-height: 100vh; font-family: var(--tw-font); font-size: 1rem; line-height: inherit; color: var(--tw-text); background-color: var(--tw-bg-page); background-image: linear-gradient(105deg, var(--tw-bg-left) 0%, var(--tw-bg-mid) 45%, var(--tw-bg-right) 100%); -webkit-font-smoothing: antialiased; } .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .screen-reader-text:focus { position: static; width: auto; height: auto; padding: 0.5rem 1rem; margin: 0; overflow: visible; clip: auto; white-space: normal; background: var(--tw-panel); outline: 2px solid var(--tw-accent); outline-offset: 3px; } #root > .twirion-shell { position: unset; min-height: 100vh; display: flex; flex-direction: column; overflow-x: hidden; } .tw-glow-layer { pointer-events: none; position: absolute; inset: 0; overflow: hidden; width: 100%; max-width: 100%; } .tw-glow-layer::before, .tw-glow-layer::after { content: ""; position: absolute; border-radius: 50%; filter: blur(12.5rem); opacity: 0.28; } .tw-glow-layer::before { left: -28rem; top: -28rem; width: 53rem; height: 53rem; background: #e00949; } .tw-glow-layer::after { right: -10rem; top: 10rem; width: 36rem; height: 36rem; background: #e00949; opacity: 0.12; filter: blur(18rem); } @media (max-width: 1023px) { .tw-glow-layer::after { display: none; } } /* --- Header styles (trimmed from assets/css/header-shell.css) --- */ .tw-header { position: fixed; z-index: 60; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; height: 6rem; padding: 0 var(--tw-header-pad-x); border-radius: 9999px; margin: 0; background: transparent; transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), background 0.35s ease, box-shadow 0.35s ease, backdrop-filter 0.35s ease, -webkit-backdrop-filter 0.35s ease; } body.tw-header-conceal #root > .twirion-shell > header.tw-header { transform: translate3d(0, calc(-100% - 25px), 0); pointer-events: none; } body.tw-header-conceal #root > .twirion-shell > header.tw-header a:not(.tw-nav-desktop__dropdown-trigger), body.tw-header-conceal #root > .twirion-shell > header.tw-header button { pointer-events: auto; } body.tw-header-conceal #root > .twirion-shell > header.tw-header .tw-nav-desktop__dropdown { pointer-events: none; } /* Показ при скролле вверх: сначала translateY(25px), затем top: 0 (как animations.css) */ #root > .twirion-shell > header.tw-header.tw-header-reveal-in { transition: none; animation: tw-header-reveal-in 0.65s both; } @keyframes tw-header-reveal-in { 0% { transform: translate3d(0, calc(-100% - 25px), 0); animation-timing-function: cubic-bezier(0.22, 0.85, 0.32, 1); } 50% { transform: translate3d(0, 25px, 0); animation-timing-function: cubic-bezier(0.3, 0, 0.2, 1); } 100% { transform: translate3d(0, 0, 0); } } @media (prefers-reduced-motion: reduce) { #root > .twirion-shell > header.tw-header.tw-header-reveal-in { animation: none !important; } .tw-header { transition: none; } body.tw-header-conceal #root > .twirion-shell > header.tw-header { transform: translate3d(0, 0, 0); pointer-events: auto; } } body.tw-scrolled #root > .twirion-shell > header.tw-header { background: rgba(44, 26, 34, 0.82); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 8px 40px rgba(0, 0, 0, 0.35); } body.tw-menu-open #root > .twirion-shell > header.tw-header { background: rgba(44, 26, 34, 0.78); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28); } .tw-logo-link { display: inline-flex; align-items: center; line-height: 0; min-width: 0; } .tw-logo-link img { display: block; height: 2.25rem; width: auto; max-width: 12.125rem; object-fit: contain; object-position: left center; } @media (max-width: 1023px) { .tw-logo-link img { height: 2.5rem; max-width: 13.4375rem; } } .tw-header-cell { display: flex; align-items: center; min-width: 0; } .tw-header-cell--start { flex: 1 1 auto; justify-content: flex-start; } .tw-header-cell--end.tw-header-actions { flex: 0 0 auto; justify-content: flex-end; } .tw-nav-desktop { display: flex; align-items: center; justify-content: center; min-width: 0; } @media (min-width: 1024px) { #root > .twirion-shell > header.tw-header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: clamp(1rem, 2.25vw, 2.37rem); } #root > .twirion-shell > header .tw-header-cell--start { justify-self: start; width: max-content; max-width: 100%; } #root > .twirion-shell > header .tw-logo-link { flex-shrink: 0; } #root > .twirion-shell > header .tw-nav-desktop { justify-self: stretch; min-width: 0; max-width: 100%; display: flex; justify-content: center; align-items: center; } #root > .twirion-shell > header .tw-nav-desktop ul.m-0.list-none.p-0 { margin-inline-start: auto; margin-inline-end: auto; padding-inline-start: clamp(0.75rem, 1.75vw, 1.25rem); padding-inline-end: clamp(0.75rem, 1.75vw, 1.25rem); padding-block: 0; } #root > .twirion-shell > header .tw-header-cell--end.tw-header-actions { justify-self: end; width: max-content; max-width: 100%; min-width: 0; } } .tw-nav-desktop ul { display: flex; flex-wrap: nowrap; flex-shrink: 0; min-width: 0; list-style: none; margin: 0; padding: 0; gap: 2.37rem; justify-content: center; } .tw-nav-desktop li { flex-shrink: 0; } .tw-nav-desktop a, .tw-nav-desktop a.tw-nav-trigger { color: var(--tw-text); text-decoration: none; font-size: 1rem; line-height: 1.5rem; font-weight: 500; border-bottom: 1px solid transparent; padding-bottom: 2px; white-space: nowrap; transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .tw-nav-desktop a:hover { border-bottom-color: var(--tw-text); } @media (max-width: 1023px) { .tw-nav-desktop { display: none; } } .tw-header-actions { display: flex; align-items: center; gap: 3rem; } @media (max-width: 1023px) { .tw-header-actions { gap: 1rem; } } @media (max-width: 639px) { .tw-header-actions { gap: 0.75rem; } } .tw-manager { display: flex; align-items: center; gap: 0.75rem; } @media (max-width: 1023px) { .tw-manager--desktop { display: none; } } .tw-manager-text { display: flex; flex-direction: column; justify-content: center; gap: 0.125rem; text-align: left; font-size: 0.875rem; line-height: 1.25rem; } .tw-manager-text p { margin: 0; } .tw-manager-text p:first-child { font-weight: 600; } .tw-manager-text p:last-child { font-weight: 400; color: var(--tw-muted); } .tw-manager-text a { color: inherit; text-decoration: none; } .tw-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: 0.75rem 2rem; border-radius: 9999px; background: var(--tw-accent); color: var(--tw-text); text-decoration: none; font-size: 1rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.025em; white-space: nowrap; } .tw-cta:hover, .tw-cta:focus-visible, .tw-cta:active { background: var(--tw-accent); color: var(--tw-text); } @media (max-width: 639px) { .tw-cta { padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 1.25rem; } } .tw-burger { display: none; width: 2.75rem; height: 2.75rem; padding: 0; border: none; background: transparent; cursor: pointer; align-items: center; justify-content: center; color: var(--tw-text); -webkit-tap-highlight-color: transparent; } .tw-burger__icon { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; pointer-events: none; } .tw-burger__icon svg { display: block; flex-shrink: 0; } .tw-burger__icon--close { display: none; } @media (max-width: 1023px) { .tw-burger { display: inline-flex; } .tw-header-actions .tw-cta { display: none; } } body.tw-menu-open #root > .twirion-shell > header .tw-burger .tw-burger__icon--menu { display: none; } body.tw-menu-open #root > .twirion-shell > header .tw-burger .tw-burger__icon--close { display: flex; } @media (max-width: 630px) { #root > .twirion-shell > header.tw-header, .tw-header { height: 56px; } #root > .twirion-shell > header .tw-logo-link img { width: 109px; height: 20px; max-width: 109px; object-fit: contain; } #root > .twirion-shell > header .tw-burger { width: 24px; height: 24px; } #root > .twirion-shell > header .tw-burger__icon svg { width: 24px; height: 24px; } } .tw-overlay-backdrop { display: none; position: fixed; inset: 0; z-index: 45; background: rgba(15, 1, 3, 0.38); border: none; padding: 0; cursor: pointer; } body.tw-menu-open .tw-overlay-backdrop { display: block; } .tw-popover { position: fixed; z-index: 55; top: 5.5rem; right: max(var(--tw-header-pad-x), env(safe-area-inset-right)); left: auto; width: min(21.5rem, calc(100vw - max(1.5rem, env(safe-area-inset-left) + env(safe-area-inset-right)))); max-width: calc(100vw - 1.5rem); max-height: calc(100vh - 6.25rem - env(safe-area-inset-bottom)); overflow-x: hidden; overflow-y: auto; outline: none; box-shadow: none; color: rgb(255 255 255); opacity: 0; transform: translateY(0.75rem) scale(0.97); pointer-events: none; transition: opacity 0.2s ease, transform 0.28s cubic-bezier(0.16, 1, 0.3, 1); } .tw-popover.tw-mobile-menu-panel { max-width: 244px; } @media (max-width: 639px) { .tw-popover { top: 5.25rem; width: min(20.5rem, calc(100vw - 2rem)); } } body.tw-menu-open .tw-popover { opacity: 1; transform: translateY(1rem) scale(1); pointer-events: auto; } @media (max-width: 639px) { body.tw-menu-open .tw-popover { transform: translateY(0.75rem) scale(1); } } .tw-popover *, .tw-popover *:focus { outline: none; } .tw-popover__card { margin-top: 0; display: flex; flex-direction: column; align-items: stretch; box-sizing: border-box; border-radius: 1.5rem; background: rgba(30, 18, 24, 0.82); padding: 1.5rem 1.375rem 1.375rem; backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.06); } @media (max-width: 1023px) { .tw-popover__card { margin-top: 0; } } .tw-popover__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.125rem; font-size: 1rem; line-height: 1.35rem; } .tw-popover__list li { padding: 0.5rem 0; } .tw-popover__list button { display: block; width: 100%; margin: 0; padding: 0; border: none; background: none; cursor: pointer; color: inherit; font-family: inherit; font-size: 1rem; line-height: 1.35rem; font-weight: 500; text-align: left; transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1); -webkit-tap-highlight-color: transparent; } .tw-popover__list button:hover { color: var(--tw-accent); } .tw-popover__list a { display: block; width: 100%; margin: 0; padding: 0; color: inherit; font-family: inherit; font-size: 1rem; line-height: 1.35rem; font-weight: 500; text-align: left; text-decoration: none; transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1); -webkit-tap-highlight-color: transparent; } .tw-popover__list a:hover { color: var(--tw-accent); } /* Мобильное меню: повтор десктопных разделов («О нас», «Кейсы»…) скрыт */ .tw-popover__card nav[aria-label="Разделы сайта"] { display: none; } .tw-popover__manager { display: flex; align-items: center; gap: 0.875rem; margin-top: 1.25rem; border-top: 1px solid rgba(255, 255, 255, 0.08); } .tw-popover__manager-text { display: flex; flex-direction: column; justify-content: center; gap: 0.125rem; min-height: 3rem; font-size: 0.875rem; line-height: 1.25rem; } .tw-popover__manager-text p { margin: 0; } .tw-popover__manager-text p:first-child { font-weight: 600; font-size: 0.875rem; color: var(--tw-text); } .tw-popover__manager-text p:last-child:not(:only-child) { font-weight: 400; font-size: 0.8125rem; color: var(--tw-muted); } .tw-popover__manager-text a { color: inherit; text-decoration: none; } .tw-popover__manager > .tw-popover-avatar-svg { display: block; width: 3rem; height: 3rem; flex-shrink: 0; object-fit: contain; object-position: center; box-sizing: border-box; } .tw-popover .tw-cta { display: inline-flex; width: 100%; margin-top: 1.375rem; min-height: 2.875rem; font-weight: 600; letter-spacing: 0.02em; justify-content: center; background: var(--tw-accent); box-sizing: border-box; } @media (min-width: 1024px) { .tw-popover, .tw-overlay-backdrop { display: none !important; } body.tw-menu-open { overflow: auto; } } /* ---- section boundary ---- */ /* Graphik LCG — минимальный набор как на https://www.twirion.com/ (см. twirion-com.css) */ @font-face { font-family: "Graphik LCG"; font-weight: 300; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Light-DhEIld1X.woff2") format("woff2"); } @font-face { font-family: "Graphik LCG"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Regular-BteGvBxa.woff2") format("woff2"); } @font-face { font-family: "Graphik LCG"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Semibold-KTcuLY-Y.woff2") format("woff2"); } /* ---- section boundary ---- */ :root { --tw-bg-left: #1a0008; --tw-bg-mid: #0d0305; --tw-bg-right: #000000; --tw-bg-page: #0f0103; --tw-text: #ffffff; --tw-accent: rgb(224, 9, 73); /* bg-red-2 / tailwind fork */ --tw-pill: #550e2b66; /* bg-[#550E2B]/40 */ --tw-pad-x: 4.37rem; --tw-font: "Graphik LCG", sans-serif; } * { box-sizing: border-box; } /* Match twirion-page copy.html scaling (same as optimized header/footer) */ html { overflow-x: hidden; font-size: 0.95vw; line-height: 1.5; -webkit-text-size-adjust: 100%; } @media (max-width: 1023px) { html { font-size: 16px; } :root { --tw-pad-x: 3.69rem; } } @media (max-width: 639px) { :root { --tw-pad-x: 1rem; } } body { margin: 0; min-height: 100vh; font-family: var(--tw-font); font-feature-settings: normal; font-variation-settings: normal; font-size: 1rem; line-height: inherit; color: rgb(255 255 255 / 1); /* html body как в twirion-com.css */ background-color: var(--tw-bg-page); background-image: linear-gradient(105deg, var(--tw-bg-left) 0%, var(--tw-bg-mid) 45%, var(--tw-bg-right) 100%); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* Было pre-line как в twirion-com — давало лишние строки из отступов в разметке; переносы в hero — на h2 */ #root { white-space: normal; } .tw-shell { position: relative; min-height: 100vh; overflow-x: hidden; } /* Glow blobs (visual parity) */ .tw-glow-layer { pointer-events: none; position: absolute; inset: 0; overflow: hidden; } .tw-glow-layer::before, .tw-glow-layer::after { content: ""; position: absolute; border-radius: 50%; background: var(--tw-accent); filter: blur(12.5rem); opacity: 0.22; } .tw-glow-layer::before { left: -28rem; top: -28rem; width: 53rem; height: 53rem; opacity: 0.28; } .tw-glow-layer::after { right: -10rem; top: 10rem; width: 36rem; height: 36rem; opacity: 0.10; filter: blur(18rem); } @media (max-width: 1023px) { .tw-glow-layer::after { display: none; } } main { padding-left: var(--tw-pad-x); padding-right: var(--tw-pad-x); margin-top: 6rem; /* lg:mt-24 in original */ } @media (max-width: 1023px) { main { margin-top: 5.75rem; } } @media (max-width: 639px) { main { margin-top: 3.5rem; } } /* Hero */ .tw-hero-title { position: relative; margin-top: 6rem; /* mt-24 */ } @media (max-width: 1023px) { .tw-hero-title { margin-top: 4.5rem; } } @media (max-width: 639px) { .tw-hero-title { margin-top: 3.5rem; } } #welcomeMessage h2 { display: block; margin: 0; white-space: pre-line; opacity: 1; } #welcomeMessage h2 .tw-hero-title-text { display: block; font: inherit; } /* Reserve final 3-line height immediately (no layout jump during typing) */ .tw-hero-title h2 { font-weight: 600; font-size: 4rem; line-height: 5rem; min-height: 15rem; /* 3 * 5rem line-height on desktop */ } @media (max-width: 1023px) { .tw-hero-title h2 { font-size: 3rem; line-height: 4rem; min-height: 12rem; } /* 3 * 4rem */ } @media (max-width: 639px) { .tw-hero-title h2 { font-size: 1.625rem; line-height: 2.25rem; min-height: 6.75rem; } /* 3 * 2.25rem */ } #welcomeMessage h2 .tw-title-bar { display: inline-block; vertical-align: baseline; } .tw-title-char { display: inline-block; opacity: 0; transition: opacity 0.05s linear; } .tw-title-char.tw-title-char--show { opacity: 1; } #welcomeMessage h2 .tw-title-word { display: inline-block; white-space: nowrap; } /* The bar node starts as a plain block (like original markup) */ .tw-hero-title .tw-title-bar { position: relative; margin-left: 0.25rem; display: inline-block; height: 0.9em; width: 0.25rem; transform: translateY(0.25rem); background: var(--tw-accent); } @media (max-width: 1023px) { .tw-hero-title .tw-title-bar { height: 3rem; width: 0.25rem; transform: translateY(0.25rem); } } @media (max-width: 639px) { .tw-hero-title .tw-title-bar { height: 1.625rem; width: 0.125rem; transform: translateY(0.375rem); } } /* Ghost layer removed for optimization */ .tw-hero-lead { margin-top: 0; font-weight: 300; /* font-light */ font-size: 1.25rem; line-height: 2rem; color: inherit; /* как на сайте — белый текст, не muted */ max-width: 62rem; } @media (max-width: 639px) { .tw-hero-lead { font-size: 1rem; line-height: 1.5rem; text-wrap: pretty; /* max-sm:text-pretty */ } } /* Marquee (full-bleed) */ .tw-marquee-outer { overflow: hidden; box-sizing: border-box; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); } #stackSlider { display: flex; width: max-content; will-change: transform; gap: 2rem; overflow: hidden; margin: 0; padding: 0; } @media (max-width: 639px) { #stackSlider { gap: 0.75rem; } } .tw-pill { display: flex; align-items: center; justify-content: center; white-space: nowrap; border-radius: 9999px; background: var(--tw-pill); padding: 2.5rem 4rem; font-weight: 300; font-size: 2.5rem; line-height: 3rem; } @media (max-width: 639px) { .tw-pill { padding: 1.25rem 1rem; font-size: 1rem; line-height: 1.25rem; } } .tw-marquee-wrap { margin-top: 7.62rem; margin-bottom: 9rem; } @media (max-width: 1023px) { .tw-marquee-wrap { margin-top: 7.5rem; margin-bottom: 10rem; } } @media (max-width: 639px) { .tw-marquee-wrap { margin-top: 5rem; margin-bottom: 5rem; } } @media (prefers-reduced-motion: reduce) { .tw-title-char { opacity: 1 !important; transition: none !important; } #welcomeMessage h2 .tw-title-bar { opacity: 1 !important; } #stackSlider { transform: none !important; } } /* ---- section boundary ---- */ @font-face { font-family: "Graphik LCG"; font-weight: 300; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Light-DhEIld1X.woff2") format("woff2"); } @font-face { font-family: "Graphik LCG"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Regular-BteGvBxa.woff2") format("woff2"); } @font-face { font-family: "Graphik LCG"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Semibold-KTcuLY-Y.woff2") format("woff2"); } /* ---- section boundary ---- */ :root { --tw-bg-left: #1a0008; --tw-bg-mid: #0d0305; --tw-bg-right: #000000; --tw-bg-page: #0f0103; --tw-accent: rgb(224 9 73); --tw-pill-surface: #171515; --tw-pad-x: 4.37rem; --tw-font: "Graphik LCG", sans-serif; } @media (max-width: 1023px) { :root { --tw-pad-x: 3.69rem; } } @media (max-width: 639px) { :root { --tw-pad-x: 1rem; } } *, *::before, *::after { box-sizing: border-box; } html { overflow-x: hidden; font-size: 0.95vw; line-height: 1.5; -webkit-text-size-adjust: 100%; } @media (max-width: 1023px) { html { font-size: 16px; } } body.twirion { margin: 0; min-height: 100vh; font-family: var(--tw-font); font-feature-settings: normal; color: rgb(255 255 255 / 1); background-color: var(--tw-bg-page); background-image: linear-gradient(105deg, var(--tw-bg-left) 0%, var(--tw-bg-mid) 45%, var(--tw-bg-right) 100%); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } #root { white-space: normal; } .skip-link.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .twirion-shell { position: relative; min-height: 100vh; overflow-x: hidden; display: flex; flex-direction: column; } .tw-glow-layer { pointer-events: none; position: absolute; inset: 0; overflow: hidden; } .tw-glow-layer::before, .tw-glow-layer::after { content: ""; position: absolute; border-radius: 50%; background: var(--tw-accent); filter: blur(12.5rem); opacity: 0.22; } .tw-glow-layer::before { left: -28rem; top: -28rem; width: 53rem; height: 53rem; opacity: 0.28; } .tw-glow-layer::after { right: -10rem; top: 10rem; width: 36rem; height: 36rem; opacity: 0.10; filter: blur(18rem); } @media (max-width: 1023px) { .tw-glow-layer::after { display: none; } } main#main { flex: 1 1 auto; width: 100%; min-width: 0; display: flex; flex-direction: column; padding-left: var(--tw-pad-x); padding-right: var(--tw-pad-x); margin-top: 6rem; } @media (max-width: 1023px) { main#main { margin-top: 5.75rem; } } @media (max-width: 639px) { main#main { margin-top: 3.5rem; } } .tw-inner { flex: 1 1 auto; width: 100%; min-width: 0; display: flex; flex-direction: column; } /* ——— #services: аккордеон как assets/css/animations.css ——— */ #services .title__class-heading { font-size: clamp(1.75rem, 4vw, 4rem); line-height: 1.2; font-weight: 600; color: inherit; } @media (max-width: 1024px) { #services .title__class-heading { font-size: 3rem; line-height: 4rem; } } @media (max-width: 1023px) { #services > .title__class { margin-bottom: 0; } } #services .accordion { width: calc(90vw + 40px); max-width: 100%; margin: 50px auto 0; position: relative; height: calc(28vw + 15px); min-height: 200px; display: flex; justify-content: space-between; gap: 20px; overflow: hidden; box-sizing: border-box; } #services .accordion-column { flex: 1; position: relative; border-radius: 2.5vw; height: calc(28vw + 15px); min-height: 200px; overflow: hidden; transition: all 0.5s ease-in-out; } #services .accordion-item { position: absolute; background: var(--tw-pill-surface); transition: all 0.5s ease-in-out; overflow: hidden; box-sizing: border-box; z-index: 1; width: 100%; border-radius: 2.5vw; padding: 2.5vw 1.5vw; height: 14vw; min-height: 100px; cursor: default; transform-origin: top center; backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; transform: translateZ(0); } #services .accordion-item:nth-child(1) { top: 0; } #services .accordion-item:nth-child(2) { top: calc(14vw + 15px); } #services .accordion-item:hover { z-index: 10; border-radius: 2.5vw; box-shadow: inset 0 -100px 120px -20px #39181f, inset 0 100px 120px -40px #261619; } #services .accordion-item:hover a { display: flex; align-items: center; } #services .accordion-item:nth-child(1):hover, #services .accordion-item:nth-child(2):hover { height: 29vw; min-height: 180px; border-radius: 2.5vw; } #services .accordion-column .accordion-item + .accordion-item:hover { transform: translateY(calc(-14.5vw - 7px)); border-radius: 2.5vw; } #services .dot_img { background-color: rgb(224 9 73); width: 1.5vw; height: 1.5vw; min-width: 8px; min-height: 8px; border-radius: 50%; position: absolute; top: 2.5vw; right: 1.5vw; } #services .accordion-item p { font-weight: 300; font-size: clamp(0.875rem, 1.25vw, 1.25rem); line-height: 1.4; color: #fff; opacity: 0; transition: all 0.5s; margin: 0; padding-right: 2rem; } #services .accordion-item:hover p { opacity: 1; } #services .accordion-item h3 { font-size: clamp(1.1rem, 2vw, 2rem); line-height: 1.35; font-weight: 500; color: #fff; margin: 0 0 10px 0; padding-right: 2rem; } #services .accordion-item a svg { width: 1.5rem; height: 1.5rem; flex-shrink: 0; } #services .accordion-item a { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; padding: 1vw 2vw; background-color: rgb(224 9 73); border-radius: 9999px; text-decoration: none; align-items: center; justify-content: center; gap: 10px; position: absolute; bottom: 2.5vw; left: 1.5vw; right: 1.5vw; display: none; width: auto; opacity: 0; box-sizing: border-box; } #services .accordion-item:hover a { transition-delay: 0.5s; opacity: 1; } #services .accordion-item a p { color: #fff; font-weight: 400; font-size: clamp(0.875rem, 1.25vw, 1.25rem); line-height: 1.5; opacity: 1; margin: 0; padding: 0; } #services .accordion__mobile { display: none; } @media (max-width: 1023px) { #services .accordion { display: none !important; } #services .accordion__mobile { display: block !important; padding: 0; overflow: visible; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } #services .tw-dir-mobile-track { display: flex; width: 100%; max-width: 100vw; margin-top: 3.5rem; gap: 1.25rem; overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; box-sizing: border-box; padding-left: var(--tw-pad-x); padding-right: var(--tw-pad-x); scroll-padding-inline: max(var(--tw-pad-x), env(safe-area-inset-left)) max(var(--tw-pad-x), env(safe-area-inset-right)); } #services .tw-dir-mobile-track::-webkit-scrollbar { display: none; } @media (max-width: 639px) { #services .tw-dir-mobile-track { margin-top: 2rem; gap: 1rem; } } #services .mobile-slide { flex: 0 0 85%; width: 85%; min-width: 85%; max-width: 85%; box-sizing: border-box; color: #fff; align-items: stretch; text-align: left; min-height: 0; } #services .mobile-slide h3 { margin: 0; text-align: left; } #services .mobile-slide .flex-1 { flex: 1 1 auto; min-height: 0; width: 100%; } #services .mobile-slide .flex-1, #services .mobile-slide .flex-1 p { text-align: left; } #services .mobile-slide .flex-1 p { opacity: 1 !important; visibility: visible !important; color: #fff; font-weight: 300; font-size: 1rem; line-height: 1.5; margin: 1.25rem 0 0; } #services .mobile-slide > a[data-twirion-mobile-cta] { gap: 0.5rem; flex-shrink: 0; } #services .mobile-slide > a[data-twirion-mobile-cta] span { margin: 0; color: inherit; } } #contactForm:target { outline: none; } @media (prefers-reduced-motion: reduce) { #services .accordion { flex-direction: column; height: auto !important; min-height: 0; gap: 20px; } #services .accordion-column { height: auto !important; min-height: 0; display: flex; flex-direction: column; gap: 15px; } #services .accordion-item { position: relative !important; top: auto !important; height: auto !important; min-height: 0 !important; transform: none !important; } #services .accordion-item p { opacity: 1 !important; } #services .accordion-item a { display: inline-flex !important; opacity: 1 !important; position: relative !important; bottom: auto !important; left: auto !important; width: 100% !important; margin-top: 1rem; } } /* ---- section boundary ---- */ @font-face { font-family: "Graphik LCG"; font-weight: 300; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Light-DhEIld1X.woff2") format("woff2"); } @font-face { font-family: "Graphik LCG"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Regular-BteGvBxa.woff2") format("woff2"); } @font-face { font-family: "Graphik LCG"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Semibold-KTcuLY-Y.woff2") format("woff2"); } /* ---- section boundary ---- */ :root { --tw-bg-left: #1a0008; --tw-bg-mid: #0d0305; --tw-bg-right: #000000; --tw-bg-page: #0f0103; --tw-accent: rgb(224 9 73); --tw-pad-x: 4.37rem; --tw-font: "Graphik LCG", sans-serif; } @media (max-width: 1023px) { :root { --tw-pad-x: 3.69rem; } } @media (max-width: 639px) { :root { --tw-pad-x: 1rem; } } *, *::before, *::after { box-sizing: border-box; } html { overflow-x: hidden; font-size: 0.95vw; line-height: 1.5; -webkit-text-size-adjust: 100%; } @media (max-width: 1023px) { html { font-size: 16px; } } body.twirion { margin: 0; min-height: 100vh; font-family: var(--tw-font); font-feature-settings: normal; color: #fff; background-color: var(--tw-bg-page); background-image: linear-gradient(105deg, var(--tw-bg-left) 0%, var(--tw-bg-mid) 45%, var(--tw-bg-right) 100%); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } #root { white-space: normal; } .skip-link.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .twirion-shell { position: relative; min-height: 100vh; overflow-x: hidden; display: flex; flex-direction: column; } .tw-glow-layer { pointer-events: none; position: absolute; inset: 0; overflow: hidden; } .tw-glow-layer::before, .tw-glow-layer::after { content: ""; position: absolute; border-radius: 50%; background: var(--tw-accent); filter: blur(12.5rem); opacity: 0.22; } .tw-glow-layer::before { left: -28rem; top: -28rem; width: 53rem; height: 53rem; opacity: 0.28; } .tw-glow-layer::after { right: -10rem; top: 10rem; width: 36rem; height: 36rem; opacity: 0.10; filter: blur(18rem); } @media (max-width: 1023px) { .tw-glow-layer::after { display: none; } } main#main { flex: 1 1 auto; width: 100%; min-width: 0; display: flex; flex-direction: column; padding-left: var(--tw-pad-x); padding-right: var(--tw-pad-x); margin-top: 6rem; } @media (max-width: 1023px) { main#main { margin-top: 5.75rem; } } @media (max-width: 639px) { main#main { margin-top: 3.5rem; } } .tw-inner { flex: 1 1 auto; width: 100%; min-width: 0; display: flex; flex-direction: column; } /* ——— #cases ——— */ @media (max-width: 1023px) { #cases { margin-top: 7.5rem; } } @media (max-width: 639px) { #cases { margin-top: 5rem; } } #cases .tw-works-title-row { display: flex; align-items: baseline; gap: 0.75rem; font-weight: 600; } #cases .tw-works-title-row h3 { margin: 0; font-size: 4rem; line-height: 5rem; } #cases .tw-works-count { font-size: 2.25rem; line-height: 2.5rem; color: var(--tw-accent); } @media (max-width: 1023px) { #cases .tw-works-title-row h3 { font-size: 3rem; line-height: 4rem; } } @media (max-width: 639px) { #cases .tw-works-title-row h3 { font-size: 1.625rem; line-height: 2.25rem; } #cases .tw-works-count { font-size: 1.5rem; line-height: 2rem; } } #cases .tw-works-slider-wrap { width: 100%; } #cases .tw-works-slider-scroll { width: 100%; overflow: visible; } #cases .tw-works-grid { margin-top: 4rem; display: grid; grid-template-columns: 1fr; column-gap: 1.25rem; row-gap: 1.75rem; } @media (min-width: 1024px) { #cases .tw-works-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } #cases .tw-works-card { cursor: pointer; padding-bottom: 2.5rem; } @media (max-width: 1023px) { #cases .tw-works-slider-wrap { box-sizing: border-box; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-top: 2.25rem; } #cases .tw-works-slider-scroll { width: 100%; max-width: 100vw; overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; scroll-snap-type: x mandatory; box-sizing: border-box; padding-left: var(--tw-pad-x); padding-right: var(--tw-pad-x); scroll-padding-inline: max(var(--tw-pad-x), env(safe-area-inset-left)) max(var(--tw-pad-x), env(safe-area-inset-right)); } #cases .tw-works-slider-scroll::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; } #cases .tw-works-grid { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; flex: 1 0 auto; min-width: 100%; row-gap: 0; column-gap: 1.25rem; align-items: stretch; margin-top: 0; } /* Как #services .mobile-slide — 85% ширины трека */ #cases .tw-works-card { flex: 0 0 85%; width: 85%; min-width: 85%; max-width: 85%; box-sizing: border-box; scroll-snap-align: center; padding-bottom: 0; } #cases .tw-works-card:first-child { scroll-snap-align: start; } #cases .tw-works-card:last-child { scroll-snap-align: end; } #cases .tw-works-body h4 { max-width: 100%; } @media (max-width: 639px) { #cases .tw-works-slider-wrap { margin-top: 1.25rem; } #cases .tw-works-grid { column-gap: 1rem; } } } #cases .tw-works-thumb { position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 2.5rem; } #cases .tw-works-thumb img { position: absolute; inset: 0; width: 100%; max-width: 100%; min-width: 0; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform 0.5s ease; } #cases .tw-works-card:hover .tw-works-thumb img { transform: scale(1.1); } @media (prefers-reduced-motion: reduce) { #cases .tw-works-card:hover .tw-works-thumb img { transform: none; } } #cases .tw-works-body { padding-left: 1rem; padding-right: 1rem; } #cases .tw-works-body h4 { margin: 1.5rem 0 0; max-width: 80vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 2rem; line-height: 3rem; font-weight: 600; } @media (max-width: 639px) { #cases .tw-works-body h4 { font-size: 1.5rem; line-height: 2rem; } } #cases .tw-works-tags { margin-top: 2rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; } @media (max-width: 1023px) { #cases .tw-works-tags { margin-top: 2.25rem; } } @media (max-width: 639px) { #cases .tw-works-tags { margin-top: 1.25rem; } } #cases .tw-works-tags span { font-size: 1.25rem; line-height: 2rem; font-weight: 300; } #cases .tw-works-tags span::before { content: "("; color: var(--tw-accent); } #cases .tw-works-tags span::after { content: ")"; color: var(--tw-accent); } #cases .tw-works-tags span em { font-style: normal; padding-left: 0.25rem; padding-right: 0.25rem; } @media (max-width: 639px) { #cases .tw-works-tags span { font-size: 1rem; line-height: 1.5rem; } } /* ---- section boundary ---- */ @font-face { font-family: "Graphik LCG"; font-weight: 300; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Light-DhEIld1X.woff2") format("woff2"); } @font-face { font-family: "Graphik LCG"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Regular-BteGvBxa.woff2") format("woff2"); } @font-face { font-family: "Graphik LCG"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Semibold-KTcuLY-Y.woff2") format("woff2"); } /* ---- section boundary ---- */ :root { --tw-bg-left: #1a0008; --tw-bg-mid: #0d0305; --tw-bg-right: #000000; --tw-bg-page: #0f0103; --tw-accent: rgb(224 9 73); --tw-pad-x: 4.37rem; --tw-font: "Graphik LCG", sans-serif; } @media (max-width: 1023px) { :root { --tw-pad-x: 3.69rem; } } @media (max-width: 639px) { :root { --tw-pad-x: 1rem; } } *, *::before, *::after { box-sizing: border-box; } html { overflow-x: hidden; font-size: 0.95vw; line-height: 1.5; -webkit-text-size-adjust: 100%; } @media (max-width: 1023px) { html { font-size: 16px; } } body.twirion { margin: 0; min-height: 100vh; font-family: var(--tw-font); font-feature-settings: normal; color: rgb(255 255 255 / 1); background-color: var(--tw-bg-page); background-image: linear-gradient(105deg, var(--tw-bg-left) 0%, var(--tw-bg-mid) 45%, var(--tw-bg-right) 100%); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } #root { white-space: normal; } .skip-link.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .twirion-shell { position: relative; min-height: 100vh; overflow-x: hidden; display: flex; flex-direction: column; } .tw-glow-layer { pointer-events: none; position: absolute; inset: 0; overflow: hidden; } .tw-glow-layer::before, .tw-glow-layer::after { content: ""; position: absolute; border-radius: 50%; background: var(--tw-accent); filter: blur(12.5rem); opacity: 0.22; } .tw-glow-layer::before { left: -28rem; top: -28rem; width: 53rem; height: 53rem; opacity: 0.28; } .tw-glow-layer::after { right: -10rem; top: 10rem; width: 36rem; height: 36rem; opacity: 0.10; filter: blur(18rem); } @media (max-width: 1023px) { .tw-glow-layer::after { display: none; } } main#main { flex: 1 1 auto; width: 100%; min-width: 0; display: flex; flex-direction: column; padding-left: var(--tw-pad-x); padding-right: var(--tw-pad-x); margin-top: 6rem; } @media (max-width: 1023px) { main#main { margin-top: 5.75rem; } } @media (max-width: 639px) { main#main { margin-top: 3.5rem; } } .tw-inner { flex: 1 1 auto; width: 100%; min-width: 0; display: flex; flex-direction: column; } @media (min-width: 1024px) { main#main .tw-scroll-anchor:not(#welcomeMessage) { margin-top: 9rem; } } @media (max-width: 1023px) { #about { margin-top: 5.5rem; } } @media (max-width: 639px) { #about, .tw-scroll-anchor .tw-scroll-anchor #about { margin-top: 5rem; } } #about h2 { margin: 0; font-weight: 600; font-size: 4rem; line-height: 5rem; } @media (max-width: 1023px) { #about h2 { font-size: 3rem; line-height: 4rem; } } @media (max-width: 639px) { #about h2 { font-size: 1.625rem; line-height: 2.25rem; } } #about .tw-why-lead { margin-top: 2.25rem; font-weight: 300; font-size: 1.25rem; line-height: 2rem; max-width: 62rem; } @media (max-width: 1023px) { #about .tw-why-lead { width: 100%; } } @media (max-width: 639px) { #about .tw-why-lead { margin-top: 1.25rem; font-size: 1rem; line-height: 1.5rem; text-wrap: pretty; } } .tw-why-art { position: relative; margin-top: 4rem; display: flex; justify-content: center; align-items: center; min-height: 12rem; } @media (max-width: 639px) { .tw-why-art { margin-top: 2.5rem; } } /* Декоративные размытые круги (компактный аналог фона блока «Почему мы?») */ .tw-why-art::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 40%, rgba(191 3 59 / 0.25) 0%, transparent 42%), radial-gradient(circle at 18% 50%, rgba(191 3 59 / 0.22) 0%, transparent 38%), radial-gradient(circle at 82% 50%, rgba(191 3 59 / 0.22) 0%, transparent 38%); filter: blur(10rem); } .tw-why-art__img { position: relative; z-index: 1; width: 100%; max-width: 100%; height: auto; display: block; } .tw-why-art__img--mobile { display: none; } @media (max-width: 1023px) { .tw-why-art__img--desktop { display: none; } .tw-why-art__img--mobile { display: block; } } /* Собранный лендинг: .tw-inner здесь fit-content — растягиваем колонку с #about на ширину main */ @media (min-width: 1024px) { #root > .twirion-shell > main#main > .tw-inner:has(#about) { align-self: stretch; width: 100%; max-width: 100%; } #about { width: 100%; max-width: 100%; box-sizing: border-box; } .tw-why-art { width: 100%; min-height: clamp(12rem, 24vw, 30rem); } .tw-why-art__img { width: 100%; max-width: 100%; height: auto; object-fit: contain; object-position: center; } } /* ---- section boundary ---- */ /* Локальный шелл + фон блока; сетку и типографику «Наш стэк» даёт утилитарный слой темы (twirion-com.css). */ @font-face { font-family: "Graphik LCG"; font-weight: 300; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Light-DhEIld1X.woff2") format("woff2"); } @font-face { font-family: "Graphik LCG"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Regular-BteGvBxa.woff2") format("woff2"); } @font-face { font-family: "Graphik LCG"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Semibold-KTcuLY-Y.woff2") format("woff2"); } :root { --tw-bg-left: #1a0008; --tw-bg-mid: #0d0305; --tw-bg-right: #000000; --tw-bg-page: #0f0103; --tw-accent: rgb(224 9 73); --tw-pad-x: 4.37rem; --tw-font: "Graphik LCG", sans-serif; } @media (max-width: 1023px) { :root { --tw-pad-x: 3.69rem; } } @media (max-width: 639px) { :root { --tw-pad-x: 1rem; } } *, *::before, *::after { box-sizing: border-box; } html { overflow-x: hidden; font-size: 0.95vw; line-height: 1.5; -webkit-text-size-adjust: 100%; } @media (max-width: 1023px) { html { font-size: 16px; } } body.twirion { margin: 0; min-height: 100vh; font-family: var(--tw-font); font-feature-settings: normal; color: rgb(255 255 255 / 1); background-color: var(--tw-bg-page); background-image: linear-gradient(105deg, var(--tw-bg-left) 0%, var(--tw-bg-mid) 45%, var(--tw-bg-right) 100%); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } #root { white-space: normal; } .skip-link.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .twirion-shell { position: relative; min-height: 100vh; overflow-x: hidden; display: flex; flex-direction: column; } .tw-glow-layer { pointer-events: none; position: absolute; inset: 0; overflow: hidden; } .tw-glow-layer::before, .tw-glow-layer::after { content: ""; position: absolute; border-radius: 50%; background: var(--tw-accent); filter: blur(12.5rem); opacity: 0.22; } .tw-glow-layer::before { left: -28rem; top: -28rem; width: 53rem; height: 53rem; opacity: 0.28; } .tw-glow-layer::after { right: -10rem; top: 10rem; width: 36rem; height: 36rem; opacity: 0.10; filter: blur(18rem); } @media (max-width: 1023px) { .tw-glow-layer::after { display: none; } } main#main { flex: 1 1 auto; width: 100%; min-width: 0; display: flex; flex-direction: column; padding-left: var(--tw-pad-x); padding-right: var(--tw-pad-x); margin-top: 6rem; } @media (max-width: 1023px) { main#main { margin-top: 5.75rem; } } @media (max-width: 639px) { main#main { margin-top: 3.5rem; } } .tw-inner { flex: 1 1 auto; width: 100%; min-width: 0; display: flex; flex-direction: column; } #stack img { max-height: none; } /* ---- section boundary ---- */ @font-face { font-family: "Graphik LCG"; font-weight: 300; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Light-DhEIld1X.woff2") format("woff2"); } @font-face { font-family: "Graphik LCG"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Regular-BteGvBxa.woff2") format("woff2"); } @font-face { font-family: "Graphik LCG"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Semibold-KTcuLY-Y.woff2") format("woff2"); } :root { --tw-bg-left: #1a0008; --tw-bg-mid: #0d0305; --tw-bg-right: #000000; --tw-bg-page: #0f0103; --tw-accent: rgb(224 9 73); --tw-pad-x: 4.37rem; --tw-font: "Graphik LCG", sans-serif; } @media (max-width: 1023px) { :root { --tw-pad-x: 3.69rem; } } @media (max-width: 639px) { :root { --tw-pad-x: 1rem; } } *, *::before, *::after { box-sizing: border-box; } html { overflow-x: hidden; font-size: 0.95vw; line-height: 1.5; -webkit-text-size-adjust: 100%; } @media (max-width: 1023px) { html { font-size: 16px; } } body.twirion { margin: 0; min-height: 100vh; font-family: var(--tw-font); font-feature-settings: normal; color: rgb(255 255 255 / 1); background-color: var(--tw-bg-page); background-image: linear-gradient(105deg, var(--tw-bg-left) 0%, var(--tw-bg-mid) 45%, var(--tw-bg-right) 100%); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } #root { white-space: normal; } .skip-link.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .twirion-shell { position: relative; min-height: 100vh; overflow-x: hidden; display: flex; flex-direction: column; } .tw-glow-layer { pointer-events: none; position: absolute; inset: 0; overflow: hidden; } .tw-glow-layer::before, .tw-glow-layer::after { content: ""; position: absolute; border-radius: 50%; background: var(--tw-accent); filter: blur(12.5rem); opacity: 0.22; } .tw-glow-layer::before { left: -28rem; top: -28rem; width: 53rem; height: 53rem; opacity: 0.28; } .tw-glow-layer::after { right: -10rem; top: 10rem; width: 36rem; height: 36rem; opacity: 0.10; filter: blur(18rem); } @media (max-width: 1023px) { .tw-glow-layer::after { display: none; } } main#main { flex: 1 1 auto; width: 100%; min-width: 0; display: flex; flex-direction: column; padding-left: var(--tw-pad-x); padding-right: var(--tw-pad-x); margin-top: 6rem; } @media (max-width: 1023px) { main#main { margin-top: 5.75rem; } } @media (max-width: 639px) { main#main { margin-top: 3.5rem; } } .tw-inner { flex: 1 1 auto; width: 100%; min-width: 0; display: flex; flex-direction: column; } .scrollbar-hidden { scrollbar-width: none; -ms-overflow-style: none; } .scrollbar-hidden::-webkit-scrollbar { display: none; } #commentsTrack { display: flex; gap: 1.25rem; overflow: visible; } #commentsTrack > div { flex-shrink: 0; scroll-snap-align: start; } @media (min-width: 1024px) { #commentsTrack > div { width: 39.375rem; max-width: 100%; } } @media (prefers-reduced-motion: reduce) { #commentsTrack { transition: none !important; } } @media (max-width: 639px) { #reviews > .flex.items-center.justify-between > .flex.items-center.gap-6 { display: none !important; } } /* ---- section boundary ---- */ @font-face { font-family: "Graphik LCG"; font-weight: 300; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Light-DhEIld1X.woff2") format("woff2"); } @font-face { font-family: "Graphik LCG"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Regular-BteGvBxa.woff2") format("woff2"); } @font-face { font-family: "Graphik LCG"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Semibold-KTcuLY-Y.woff2") format("woff2"); } :root { --tw-bg-left: #1a0008; --tw-bg-mid: #0d0305; --tw-bg-right: #000000; --tw-bg-page: #0f0103; --tw-accent: rgb(224 9 73); --tw-pad-x: 4.37rem; --tw-font: "Graphik LCG", sans-serif; } @media (max-width: 1023px) { :root { --tw-pad-x: 3.69rem; } } @media (max-width: 639px) { :root { --tw-pad-x: 1rem; } } *, *::before, *::after { box-sizing: border-box; } html { overflow-x: hidden; font-size: 0.95vw; line-height: 1.5; -webkit-text-size-adjust: 100%; } @media (max-width: 1023px) { html { font-size: 16px; } } body.twirion { margin: 0; min-height: 100vh; font-family: var(--tw-font); font-feature-settings: normal; color: rgb(255 255 255 / 1); background-color: var(--tw-bg-page); background-image: linear-gradient(105deg, var(--tw-bg-left) 0%, var(--tw-bg-mid) 45%, var(--tw-bg-right) 100%); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } #root { white-space: normal; } .skip-link.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .twirion-shell { position: relative; min-height: 100vh; overflow-x: hidden; display: flex; flex-direction: column; } .tw-glow-layer { pointer-events: none; position: absolute; inset: 0; overflow: hidden; } .tw-glow-layer::before, .tw-glow-layer::after { content: ""; position: absolute; border-radius: 50%; background: var(--tw-accent); filter: blur(12.5rem); opacity: 0.22; } .tw-glow-layer::before { left: -28rem; top: -28rem; width: 53rem; height: 53rem; opacity: 0.28; } .tw-glow-layer::after { right: -10rem; top: 10rem; width: 36rem; height: 36rem; opacity: 0.10; filter: blur(18rem); } @media (max-width: 1023px) { .tw-glow-layer::after { display: none; } } main#main { flex: 1 1 auto; width: 100%; min-width: 0; display: flex; flex-direction: column; padding-left: var(--tw-pad-x); padding-right: var(--tw-pad-x); margin-top: 6rem; } @media (max-width: 1023px) { main#main { margin-top: 5.75rem; } } @media (max-width: 639px) { main#main { margin-top: 3.5rem; } } .tw-inner { flex: 1 1 auto; width: 100%; min-width: 0; display: flex; flex-direction: column; } #contactForm .tw-contact-field-error, .tw-contact-form .tw-contact-field-error { margin: 8px 0 0; padding: 0; font-size: 1rem; line-height: 1.5; font-weight: 400; color: #e50949; } #contactForm input[aria-invalid="true"], #contactForm textarea[aria-invalid="true"], .tw-contact-form input[aria-invalid="true"], .tw-contact-form textarea[aria-invalid="true"] { border-color: #e50949 !important; } #contactForm input, #contactForm textarea { font-family: inherit; color: inherit; outline: none; } .tw-contact-form__captcha-wrap { margin-top: 1.5rem; } .tw-contact-form__captcha-widget { min-height: 78px; } .tw-contact-form__captcha-v3-note { margin: 0; font-size: 0.875rem; opacity: 0.65; } #contactForm .tw-contact-form__success { margin-top: 0; padding: 0.5rem 0 1rem; } #contactForm .tw-contact-form__success-title { margin: 0 0 1.5rem; font-size: 4rem; line-height: 5rem; font-weight: 600; color: inherit; } #contactForm .tw-contact-form__success-msg { margin: 0 0 1.5rem; max-width: 39.375rem; font-size: 1.25rem; line-height: 2rem; font-weight: 300; color: inherit; } #contactForm .tw-contact-form.tw-contact-form--submitted .tw-contact-form__fields { display: none !important; } @media (max-width: 1023px) { #contactForm .tw-contact-form__success-title { font-size: 3rem; line-height: 4rem; } } @media (max-width: 639px) { #contactForm .tw-contact-form__success-title { font-size: 1.625rem; line-height: 2.25rem; margin-bottom: 1rem; } #contactForm .tw-contact-form__success-msg { font-size: 1rem; line-height: 1.5rem; } } .tw-contact-form__success-wa { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 1.5rem; border-radius: 9999px; background: #25d366; color: #fff; font-weight: 500; text-decoration: none; } .tw-contact-form__success-wa:hover { color: #fff; opacity: 0.92; } #contactForm button[type="submit"]:hover { filter: brightness(1.05); } /* Уведомление после отправки формы (обычное и AJAX) */ .tw-contact-flash { position: fixed; z-index: 100002; left: 50%; bottom: max(1.25rem, env(safe-area-inset-bottom)); transform: translateX(-50%); max-width: min(92vw, 28rem); padding: 12px 16px; border-radius: 10px; font: 500 14px / 1.4 system-ui, -apple-system, sans-serif; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35); pointer-events: none; } .tw-contact-flash--ok { background: #052e14; color: #bbf7d0; border: 1px solid #166534; } .tw-contact-flash--err { background: #2a1518; color: #fecaca; border: 1px solid #b91c1c; } /* ---- section boundary ---- */ @font-face { font-family: "Graphik LCG"; font-weight: 300; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Light-DhEIld1X.woff2") format("woff2"); } @font-face { font-family: "Graphik LCG"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Regular-BteGvBxa.woff2") format("woff2"); } @font-face { font-family: "Graphik LCG"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/GraphikLCG-Semibold-KTcuLY-Y.woff2") format("woff2"); } :root { --tw-bg-left: #1a0008; --tw-bg-mid: #0d0305; --tw-bg-right: #000000; --tw-bg-page: #0f0103; --tw-accent: rgb(224 9 73); --tw-pad-x: 4.37rem; --tw-font: "Graphik LCG", sans-serif; } @media (max-width: 1023px) { :root { --tw-pad-x: 3.69rem; } } @media (max-width: 639px) { :root { --tw-pad-x: 1rem; } } *, *::before, *::after { box-sizing: border-box; } html { overflow-x: hidden; font-size: 0.95vw; line-height: 1.5; -webkit-text-size-adjust: 100%; } @media (max-width: 1023px) { html { font-size: 16px; } } body.twirion { margin: 0; min-height: 100vh; font-family: var(--tw-font); font-feature-settings: normal; color: rgb(255 255 255 / 1); background-color: var(--tw-bg-page); background-image: linear-gradient(105deg, var(--tw-bg-left) 0%, var(--tw-bg-mid) 45%, var(--tw-bg-right) 100%); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } #root { white-space: normal; } .skip-link.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .twirion-shell { position: relative; min-height: 100vh; overflow-x: hidden; display: flex; flex-direction: column; } .tw-glow-layer { pointer-events: none; position: absolute; inset: 0; overflow: hidden; } .tw-glow-layer::before, .tw-glow-layer::after { content: ""; position: absolute; border-radius: 50%; background: var(--tw-accent); filter: blur(12.5rem); opacity: 0.22; } .tw-glow-layer::before { left: -28rem; top: -28rem; width: 53rem; height: 53rem; opacity: 0.28; } .tw-glow-layer::after { right: -10rem; top: 10rem; width: 36rem; height: 36rem; opacity: 0.10; filter: blur(18rem); } @media (max-width: 1023px) { .tw-glow-layer::after { display: none; } } main#main { flex: 1 1 auto; width: 100%; min-width: 0; display: flex; flex-direction: column; padding-left: var(--tw-pad-x); padding-right: var(--tw-pad-x); margin-top: 6rem; } @media (max-width: 1023px) { main#main { margin-top: 5.75rem; } } @media (max-width: 639px) { main#main { margin-top: 3.5rem; } } .tw-inner { flex: 1 1 auto; width: 100%; min-width: 0; display: flex; flex-direction: column; } .tw-contacts-list { list-style: none; margin: 0; padding: 0; } .tw-contacts-list > li { margin: 0; padding: 0; } /* ---- section boundary ---- */ :root { --tw-bg-left: #1a0008; --tw-bg-mid: #0d0305; --tw-bg-right: #000000; --tw-bg-page: #0f0103; --tw-text: #ffffff; --tw-muted: rgba(255, 255, 255, 0.72); --tw-accent: #e00949; --tw-surface: #171515; --tw-pad: 4.37rem; --tw-pad-lg: 3.69rem; --tw-pad-sm: 1rem; --tw-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; } * { box-sizing: border-box; } /* Match twirion-page copy.html scaling (same as header optimized) */ html { overflow-x: hidden; font-size: 0.95vw; line-height: 1.5; -webkit-text-size-adjust: 100%; } @media (max-width: 1023px) { html { font-size: 16px; } } body { margin: 0; min-height: 100vh; font-family: var(--tw-font); font-size: 1rem; line-height: inherit; color: var(--tw-text); background-color: var(--tw-bg-page); background-image: linear-gradient(105deg, var(--tw-bg-left) 0%, var(--tw-bg-mid) 45%, var(--tw-bg-right) 100%); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } a { color: inherit; text-decoration: none; } a:hover { color: var(--tw-accent); } .tw-shell { min-height: 100vh; display: flex; flex-direction: column; overflow-x: hidden; position: relative; } .tw-glow-layer { pointer-events: none; position: absolute; inset: 0; overflow: hidden; } .tw-glow-layer::before, .tw-glow-layer::after { content: ""; position: absolute; border-radius: 50%; background: var(--tw-accent); filter: blur(12.5rem); opacity: 0.22; } .tw-glow-layer::before { left: -28rem; top: -28rem; width: 53rem; height: 53rem; opacity: 0.28; } .tw-glow-layer::after { right: -10rem; top: 10rem; width: 36rem; height: 36rem; opacity: 0.10; filter: blur(18rem); } @media (max-width: 1023px) { .tw-glow-layer::after { display: none; } } .tw-main { flex: 1; } /* Списки из визредактора: классы задаёт JS; правило нужно чтобы перебить .tw-col ul { list-style: none }. */ #main ul.twirion-landing-copy-ul { list-style: disc outside; margin: 0.35rem 0; padding-left: 1.35em; } #main ol.twirion-landing-copy-ol { list-style: decimal outside; margin: 0.35rem 0; padding-left: 1.35em; } #main ul.twirion-landing-copy-ul li, #main ol.twirion-landing-copy-ol li { display: list-item; margin: 0.15em 0; } /* Footer */ .tw-footer { position: relative; margin-top: 3rem; /* mt-12 */ padding: 3rem var(--tw-pad) 7.5rem; /* pt-12 pb-[7.5rem] px-[4.37rem] */ display: flex; justify-content: space-between; gap: 2.5rem; } .tw-footer::before { content: ""; position: absolute; left: var(--tw-pad); right: var(--tw-pad); top: 0; height: 1px; background: rgba(255, 255, 255, 0.95); } .tw-brand { max-width: 28rem; } .tw-brand img { display: block; width: 7.375rem; /* w-[7.375rem] */ height: 3.25rem; /* h-[3.25rem] */ object-fit: contain; } .tw-brand p { margin: 0.9rem 0 0; font-size: 1rem; line-height: 1.25rem; color: var(--tw-text); } .tw-footer-nav { display: flex; gap: 1.25rem; font-size: 1rem; line-height: 1.25rem; } /* ≥1024 (ПК): Агентство | Соцсети | Услуги — DOM ниже для планшета: Услуги | Агентство | Соцсети */ @media (min-width: 1024px) { .tw-footer-nav .tw-col:nth-child(1) { order: 3; } .tw-footer-nav .tw-col:nth-child(2) { order: 1; } .tw-footer-nav .tw-col:nth-child(3) { order: 2; } } .tw-col { width: 15rem; } .tw-col h6 { margin: 0; font-weight: 600; font-size: 1rem; line-height: 1.25rem; } .tw-col ul { list-style: none; margin: 1.25rem 0 0; padding: 0; } .tw-col li { margin: 0.75rem 0 0; } .tw-col li:first-child { margin-top: 0; } .tw-col a { text-decoration: none; } .tw-col a:hover { color: var(--tw-text); text-decoration: none !important; } /* Responsive footer */ @media (max-width: 1023px) { .tw-footer { margin-top: 2rem; padding: 3rem var(--tw-pad-lg) 3rem; flex-direction: column; gap: 2rem; } .tw-footer::before { left: var(--tw-pad-lg); right: var(--tw-pad-lg); } .tw-brand { order: 2; margin-top: 1rem; } .tw-brand img { width: 6.0625rem; /* max-lg:w-[6.0625rem] */ height: 2.6875rem; /* max-lg:h-[2.6875rem] */ } .tw-brand p { font-size: 0.875rem; line-height: 1.25rem; } .tw-footer-nav { font-size: 0.875rem; line-height: 1.25rem; } .tw-col { width: 12.75rem; } } @media (max-width: 640px) { .tw-footer { margin-top: 2rem; /* max-sm: (mt-8) */ padding: 2rem var(--tw-pad-sm) 2rem; } .tw-footer::before { left: var(--tw-pad-sm); right: var(--tw-pad-sm); } .tw-footer-nav { display: none; } .tw-footer-nav-mobile { display: flex; gap: 0.5rem; } .tw-footer-nav-mobile > div { flex: 1; } .tw-footer-nav-mobile h6 { font-size: 0.875rem; line-height: 1.25rem; } .tw-footer-nav-mobile ul { margin-top: 1.25rem; } .tw-footer-nav-mobile a { text-decoration: none; } .tw-footer-nav-mobile li { margin-top: 0.75rem; } } @media (min-width: 641px) { .tw-footer-nav-mobile { display: none; } } /* Cookie banner */ .tw-cookie { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; display: flex; justify-content: flex-end; padding: 0 4.38rem 3.13rem; } .tw-cookie[hidden] { display: none !important; } .tw-cookie.is-hidden { display: none !important; } .tw-cookie__pill { display: inline-flex; align-items: center; gap: 3rem; border-radius: 9999px; background: #ffffff; color: #262626; padding: 1.5rem 2.5rem; max-width: min(71rem, calc(100vw - 2rem)); } .tw-cookie__pill p { margin: 0; font-weight: 500; font-size: 1.25rem; line-height: 1.5rem; } .tw-cookie__ok { border: 0; cursor: pointer; border-radius: 9999px; background: var(--tw-accent); color: #fff; height: 2.75rem; padding: 0.75rem 2rem; font-weight: 600; letter-spacing: 0.025em; white-space: nowrap; } @media (max-width: 1023px) { .tw-cookie { justify-content: center; padding: 0 var(--tw-pad-lg) 2.75rem; } .tw-cookie__pill { gap: 1.5rem; padding: 1rem 1.5rem; } .tw-cookie__pill p { font-size: 1rem; line-height: 1.5rem; } } @media (max-width: 639px) { .tw-cookie { padding: 0 2.56rem 1.63rem; } .tw-cookie__pill { gap: 0.25rem; padding: 0.75rem 1.25rem; } .tw-cookie__pill p { font-size: 0.75rem; line-height: 1.25rem; } .tw-cookie__ok { padding: 0.38rem 0.75rem; height: 2.25rem; font-size: 0.75rem; line-height: 1.25rem; } } /* ---- section boundary ---- */ /* Наследованный от чанков/twirion-com pre-line давал лишние строки из отступов между тегами в HTML. Переносы текста задаём точечно (напр. #welcomeMessage h2 { white-space: pre-line }). */ #root { white-space: normal; } /* ——— full-page layout bridge (assembled) ——— */ #root > .twirion-shell { position: unset; display: flex; flex-direction: column; min-height: 100vh; } #root > .twirion-shell > main#main { flex: 1 1 auto; min-width: 0; align-items: flex-start; } /* welcome — по ширине контента; секции в .tw-inner — на всю ширину main */ #root > .twirion-shell > main#main > #welcomeMessage { display: flex; flex-direction: column; align-items: flex-start; gap: 2.25rem; width: fit-content; max-width: 100%; min-width: 0; box-sizing: border-box; } @media (max-width: 639px) { #root > .twirion-shell > main#main > #welcomeMessage { gap: 1.5rem; } } #root > .twirion-shell > main#main > .tw-marquee-wrap { align-self: stretch; width: 100%; } #root > .twirion-shell > main#main > .tw-inner { flex: 0 1 auto; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; } #root > .twirion-shell > main#main > .tw-inner:is(:has(#reviews), :has(#contactForm), :has(#contacts)) { align-self: stretch; width: 100%; max-width: 100%; } footer.tw-footer { flex-shrink: 0; } /* ≤639px: секционные заголовки в main как у .tw-hero-title h2 (#welcomeMessage) — 1.625rem / 2.25rem */ @media (max-width: 639px) { .mt-48 { margin-top: 5rem !important; } #services .title__class-heading { font-size: 1.625rem !important; line-height: 2.25rem !important; font-weight: 600; } #reviews h2, #stack > h2, #contactForm h2 { font-size: 1.625rem !important; line-height: 2.25rem !important; font-weight: 600; } } /* Единый шрифт лендинга: футер в 99 задаёт system-ui последним по порядку в merge — переопределяем. */ :root { --tw-font: "Graphik LCG", sans-serif; } /* ===== twirion-theme-admin-preview-frame.css ===== */ /* Превью в iframe: только шапка / подвал / форма — без отвлекающих элементов. */ body.twirion-theme-admin-preview #twirion-cookie-banner { display: none !important; } body.twirion-theme-admin-preview .twirion-theme-preview-main-stub { min-height: 0; padding: 0; margin: 0; } html.twirion-theme-admin-preview { height: 100%; } body.twirion-theme-admin-preview.twirion-theme-live-preview-root { min-height: 100vh; min-height: 100dvh; height: 100%; } body.twirion-theme-admin-preview #root, body.twirion-theme-admin-preview #root > .twirion-shell { min-height: 100vh; min-height: 100dvh; position: relative; } /* Бэкдроп мобильного меню: на всю высоту iframe (в т.ч. после ресайза превью в админке). */ body.twirion-theme-admin-preview .tw-mobile-menu-backdrop.tw-overlay-backdrop { position: fixed; left: 0; right: 0; top: 0; width: 100%; height: 100vh; height: 100dvh; min-height: 100vh; min-height: 100dvh; bottom: auto; inset: auto; } body.twirion-theme-admin-preview.tw-menu-open .tw-mobile-menu-backdrop { top: 5.25rem; height: calc(100vh - 5.25rem); height: calc(100dvh - 5.25rem); min-height: calc(100vh - 5.25rem); min-height: calc(100dvh - 5.25rem); } body.twirion-theme-admin-preview.tw-menu-open #tw-mobile-drawer.tw-popover { max-height: calc(100vh - 5.25rem - env(safe-area-inset-bottom, 0px)); max-height: calc(100dvh - 5.25rem - env(safe-area-inset-bottom, 0px)); } .twirion-theme-admin-preview .twirion-theme-preview-form-wrap { max-width: 100%; overflow-x: auto; } /* В превью админки блок формы без отступа «как на всей странице лендинга». */ body.twirion-theme-admin-preview #contactForm { margin-top: 0 !important; } /* ===== twirion-visual-fill.css ===== */ /** * Режим «заполнение как на сайте»: светлая панель управления, синие акценты Twirion. */ body.twirion-is-visual-fill { --twirion-vf-blue: #2271b1; --twirion-vf-blue-dark: #135e96; --twirion-vf-blue-bg: #f0f6ff; --twirion-vf-blue-bg-soft: #e8f1fc; --twirion-vf-blue-border: #c5d9f5; --twirion-vf-text: #1d2327; --twirion-vf-muted: #646970; --twirion-vf-soft: #50575e; --twirion-vf-surface: #ffffff; --twirion-vf-border: #c3c4c7; --twirion-vf-accent-ring: rgba(34, 113, 177, 0.22); --twirion-vf-accent-outline: rgba(19, 94, 150, 0.75); padding-top: 56px; } body.twirion-is-visual-fill.twirion-has-visual-rte { padding-top: 154px; } .twirion-visual-fill-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 100000; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 10px 16px; background: linear-gradient(165deg, var(--twirion-vf-blue-bg) 0%, var(--twirion-vf-surface) 42%, var(--twirion-vf-surface) 100%); color: var(--twirion-vf-text); font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; font-size: 14px; line-height: 1.4; border-bottom: 1px solid var(--twirion-vf-border); box-shadow: 0 2px 12px rgba(34, 113, 177, 0.1); } .twirion-visual-fill-bar__left { flex: 1 1 220px; min-width: 0; } .twirion-visual-fill-bar__actions { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; } .twirion-visual-fill-bar__metrics { display: inline-flex; align-items: center; gap: 8px; margin-inline-end: 10px; font-size: 13px; line-height: 1.35; color: var(--twirion-vf-soft); cursor: pointer; user-select: none; white-space: nowrap; } .twirion-visual-fill-bar__metrics input { margin: 0; cursor: pointer; accent-color: var(--twirion-vf-blue); } .twirion-visual-fill-btn-save-all { font: inherit; font-size: 14px; font-weight: 600; padding: 10px 18px; border-radius: 4px; border: 1px solid var(--twirion-vf-blue-dark); cursor: pointer; background: var(--twirion-vf-blue-dark); color: #fff; white-space: nowrap; box-shadow: 0 1px 2px rgba(19, 94, 150, 0.2); } .twirion-visual-fill-btn-save-all:hover { background: var(--twirion-vf-blue); border-color: var(--twirion-vf-blue); } .twirion-visual-fill-btn-save-all:disabled { opacity: 0.55; cursor: not-allowed; } a.twirion-visual-fill-btn-save-all { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; } .tw-vf-fill-bar-link-secondary { display: inline-flex; align-items: center; font: inherit; font-weight: 600; font-size: 14px; padding: 9px 14px; border-radius: 4px; border: 1px solid var(--twirion-vf-blue-border); background: var(--twirion-vf-surface); color: var(--twirion-vf-blue-dark); text-decoration: none; white-space: nowrap; margin-inline-end: 6px; } .tw-vf-fill-bar-link-secondary:hover { background: var(--twirion-vf-blue-bg-soft); border-color: var(--twirion-vf-blue); color: var(--twirion-vf-blue-dark); } .twirion-visual-fill-bar strong { font-weight: 600; color: var(--twirion-vf-text); } .twirion-visual-fill-bar__hint { color: var(--twirion-vf-muted); font-size: 13px; } body.twirion-is-visual-fill #main [data-twirion-field] { position: relative; outline: 2px dashed transparent; outline-offset: 4px; transition: outline-color 0.15s ease, box-shadow 0.15s ease; } body.twirion-is-visual-fill #main [data-twirion-field]:not(img):hover { outline-color: var(--twirion-vf-accent-outline); box-shadow: 0 0 0 4px var(--twirion-vf-accent-ring); } body.twirion-is-visual-fill #main img[data-twirion-field]:hover { outline-color: var(--twirion-vf-accent-outline); box-shadow: 0 0 0 4px var(--twirion-vf-accent-ring); cursor: pointer; } /* В режиме правок не кликать шапку/подвал/drawer/cookie — только контент в #main */ body.twirion-is-visual-fill .tw-header, body.twirion-is-visual-fill .tw-mobile-menu-backdrop, body.twirion-is-visual-fill #tw-mobile-drawer, body.twirion-is-visual-fill .tw-footer, body.twirion-is-visual-fill #twirion-cookie-banner { pointer-events: none; user-select: none; } /* Форма контактов и крупный email — не в режиме правок (настраиваются в «Настройки темы»). */ body.twirion-is-visual-fill #main #contactForm, body.twirion-is-visual-fill #main #contacts { pointer-events: none; user-select: none; } /* Измеритель: клики и hover доходят до шапки, подвала и формы (инспектор по всей странице). */ body.twirion-is-visual-fill.tw-vf-layout-measure .tw-header, body.twirion-is-visual-fill.tw-vf-layout-measure .tw-mobile-menu-backdrop, body.twirion-is-visual-fill.tw-vf-layout-measure #tw-mobile-drawer, body.twirion-is-visual-fill.tw-vf-layout-measure .tw-footer, body.twirion-is-visual-fill.tw-vf-layout-measure #twirion-cookie-banner, body.twirion-is-visual-fill.tw-vf-layout-measure #main #contactForm, body.twirion-is-visual-fill.tw-vf-layout-measure #main #contacts { pointer-events: auto; user-select: auto; } body.tw-vf-layout-measure #main [data-twirion-field], body.tw-vf-layout-measure #main img[data-twirion-field] { outline: none; transition: none; } body.tw-vf-layout-measure #main [data-twirion-field]:not(img):hover, body.tw-vf-layout-measure #main img[data-twirion-field]:hover { outline: none; box-shadow: none; cursor: inherit; } .twirion-visual-fill-editable { cursor: text; } .twirion-visual-fill-editable:focus { outline-color: var(--twirion-vf-blue-dark); box-shadow: 0 0 0 4px var(--twirion-vf-accent-ring); } .twirion-visual-fill-modal__body--stack { gap: 14px; } .twirion-visual-fill-label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 600; color: var(--twirion-vf-text); } .twirion-visual-fill-input { width: 100%; box-sizing: border-box; padding: 10px 12px; font-size: 14px; border-radius: 4px; border: 1px solid var(--twirion-vf-border); background: var(--twirion-vf-surface); color: var(--twirion-vf-text); } .twirion-visual-fill-input:focus { outline: none; border-color: var(--twirion-vf-blue); box-shadow: 0 0 0 2px var(--twirion-vf-accent-ring); } .twirion-visual-fill-modal-backdrop { position: fixed; inset: 0; z-index: 100001; background: rgba(29, 35, 39, 0.45); display: flex; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; } .twirion-visual-fill-modal { width: min(720px, 100%); max-height: min(85vh, 640px); display: flex; flex-direction: column; background: linear-gradient(165deg, var(--twirion-vf-blue-bg) 0%, var(--twirion-vf-surface) 38%, var(--twirion-vf-surface) 100%); color: var(--twirion-vf-text); border-radius: 8px; border: 1px solid var(--twirion-vf-border); box-shadow: 0 12px 40px rgba(34, 113, 177, 0.18); font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; } .twirion-visual-fill-modal__head { padding: 16px 20px; border-bottom: 1px solid var(--twirion-vf-blue-border); font-weight: 600; font-size: 16px; color: var(--twirion-vf-text); } .twirion-visual-fill-modal__body { padding: 16px 20px; flex: 1; min-height: 0; display: flex; flex-direction: column; } .twirion-visual-fill-modal__body textarea { width: 100%; flex: 1; min-height: 200px; resize: vertical; box-sizing: border-box; padding: 12px 14px; font-size: 14px; line-height: 1.5; border-radius: 4px; border: 1px solid var(--twirion-vf-border); background: var(--twirion-vf-surface); color: var(--twirion-vf-text); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; } .twirion-visual-fill-modal__body textarea:focus { outline: none; border-color: var(--twirion-vf-blue); box-shadow: 0 0 0 2px var(--twirion-vf-accent-ring); } .twirion-visual-fill-modal__foot { padding: 14px 20px 18px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; border-top: 1px solid var(--twirion-vf-blue-border); } .twirion-visual-fill-modal__foot button { font: inherit; font-size: 14px; padding: 10px 18px; border-radius: 4px; border: 1px solid transparent; cursor: pointer; } .twirion-visual-fill-btn-cancel { background: var(--twirion-vf-surface); color: var(--twirion-vf-text); border-color: var(--twirion-vf-border); } .twirion-visual-fill-btn-cancel:hover { background: var(--twirion-vf-blue-bg-soft); border-color: var(--twirion-vf-blue-border); } .twirion-visual-fill-btn-save { background: var(--twirion-vf-blue-dark); color: #fff; font-weight: 600; border-color: var(--twirion-vf-blue-dark); } .twirion-visual-fill-btn-save:hover { background: var(--twirion-vf-blue); border-color: var(--twirion-vf-blue); } .twirion-visual-fill-btn-save:disabled { opacity: 0.55; cursor: not-allowed; } .twirion-visual-fill-btn-media { background: var(--twirion-vf-blue-bg-soft); color: var(--twirion-vf-blue-dark); border: 1px solid var(--twirion-vf-blue-border) !important; font-weight: 600; } .twirion-visual-fill-btn-media:hover { background: var(--twirion-vf-blue-bg); border-color: var(--twirion-vf-blue) !important; } .twirion-visual-fill-toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 100002; padding: 12px 20px; border-radius: 4px; font-size: 14px; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; box-shadow: 0 4px 16px rgba(34, 113, 177, 0.15); } .twirion-visual-fill-toast--ok { background: #edfaef; color: #1e4620; border: 1px solid #68de7c; } .twirion-visual-fill-toast--err { background: #fcf0f1; color: #8a2424; border: 1px solid #f0b0b8; } /* Панель rich text под админ-баром (?twirion_visual=1) */ .twirion-visual-fill-rte { box-sizing: border-box; position: fixed; top: 56px; left: 0; right: 0; z-index: 99998; min-height: 48px; padding: 8px 16px; background: var(--twirion-vf-surface); color: var(--twirion-vf-text); font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; font-size: 13px; line-height: 1.35; border-bottom: 1px solid var(--twirion-vf-blue-border); box-shadow: 0 2px 8px rgba(34, 113, 177, 0.08); align-items: center; flex-wrap: wrap; display: none; } .twirion-visual-fill-rte.is-visible { display: flex; } .twirion-visual-fill-rte__inner { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; flex: 1; min-width: 0; } .twirion-visual-fill-rte__hint { flex: 1 1 180px; min-width: 0; color: var(--twirion-vf-muted); font-size: 12px; } .twirion-visual-fill-rte__btn { font: inherit; font-size: 14px; font-weight: 600; min-width: 36px; padding: 6px 10px; border-radius: 4px; border: 1px solid var(--twirion-vf-blue-border); cursor: pointer; background: var(--twirion-vf-surface); color: var(--twirion-vf-blue-dark); line-height: 1.15; display: inline-flex; align-items: center; justify-content: center; } .twirion-visual-fill-rte__btn:hover { background: var(--twirion-vf-blue-bg-soft); border-color: var(--twirion-vf-blue); } .twirion-visual-fill-rte__btn--italic { font-style: italic; font-weight: 600; } .twirion-visual-fill-rte__field { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; flex: 0 0 auto; } .twirion-visual-fill-rte__lbl { color: var(--twirion-vf-soft); font-weight: 600; } .twirion-visual-fill-rte__select { font: inherit; font-size: 13px; padding: 6px 10px; border-radius: 4px; border: 1px solid var(--twirion-vf-border); background: var(--twirion-vf-surface); color: var(--twirion-vf-text); min-width: 140px; max-width: 220px; cursor: pointer; } .twirion-visual-fill-rte__select:focus { outline: none; border-color: var(--twirion-vf-blue); box-shadow: 0 0 0 2px var(--twirion-vf-accent-ring); } .twirion-visual-fill-rte__select--narrow { min-width: 100px; max-width: 148px; } .twirion-visual-fill-rte__select--mid { min-width: 120px; max-width: 200px; } .twirion-visual-fill-rte__field--color { align-items: center; } .twirion-visual-fill-rte__btn--link { font-style: italic; font-variant: normal; text-transform: none; min-width: 32px; } .twirion-visual-fill-rte__color { box-sizing: border-box; width: 36px; height: 34px; padding: 2px; border-radius: 4px; border: 1px solid var(--twirion-vf-border); background: var(--twirion-vf-surface); cursor: pointer; } .twirion-visual-fill-rte__color::-webkit-color-swatch-wrapper { padding: 0; } .twirion-visual-fill-rte__color::-webkit-color-swatch { border: none; border-radius: 2px; } /* Списки в редактируемых блоках */ body.twirion-is-visual-fill .twirion-visual-fill-editable ul { list-style: disc; list-style-position: outside; padding-left: 1.35em; margin: 0.35em 0; } body.twirion-is-visual-fill .twirion-visual-fill-editable ol { list-style: decimal; list-style-position: outside; padding-left: 1.35em; margin: 0.35em 0; } body.twirion-is-visual-fill .twirion-visual-fill-editable li { margin: 0.15em 0; } /* ===== twirion-visual-fill-reveal.css ===== */ /** * Режим визуального редактирования: «развернуть блок», чтобы были видны скрытые части аккордеона/слайдеров. * * Переключатель: элемент с data-twirion-reveal-wrap получает data-twirion-reveal-expanded="1". */ body.twirion-is-visual-fill #main .twirion-reveal-wrap { position: relative; } body.twirion-is-visual-fill .twirion-reveal-toggle { position: absolute; top: -4px; right: 0; z-index: 50; opacity: 0; pointer-events: none; max-width: min(260px, 92%); padding: 6px 10px; font: 600 12px system-ui, -apple-system, Segoe UI, Roboto, sans-serif; border-radius: 4px; border: 1px solid #c5d9f5; background: #ffffff; color: #135e96; cursor: pointer; transition: opacity 0.15s ease, transform 0.15s ease, background 0.15s ease; box-shadow: 0 4px 16px rgba(34, 113, 177, 0.18); } body.twirion-is-visual-fill .twirion-reveal-wrap:hover .twirion-reveal-toggle { opacity: 1; pointer-events: auto; } body.twirion-is-visual-fill .twirion-reveal-toggle:hover { transform: translateY(-1px); background: #e8f1fc; border-color: #2271b1; } /* Marquee pills */ body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] .tw-marquee-outer { overflow: visible !important; } body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #stackSlider { flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; transform: none !important; animation: none !important; will-change: auto !important; height: auto !important; justify-content: center; gap: 1rem 1rem !important; } /* Directions: desktop accordion → все элементы видны */ body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #services .accordion { flex-direction: column !important; height: auto !important; min-height: 0 !important; overflow: visible !important; gap: 20px !important; } body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #services .accordion-column { height: auto !important; min-height: 0 !important; overflow: visible !important; position: relative !important; display: flex !important; flex-direction: column !important; gap: 15px !important; } body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #services .accordion-item { position: relative !important; top: auto !important; height: auto !important; min-height: 0 !important; overflow: visible !important; transform: none !important; z-index: 1 !important; } body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #services .accordion-item p { opacity: 1 !important; } body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #services .accordion-item a { display: inline-flex !important; align-items: center !important; position: relative !important; bottom: auto !important; left: auto !important; right: auto !important; opacity: 1 !important; margin-top: 1rem; width: fit-content !important; } @media (max-width: 1023px) { /* На мобильных аккордеон не показываем даже в режиме «развернуть блок» */ body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #services .accordion { display: none !important; } /* Mobile slider → колонкой для правки всех карточек */ body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #services .accordion__mobile { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #services .mobile-slider-scroll, body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #services .tw-dir-mobile-track { overflow-x: visible !important; scroll-snap-type: none !important; flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; padding-left: 1rem !important; padding-right: 1rem !important; } body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #services .mobile-slide { flex: 1 1 auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; scroll-snap-align: unset !important; margin-left: 0 !important; margin-right: 0 !important; } } /* Portfolio grid / slider */ body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #cases .tw-works-slider-wrap { overflow: visible !important; } body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #cases .tw-works-slider-scroll { overflow: visible !important; padding-bottom: 0 !important; } body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #cases .tw-works-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: auto; width: 100% !important; flex-wrap: wrap !important; gap: 1.25rem !important; } @media (max-width: 767px) { body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #cases .tw-works-grid { grid-template-columns: 1fr !important; } } body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #cases .tw-works-card:first-child { margin-inline-end: 0 !important; } body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #cases .tw-works-card:last-child { margin-inline-start: 0 !important; } body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #cases .tw-works-card { min-width: 0 !important; } /* Комментарии (карусель) */ body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #reviews .max-w-screen { overflow-x: visible !important; } body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #commentsTrack { flex-wrap: wrap !important; transform: none !important; transition: none !important; width: 100% !important; justify-content: flex-start !important; align-items: stretch !important; gap: 1.25rem !important; overflow: visible !important; } body.twirion-is-visual-fill #main .twirion-reveal-wrap[data-twirion-reveal-expanded='1'] #commentsTrack > div { width: min(520px, 100%) !important; max-width: 100% !important; flex: 1 1 280px !important; margin: 0 !important; } /* Блок «Наш стэк»: при развороте ничего не обрезаем по высоте/оси X */ body.twirion-is-visual-fill #main #stack.twirion-reveal-wrap[data-twirion-reveal-expanded='1'] { overflow-x: visible !important; overflow-y: visible !important; min-height: 0; } body.twirion-is-visual-fill #main [data-twirion-field]:is(input, textarea):hover { outline-color: rgba(19, 94, 150, 0.75); box-shadow: 0 0 0 4px rgba(34, 113, 177, 0.22); cursor: pointer; } body.twirion-is-visual-fill #main button[data-twirion-field]:not(:disabled):hover { outline: 2px dashed rgba(19, 94, 150, 0.75); outline-offset: 4px; box-shadow: 0 0 0 4px rgba(34, 113, 177, 0.22); cursor: pointer; } /* Инспектор (как в Elementor): любой блок на странице — контур, margin / border / padding разными цветами */ body.twirion-is-visual-fill .tw-vf-metrics-root { position: fixed; inset: 0; z-index: 99990; pointer-events: none; overflow: visible; } body.twirion-is-visual-fill .tw-vf-metrics-fill { position: fixed; z-index: 0; box-sizing: border-box; pointer-events: none; } body.twirion-is-visual-fill .tw-vf-metrics-fill--m { background: rgba(249, 115, 22, 0.22); border: 1px dashed rgba(234, 88, 12, 0.65); } body.twirion-is-visual-fill .tw-vf-metrics-fill--p { background: rgba(56, 189, 248, 0.2); border: 1px dashed rgba(2, 132, 199, 0.6); } body.twirion-is-visual-fill .tw-vf-metrics-fill--b { background: rgba(250, 204, 21, 0.24); border: 1px dashed rgba(180, 130, 8, 0.65); } body.twirion-is-visual-fill .tw-vf-metrics-el-frame { position: fixed; z-index: 2; box-sizing: border-box; pointer-events: none; border: 2px solid rgba(34, 113, 177, 0.9); border-radius: 3px; background: rgba(34, 113, 177, 0.08); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6) inset, 0 0 20px rgba(34, 113, 177, 0.18); } body.twirion-is-visual-fill .tw-vf-metrics-badge { position: fixed; z-index: 4; transform: translate(-50%, -50%); padding: 2px 6px; font: 700 11px/1.25 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; border-radius: 4px; white-space: nowrap; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.32); color: #0f172a; pointer-events: none; } body.twirion-is-visual-fill .tw-vf-metrics-badge--m { background: rgba(253, 186, 116, 0.96); border: 1px solid rgba(217, 119, 6, 0.88); } body.twirion-is-visual-fill .tw-vf-metrics-badge--p { background: rgba(191, 219, 254, 0.96); border: 1px solid rgba(37, 99, 235, 0.82); } body.twirion-is-visual-fill .tw-vf-metrics-badge--b { background: rgba(253, 230, 138, 0.96); border: 1px solid rgba(180, 83, 9, 0.88); color: #422006; } body.twirion-is-visual-fill .tw-vf-metrics-badge--dim { background: rgba(226, 232, 240, 0.95); border: 1px solid rgba(100, 116, 139, 0.88); font-weight: 600; } body.twirion-is-visual-fill .tw-vf-metrics-badge--type { max-width: min(580px, 92vw); white-space: normal; text-align: center; font-weight: 600; line-height: 1.35; padding: 4px 8px; background: rgba(250, 245, 255, 0.96); border: 1px solid rgba(139, 92, 246, 0.55); } body.twirion-is-visual-fill .tw-vf-inspect-chain { box-sizing: border-box; position: fixed; right: 12px; bottom: 12px; left: auto; top: auto; z-index: 6; min-width: 0; max-width: min(520px, 94vw); max-height: min(42vh, 360px); overflow: auto; padding: 8px 10px 10px; border-radius: 4px; background: linear-gradient(165deg, #f0f6ff 0%, #ffffff 55%, #ffffff 100%); color: #1d2327; font: 12px / 1.45 ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; box-shadow: 0 8px 28px rgba(34, 113, 177, 0.16); border: 1px solid #c5d9f5; pointer-events: none; } body.twirion-is-visual-fill .tw-vf-inspect-chain__row { padding: 3px 0; border-bottom: 1px solid #e8f1fc; word-break: break-word; } body.twirion-is-visual-fill .tw-vf-inspect-chain__row:last-child { border-bottom: none; padding-bottom: 0; } body.twirion-is-visual-fill .tw-vf-inspect-chain__row--current { color: #135e96; font-weight: 700; padding-top: 0; margin-bottom: 2px; } /* Homepage block headings + section spacing: assets/css/twirion-home-sections.css */ .twirion-home-latest-products .twirion-new-arrivals { margin: 0; } .twirion-home-latest-products .twirion-new-arrivals .woocommerce ul.products { margin-top: 0; } .twirion-home-reviews__controls { display: inline-flex; gap: 8px; } .twirion-home-reviews__arrow { width: 42px; height: 42px; border: 1px solid #6a2fff; border-radius: 999px; background: #ffffff; color: #6a2fff; font-size: 18px; line-height: 1; cursor: pointer; transition: all 0.2s ease; } .twirion-home-reviews__arrow:hover { background: #6a2fff; color: #ffffff; } .twirion-home-reviews__arrow:disabled { opacity: 0.35; cursor: default; } .twirion-home-reviews__viewport { overflow: hidden; } .twirion-home-reviews__track { display: flex; transition: transform 0.35s ease; will-change: transform; } .twirion-home-review-card { flex: 0 0 calc(100% / 3); padding: 0 10px; box-sizing: border-box; } .twirion-home-review-card__stars { color: #f5b301; font-size: 18px; letter-spacing: 2px; margin-bottom: 10px; } .twirion-home-review-card__text { margin: 0 0 10px; color: #2b2f3d; font-size: 15px; line-height: 1.55; } .twirion-home-review-card__author { margin: 0; color: #676b79; font-size: 14px; } @media (max-width: 1024px) { .twirion-home-review-card { flex-basis: calc(100% / 2); } } @media (max-width: 640px) { .twirion-home-latest-products, .twirion-home-reviews { padding-left: 16px; padding-right: 16px; } .twirion-home-review-card { flex-basis: 100%; padding: 0 4px; } } /* Header phone before My account */ .masthead .branding a.mini-contacts.show-on-desktop.near-logo-first-switch { display: inline-flex; align-items: center; gap: 6px; margin-right: 14px; color: #0a0a0a; text-decoration: none; font-family: var(--sdk-global-font, "Kanit", sans-serif); font-weight: 500; font-size: 14px; line-height: 1.2; white-space: nowrap; } .masthead .branding .mini-contacts i.the7-mw-icon-phone-bold { font-family: icomoon-the7-font !important; font-style: normal; font-weight: 400; font-size: 16px; line-height: 1; color: var(--sdk-accent, #6a2fff) !important; flex-shrink: 0; } .masthead .branding a.mini-contacts.show-on-desktop.near-logo-first-switch:hover { opacity: 0.7; text-decoration: none; } /* Track Order — отступ между карточкой и блоком Need help */ .twirion-static-page article > .twirion-track-order__help { margin-top: 56px !important; }