diff --git a/.vscode/settings.json b/.vscode/settings.json
index a334858..18bd1f2 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,17 +1,14 @@
{
- "liveSassCompile.settings.formats": [
- {
- "format": "compressed",
- "extensionName": ".css",
- "savePath": "",
- "savePathSegmentKeys": null,
- "savePathReplaceSegmentsWith": null
- }
- ],
- "liveSassCompile.settings.generateMap": true,
- "liveSassCompile.settings.autoprefix": "defaults",
- "liveSassCompile.settings.watchOnLaunch": true,
- "liveSassCompile.settings.includeItems": [
- "/wp-content/themes/bridge-child/styles/*.scss"
- ]
-}
\ No newline at end of file
+ "liveSassCompile.settings.formats": [
+ {
+ "format": "compressed",
+ "extensionName": ".css",
+ "savePath": "~/../style-css/",
+ "savePathSegmentKeys": null,
+ "savePathReplaceSegmentsWith": null
+ }
+ ],
+ "liveSassCompile.settings.generateMap": true,
+ "liveSassCompile.settings.autoprefix": "defaults",
+ "liveSassCompile.settings.watchOnLaunch": true
+}
diff --git a/ajax.php b/ajax.php
index 78caebb..4a960e6 100644
--- a/ajax.php
+++ b/ajax.php
@@ -26,6 +26,31 @@ $mdb = new medoo( [
'charset' => 'utf8'
] );
+function saveArticleUnlockData($email = '') {
+ $filePath = $_SERVER['DOCUMENT_ROOT'] . '/autoinstalator/wordpress6/b2b_users.csv';
+
+ $data = array(
+ 'Email' => $email,
+ 'Timestamp' => date('Y-m-d H:i:s')
+ );
+
+ if (!file_exists($filePath)) {
+ $header = array_keys($data);
+ $history = array($header);
+ } else {
+ $history = array_map('str_getcsv', file($filePath));
+ }
+
+ $history[] = $data;
+
+ $csvContent = fopen($filePath, 'w');
+ foreach ($history as $row) {
+ fputcsv($csvContent, $row);
+ }
+ fclose($csvContent);
+}
+
+
if ( !$lang_id = \S::get_session( 'current-lang' ) )
{
$lang_id = \front\factory\Languages::default_language();
@@ -117,12 +142,19 @@ if ( \S::get( 'a' ) == 'contrast' )
exit;
}
-if ( \S::get( 'a' ) == 'article_unlock' )
-{
- \front\controls\Articles::article_unlock(
- \S::get( 'password' ),
- \S::get( 'article_id' )
- );
+if (\S::get('a') == 'article_unlock') {
+ $article_id = \S::get('article_id');
+ $email = \S::get('email');
+
+ $success = \front\controls\Articles::article_unlock(
+ \front\factory\Articles::article_password($article_id),
+ $article_id
+ );
+
+ if ($success) {
+ saveArticleUnlockData($email);
+ }
+
exit;
}
diff --git a/autoload/front/controls/class.Articles.php b/autoload/front/controls/class.Articles.php
index c8b0c3c..3cbdb5a 100644
--- a/autoload/front/controls/class.Articles.php
+++ b/autoload/front/controls/class.Articles.php
@@ -70,7 +70,10 @@ class Articles
public static function article_unlock( $password, $article_id )
{
- if ( $password == \front\factory\Articles::article_password( $article_id ) )
+ if ( $password == \front\factory\Articles::article_password( $article_id ) ){
\S::set_session( 'article-' . $article_id . '-' . $password, true );
+ return true;
+ }
+ return false;
}
}
diff --git a/b2b_users.csv b/b2b_users.csv
new file mode 100644
index 0000000..e69de29
diff --git a/layout/style-css/style.css b/layout/style-css/style.css
index 99af9c5..8adf50e 100644
--- a/layout/style-css/style.css
+++ b/layout/style-css/style.css
@@ -1 +1 @@
-@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Light.otf") format("otf");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Regular.otf") format("otf");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Medium.otf") format("otf");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-SemiBold.otf") format("otf");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Bold.otf") format("otf");font-weight:700;font-style:normal;font-display:swap}body{font-family:"URW Form",sans-serif}body p{letter-spacing:.05em;font-size:16px}a{text-decoration:none}a:hover{text-decoration:none}.anchor{cursor:pointer}@media(max-width: 575px){#main-menu{height:100%;width:100%;position:fixed;z-index:10;background:#fff;display:none}#main-menu.visible{display:flex}}@media(max-width: 575px){#main-menu div[id^=menu-container-]{width:100%;display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center}}#main-menu div[id^=menu-container-] ul{margin:0;padding:0;list-style-type:none}@media(min-width: 576px){#main-menu div[id^=menu-container-] ul{display:flex}}@media(max-width: 575px){#main-menu div[id^=menu-container-] ul{width:100%}}#main-menu div[id^=menu-container-] ul li{position:relative}@media(min-width: 576px){#main-menu div[id^=menu-container-] ul li.parent>a{pointer-events:none}}#main-menu div[id^=menu-container-] ul li ul{position:absolute;display:none}@media(max-width: 575px){#main-menu div[id^=menu-container-] ul li ul{position:static}}@media(min-width: 576px){#main-menu div[id^=menu-container-] ul li:hover ul{display:block}}#main-menu div[id^=menu-container-] ul li.active ul{display:block}#main-menu div[id^=menu-container-]#menu-container-1 .level-0{justify-content:space-between}#main-menu div[id^=menu-container-]#menu-container-1 .level-0>li{display:flex;align-items:center}#main-menu div[id^=menu-container-]#menu-container-1 .level-0>li>a{color:#bababa;text-transform:uppercase}#main-menu div[id^=menu-container-]#menu-container-1 .level-0>li#link-8>a{color:#fff;font-weight:800;font-size:23px;padding:16px 46px 14px 46px;background-color:#010101}#main-menu-btn{height:70px;width:70px;position:fixed;bottom:30px;right:60px;color:#fff;background:#000;display:none;z-index:9999;line-height:50px;text-align:center;font-size:35px;cursor:pointer;border-radius:50%}@media(max-width: 991px){#main-menu-btn{display:flex;align-items:center;justify-content:center}}.btn-1{position:relative;display:inline-block;width:100%;color:#010101;font-weight:300;font-size:26px;padding:28px 57px;border:1px solid #010101}.btn-1:hover{color:#010101}.btn-1::before{content:"";position:absolute;right:46px;top:50%;transform:translateY(-50%);width:58px;height:2px;background-color:#010101}.btn-1::after{content:"";position:absolute;right:46px;top:50%;transform:translateY(-50%) rotate(45deg);width:14px;height:14px;border-right:2px solid #010101;border-top:2px solid #010101}#footer{background-color:#010101}#footer .footer_wrapper{color:#fff;padding-top:35px;padding-bottom:50px}#footer .footer_wrapper .footer_top{display:flex;flex-direction:row;justify-content:space-between}#footer .footer_wrapper .footer_top .box-left{display:flex;justify-content:center;flex-direction:column;font-size:14px}#footer .footer_wrapper .footer_top .box-left p{font-weight:400;line-height:22px;font-size:14px;letter-spacing:.01em;margin-bottom:0}#footer .footer_wrapper .footer_top .box-left img{max-width:130px;margin-bottom:40px}#footer .footer_wrapper .footer_top .box-center h4{font-size:18px;font-weight:700}#footer .footer_wrapper .footer_top .box-center ul{padding:0;margin:0;list-style:none}#footer .footer_wrapper .footer_top .box-center ul li:not(:last-child){margin-bottom:10px}#footer .footer_wrapper .footer_top .box-center ul li a{color:#fff;font-size:14px;letter-spacing:.01em}#footer .footer_wrapper .footer_top .box-right{position:relative;padding-top:30px}#footer .footer_wrapper .footer_top .box-right::before{content:"";position:absolute;top:9px;left:0;right:0;height:1px;background:#fff}#footer .footer_wrapper .footer_top .box-right ul{padding:0;margin:0;list-style:none}#footer .footer_wrapper .footer_top .box-right ul li:not(:last-child){margin-bottom:10px}#footer .footer_wrapper .footer_top .box-right ul li a{color:#fff;font-size:14px;letter-spacing:.01em}@media(max-width: 767px){#footer .footer_wrapper .footer_top{flex-direction:column;row-gap:50px}}#contact-mini{padding:60px 0;background-color:#f6f6f6}#contact-mini .left_col{text-align:right}@media(min-width: 992px){#contact-mini .left_col{padding-right:50px}}@media(max-width: 991px){#contact-mini .left_col{text-align:center;margin-bottom:30px}}#contact-mini .left_col h2{font-weight:700;font-size:32px;margin-bottom:60px}#contact-mini .left_col p{margin-bottom:0}#contact-mini .left_col ul{margin:0;padding:0;list-style:none}#contact-mini .left_col ul.contact-social{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:9px;margin-bottom:50px;margin-top:15px}#contact-mini .left_col ul.contact-social::before{content:"";position:absolute;bottom:-25px;height:1px;width:275px;background:#010101}#contact-mini .left_col ul.contact-social img{max-width:25px}@media(max-width: 991px){#contact-mini .left_col ul.contact-social{margin-top:20px;justify-content:center}}#contact-mini .left_col ul.contact-data li:not(:last-child){margin-bottom:10px}#contact-mini .left_col ul.contact-data li a{color:#010101;font-weight:400;font-size:18px}#contact-mini .right_col p{font-weight:300}#contact-mini .right_col .contact-head{padding-top:5px}#contact_form button{border:0}#contact_form .agreement{font-size:10px}#contact_form .agreement .agreement-container{margin-bottom:10px}#contact_form .agreement .agreement-container .form_group_2{display:flex;align-items:center;gap:10px}#contact_form .agreement .agreement-container .form_group_2:not(:last-child){margin-bottom:10px}#contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;min-width:26px;height:26px;background:#010101;cursor:pointer;overflow:hidden}#contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]::before{content:"";position:absolute;top:-20px;left:35px;width:3px;height:17px;background:#fff;transform:rotate(35deg);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;transition:top 250ms ease-in-out,left 250ms ease-in-out}#contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]::after{content:"";position:absolute;top:-7px;left:-16px;width:3px;height:11px;background:#fff;transform:rotate(-45deg);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;transition:top 250ms ease-in-out,left 250ms ease-in-out}#contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]:checked::before{top:6px;left:14px}#contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]:checked::after{top:12px;left:7px}#contact_form .agreement .agreement-container .form_group_2 label{margin-bottom:0;line-height:1.5;cursor:pointer}#contact_form .agreement .agreement-container .form_group_2 label.label_form_check2{max-width:240px}#contact_form .agreement .btn.btn-send{position:relative;color:#fff;font-weight:700;font-size:16px;text-transform:uppercase;padding:16px 60px 16px 20px;background:#010101;border-radius:0;display:block;margin-left:auto}#contact_form .agreement .btn.btn-send::before{content:"";position:absolute;right:16px;top:50%;height:2px;width:30px;background:#fff;transform:translateY(-50%)}#contact_form .agreement .btn.btn-send::after{content:"";position:absolute;right:16px;top:50%;height:12px;width:12px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-50%) rotate(-45deg)}#contact_form .form_group{position:relative;display:flex;flex-direction:column;border:1px solid #010101;margin-bottom:11px}#contact_form .form_group textarea{border:0;height:100px;padding:13px;resize:none}#contact_form .form_group textarea::-moz-placeholder{color:#bababa;font-weight:700;font-size:12.8px;line-height:20px}#contact_form .form_group textarea::placeholder{color:#bababa;font-weight:700;font-size:12.8px;line-height:20px}#contact_form .form_group textarea:focus{outline:none}#contact_form .form_group input,#contact_form .form_group select{border:none;padding:13px}#contact_form .form_group input::-moz-placeholder, #contact_form .form_group select::-moz-placeholder{color:#bababa;font-weight:700;font-size:12.8px;line-height:20px}#contact_form .form_group input::placeholder,#contact_form .form_group select::placeholder{color:#bababa;font-weight:700;font-size:12.8px;line-height:20px}#contact_form .form_group input:focus,#contact_form .form_group select:focus{outline:none}header{position:sticky;top:0;background:#fff;z-index:998;transition:box-shadow 150ms linear}header.fixed{box-shadow:0px 0px 30px rgba(1,1,1,.4)}header ul{margin:0;padding:0;list-style:none}@media(min-width: 1620px){header .container{max-width:1140px}}@media(min-width: 1360px){header .container{max-width:1140px}}@media(min-width: 1200px){header .container{max-width:1140px}}header .header__wrapper{display:flex;flex-direction:row;justify-content:space-between}@media(max-width: 767px){header .header__wrapper{flex-direction:column;gap:10px}}@media(max-width: 991px){header .header__wrapper{-moz-column-gap:25px;column-gap:25px}}header .header__wrapper .header_left{display:flex;align-items:center;justify-content:center}@media(min-width: 992px)and (max-width: 1199px){header .header__wrapper .header_left{padding:20px}}@media(max-width: 991px){header .header__wrapper .header_left{margin:20px auto}}header .header__wrapper .header_left a{display:block;position:relative;z-index:10;max-width:194px}header .header__wrapper .header_left a img{width:100%;max-width:150px}header .header__wrapper .header_right{padding:30px 0}@media(max-width: 991px){header .header__wrapper .header_right{padding:20px 0}}header .header__wrapper .header_right .header_big_btn a{display:inline-block;font-weight:800 !important;font-size:23px !important;color:#fff !important;padding:12px 25px 7px 25px;background:#010101;cursor:pointer}@media(max-width: 1199px){header .header__wrapper .header_right .header_big_btn a{font-size:20px !important;padding:12px 20px 7px 20px}}@media(max-width: 991px){header .header__wrapper #advance_menu{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;display:none;align-items:center;justify-content:center}header .header__wrapper #advance_menu.visible{display:flex}}header .header__wrapper #advance_menu .static_height{height:230px}header .header__wrapper #advance_menu ul{background:#fff}@media(min-width: 992px){header .header__wrapper #advance_menu ul:not(.lvl_1) li.parent:hover>a::before{width:calc(100% - 23px)}header .header__wrapper #advance_menu ul:not(.lvl_1) li.parent>a::after{content:url("/upload/filemanager/Icons/mini_arrow_bottom_new.svg");display:inline-block;margin-left:7px;transition:all 250ms ease}}@media(max-width: 991px){header .header__wrapper #advance_menu ul li.parent>a{display:flex;flex-direction:row;justify-content:space-between}header .header__wrapper #advance_menu ul li.parent>a::after{content:url("/upload/filemanager/Icons/mini_arrow_bottom_new.svg");transform:rotate(-90deg);margin-left:7px;transition:all 250ms ease}header .header__wrapper #advance_menu ul li.parent>a:hover::after{transform:rotate(0deg)}}header .header__wrapper #advance_menu ul li.parent>a{width:-moz-fit-content;width:fit-content}@media(min-width: 992px){header .header__wrapper #advance_menu ul li.parent>a{padding-bottom:5px}}header .header__wrapper #advance_menu ul li:hover>a::before{width:100%}@media(max-width: 991px){header .header__wrapper #advance_menu ul li:not(:last-child)::after{content:"";position:absolute;bottom:-15px;left:0;right:0;height:1px;background:#d9d9d9}}header .header__wrapper #advance_menu ul li a{position:relative;color:#010101;font-weight:400;font-size:15px;width:-moz-fit-content;width:fit-content;text-transform:uppercase}header .header__wrapper #advance_menu ul li a::before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:rgba(0,0,0,.15);transition:all 250ms ease}@media(min-width: 992px){header .header__wrapper #advance_menu ul li a.no-click{pointer-events:none}}@media(max-width: 1199px){header .header__wrapper #advance_menu ul li a{font-size:14px}}@media(max-width: 991px){header .header__wrapper #advance_menu ul li a{font-size:16px;display:block;width:100% !important}header .header__wrapper #advance_menu ul li a::before{display:none}}header .header__wrapper #advance_menu ul.lvl_1{display:flex;align-items:center;gap:40px}@media(min-width: 992px)and (max-width: 1199px){header .header__wrapper #advance_menu ul.lvl_1{gap:20px}}@media(max-width: 991px){header .header__wrapper #advance_menu ul.lvl_1{flex-wrap:wrap;gap:30px;width:100%;max-width:400px;padding-left:15px;padding-right:15px}}header .header__wrapper #advance_menu ul.lvl_1>li{position:relative}@media(max-width: 991px){header .header__wrapper #advance_menu ul.lvl_1>li{width:100%}}header .header__wrapper #advance_menu ul.lvl_1>li.parent:hover ul.lvl_2{opacity:1;visibility:visible}@media(max-width: 991px){header .header__wrapper #advance_menu ul.lvl_1>li.parent.active ul.lvl_2{display:block;opacity:1;visibility:visible;width:100%;box-shadow:none;background:#f4f4f4;height:auto !important;padding:10px 20px;margin-top:10px}}@media(max-width: 991px)and (max-width: 991px){header .header__wrapper #advance_menu ul.lvl_1>li.parent.active ul.lvl_2{padding:0 0 0 20px;background:#fff}}@media(max-width: 991px){header .header__wrapper #advance_menu ul.lvl_1>li.parent.active ul.lvl_2 li a{margin-left:auto;margin-right:auto}}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2{position:absolute;left:0;width:-moz-max-content;width:max-content;opacity:0;visibility:hidden;transition:visibility 250ms ease,opacity 250ms ease;padding:20px;box-shadow:0px 0px 30px rgba(1,1,1,.06)}@media(max-width: 991px){header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2{position:static;display:none}}@media(min-width: 992px){header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li:hover>a::after{transform:rotate(-90deg)}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li:hover ul.lvl_3{opacity:1;visibility:visible;transition-delay:200ms}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li:hover .category_img{opacity:1;visibility:visible;transition-delay:200ms;display:flex;align-items:center;justify-content:center}}@media(max-width: 991px){header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li.active ul.lvl_3{display:block;visibility:visible;opacity:1;position:static;width:100%;background:rgba(0,0,0,0);height:auto;padding-top:0;box-shadow:none;padding:10px 0 0 0}}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li>a{padding:5px 0}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li a{font-size:14px}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li ul.lvl_3{position:absolute;left:calc(100% - 20px);top:0;bottom:0;padding:20px;width:-moz-max-content;width:max-content;transition:visibility 250ms ease,opacity 250ms ease;opacity:0;visibility:hidden;width:200px;box-shadow:30px 0px 30px rgba(1,1,1,.06);min-height:-moz-fit-content;min-height:fit-content}@media(max-width: 991px){header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li ul.lvl_3{transition:none}}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li ul.lvl_3 li{padding:0px 10px}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li ul.lvl_3 li a{padding-bottom:5px}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li .category_img{position:absolute;left:calc(100% + 150px - 10px);top:0;padding:20px;opacity:0;visibility:hidden;transition:visibility 250ms ease,opacity 250ms ease}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li .category_img::before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:#fff}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li .category_img img{position:relative;z-index:1}#page-hero{height:475px;position:relative;display:flex;align-items:center}@media(max-width: 991px){#page-hero{height:400px}}#page-hero>div{width:100%}#page-hero .hero-bg{position:absolute;inset:0;overflow:hidden}#page-hero .hero-bg .row{height:100%;margin:0}#page-hero .hero-bg .row .col-12{height:100%;padding:0}#page-hero .hero-bg img{min-width:100%;width:100%;max-width:-moz-fit-content;max-width:fit-content;filter:brightness(0.7);height:100%;-o-object-fit:cover;object-fit:cover}#page-hero .hero-bg video{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100% !important;min-height:100%;width:auto !important;height:100%;z-index:1;overflow:hidden;background-color:#010101}#page-hero .hero-data{position:relative;z-index:1}#page-hero .hero-data ul{position:relative;display:flex;flex-direction:row;align-items:center;margin:0;padding:0;list-style:none;gap:30px;margin-bottom:60px;width:-moz-fit-content;width:fit-content}#page-hero .hero-data ul::before{content:"";position:absolute;bottom:-30px;height:2px;right:0;left:-50%;background-color:#fff}#page-hero .hero-data ul li{position:relative;color:#fff;font-weight:200;font-size:25px}#page-hero .hero-data ul li:not(:last-child)::before{content:">";position:absolute;top:50%;right:-30px;color:#fff;transform:translate(-50%, -50%)}#page-hero .hero-data ul li a{color:#fff;font-weight:200;font-size:25px}@media(max-width: 991px){#page-hero .hero-data ul li{font-size:22px}#page-hero .hero-data ul li a{font-size:22px}}@media(max-width: 767px){#page-hero .hero-data ul li{font-size:18px}#page-hero .hero-data ul li a{font-size:18px}}#page-hero .hero-data h2{color:#fff;font-weight:700;font-size:40px;margin-bottom:0}@media(max-width: 991px){#page-hero .hero-data h2{font-size:32px}}@media(max-width: 767px){#page-hero .hero-data h2{font-size:26px}}#catalog-box .catalog-box-1{background-color:#e3e1de}@media(max-width: 991px){#catalog-box .catalog-box-1{padding:40px 0 60px 0}}#catalog-box .catalog-box-1 ul{display:flex;flex-direction:column;row-gap:35px;margin:0;padding:0;list-style:none}#catalog-box .catalog-box-1 ul li a{width:100%;display:block;color:#fff;font-weight:200;font-size:26px;padding:24px 120px 20px 45px;background-color:#010101}#catalog-box .catalog-box-1 ul li a.download-catalog{position:relative}#catalog-box .catalog-box-1 ul li a.download-catalog::before{content:"";position:absolute;right:45px;top:50%;width:60px;height:40px;background-image:url("/upload/filemanager/Icons/icon-download-file.svg");background-size:cover;background-repeat:no-repeat;transform:translateY(-50%)}#catalog-box .catalog-box-2{margin:100px 0}#catalog-box .catalog-box-2 a.btn-1{padding:28px 110px 28px 57px}@media(max-width: 991px){#catalog-box .catalog-box-2{margin:60px 0}}#nav_tabs{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:17px;max-width:400px;padding:10px 0 10px 40px;list-style:none;border-left:2px solid #010101;margin-bottom:0}#nav_tabs li{position:relative;min-width:-moz-fit-content;min-width:fit-content;border:1px solid #f0f0f0;background:#fff;transition:background 250ms ease}#nav_tabs li.new::before{content:"";position:absolute;top:-10px;right:-15px;width:37px;height:28px;background-image:url("/upload/filemanager/Icons/new-icon.png");background-position:center;background-size:contain;background-repeat:no-repeat}#nav_tabs li.active{background:#f0f0f0}#nav_tabs li a{display:inline-block;color:#010101;font-weight:300;font-size:19px;line-height:1;font-family:"New Order",sans-serif;margin-bottom:0;text-decoration:none;padding:14px 22px;cursor:pointer}@media(max-width: 991px){#nav_tabs{max-width:unset;justify-content:center;border-top:2px solid #010101;border-left:none;padding:40px 10px 10px 10px}}#product-preview-box .product-preview-box .scontainer-content .product-nav{position:relative;margin-top:50px;padding-bottom:80px}#product-preview-box .product-preview-box .scontainer-content .product-nav::before{content:"";position:absolute;bottom:40px;left:0;right:0;height:1px;background-color:#d9d9d9}#product-preview-box .product-preview-box .scontainer-content .product-nav>.row{align-items:center}#product-preview-box .product-preview-box .scontainer-content .product-nav .col-left{text-align:right}#product-preview-box .product-preview-box .scontainer-content .product-nav .col-left h3{font-size:30px;font-weight:600;text-transform:uppercase;max-width:200px;margin-left:auto;margin-bottom:0;padding:30px 20px 30px 0}@media(max-width: 991px){#product-preview-box .product-preview-box .scontainer-content .product-nav::before{display:none}#product-preview-box .product-preview-box .scontainer-content .product-nav .col-left{text-align:center}#product-preview-box .product-preview-box .scontainer-content .product-nav .col-left h3{padding:30px 20px;max-width:unset}}#product-preview-box .product-preview-box .scontainer-content .product-preview{display:none}#product-preview-box .product-preview-box .scontainer-content .product-preview.active{display:block}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img{padding-top:15px}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-wrapper .swiper-slide{text-align:center}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:60px;margin-top:40px}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-button-disabled{opacity:.6}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-next,#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-prev{position:relative;cursor:pointer;width:52px;height:52px;border:1px solid #d9d9d9;transition:background 250ms ease-in-out}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-next::before,#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-prev::before{content:"";position:absolute;top:50%;left:50%;width:22px;height:22px;border-top:4px solid #d9d9d9;border-right:4px solid #d9d9d9;transition:border-color 250ms ease-in-out}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-next:not(.swiper-button-disabled),#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-prev:not(.swiper-button-disabled){background:#d9d9d9}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-next:not(.swiper-button-disabled)::before,#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-prev:not(.swiper-button-disabled)::before{border-color:#fff}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-next.swiper-slide-next::before,#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-prev.swiper-slide-next::before{transform:translate(calc(-50% - 4px), -50%) rotate(45deg)}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-next.swiper-slide-prev::before,#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-prev.swiper-slide-prev::before{transform:translate(calc(-50% + 4px), -50%) rotate(-135deg)}@media(max-width: 991px){#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img{margin-bottom:50px}}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text{display:flex;flex-direction:column;justify-content:space-between;padding-top:50px}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul{list-style:none;margin-bottom:0;padding:10px 0px 10px 20px;height:100%;border-left:2px solid #010101;direction:rtl}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul::-webkit-scrollbar{width:3px}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul::-webkit-scrollbar-thumb{background:#dadada;border-radius:0px}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(128,128,128,.1);border-radius:0px}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul::-webkit-scrollbar-thumb:hover{background:#000}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul li{display:grid;grid-template-columns:120px 1fr;-moz-column-gap:40px;column-gap:40px;direction:ltr}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul li:not(:last-child){margin-bottom:25px}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul li h4{font-weight:700;font-size:18px;margin-bottom:0;text-align:right}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul li p{font-weight:400;font-size:18px;line-height:26px;letter-spacing:.05em;margin-bottom:0}@media(max-width: 991px){#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul{border-left:none}}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text__footer{display:grid;grid-template-columns:1fr 1fr;align-items:center;-moz-column-gap:55px;column-gap:55px;row-gap:15px;padding-top:70px;padding-left:40px}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text__footer .btn8{font-weight:700;font-size:22px;text-transform:uppercase;padding:20px 80px;border:3px solid #010101;margin-bottom:0}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text__footer img{width:100%;max-width:-moz-fit-content;max-width:fit-content}@media(max-width: 767px){#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text__footer{grid-template-columns:1fr;padding-left:0}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text__footer .btn8{order:1}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text__footer img{margin:0 auto}}@media(max-width: 991px){#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text{padding-top:0;margin-bottom:0}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul{padding:0}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul li{grid-template-columns:1fr}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul li h4{text-align:left}}@media(max-width: 767px){#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text .btn8{margin-top:40px;margin-left:auto;margin-right:auto}}@media(max-width: 991px){#product-preview-box .product-preview-box .scontainer-content .product-preview{padding-left:0}}#product-description-box{margin-bottom:200px}@media(max-width: 991px){#product-description-box{margin-bottom:100px}}#product-description-box .col-right{position:relative;margin-top:30px;height:-moz-fit-content;height:fit-content}#product-description-box .col-right::before{content:"";position:absolute;left:48px;right:15px;bottom:0;height:2px;background:#010101}#product-description-box .col-right ul{margin:0 0 80px 0;padding:0;list-style:none;overflow:hidden;transition:height 250ms ease-in-out}#product-description-box .col-right ul p{font-weight:300;font-size:14px;-webkit-hyphens:auto;hyphens:auto}#product-description-box .col-right ul p strong{font-weight:800}#product-description-box .col-right ul p:last-child{margin-bottom:0}@media(max-width: 991px){#product-description-box .col-right::before{left:15px}}.action-btn{position:absolute;width:42px;height:42px;background-color:#d9d9d9;bottom:20px;right:15px;cursor:pointer;border:2px solid #d9d9d9;transition:background 250ms ease-in-out}.action-btn.active{background:#fff}.action-btn.active::after{height:0}.action-btn.active::before{background:#d9d9d9}.action-btn::before{content:"";position:absolute;top:50%;left:50%;width:29px;height:2px;background:#fff;transform:translate(-50%, -50%);transition:background 250ms ease-in-out}.action-btn::after{content:"";position:absolute;top:50%;left:50%;width:2px;height:29px;background:#fff;transform:translate(-50%, -50%);transition:height 250ms ease-in-out}#product-colors .product-colors{display:none}#product-colors .product-colors.active{display:block}#product-colors .col-left{text-align:right}#product-colors .col-left h2{font-weight:400;font-size:40px;letter-spacing:1px;text-transform:uppercase;margin-bottom:50px}@media(max-width: 991px){#product-colors .col-left{text-align:left;margin-bottom:50px}#product-colors .col-left h2{margin-bottom:30px}#product-colors .col-left h2 br{display:none}}#product-colors .col-right{border-left:2px solid #010101}#product-colors .col-right .color-tiles-grid{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:50px;column-gap:50px;row-gap:40px}#product-colors .col-right ul{list-style:none;padding:0;margin:0}#product-colors .col-right .color-tiles .color-tiles-title h2{font-weight:300;font-size:20px;margin-bottom:25px}#product-colors .col-right .color-tiles .color-tiles-title h2.color-tiles-title-big{font-size:32px;font-weight:400}#product-colors .col-right .color-tiles .color-tiles-data{display:flex;flex-direction:column;row-gap:17px;overflow:hidden}#product-colors .col-right .color-tiles .color-tiles-data li{display:flex;flex-direction:row;align-items:center;-moz-column-gap:17px;column-gap:17px}#product-colors .col-right .color-tiles .color-tiles-data li img{max-height:30px;width:170px !important;-o-object-fit:cover;object-fit:cover}#product-colors .col-right .color-tiles .color-tiles-data li p{font-weight:400;font-size:13px;margin-bottom:0}#product-colors .col-right .color-tiles .action-btn{position:relative;bottom:0;left:0;right:auto;margin-top:17px}@media(max-width: 767px){#product-colors .col-right .color-tiles-grid{grid-template-columns:1fr}}.accordion-box{list-style:none;padding:70px 30px 70px 70px;margin:0}.accordion-box li:not(:last-child){margin-bottom:25px}.accordion-box li h3{font-size:25px;font-weight:200;margin-bottom:12px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;-moz-column-gap:16px;column-gap:16px;cursor:pointer}.accordion-box li p{display:none;font-size:14px;font-weight:300;margin-bottom:0}.accordion-box .accordion-btn{position:relative;width:46px;height:46px;background:#010101;border:1px solid #010101;transition:background 250ms ease-in-out}.accordion-box .accordion-btn::before{content:"";position:absolute;top:50%;left:50%;width:29px;height:2px;background:#fff;transform:translate(-50%, -50%);transition:background 250ms ease-in-out}.accordion-box .accordion-btn::after{content:"";position:absolute;top:50%;left:50%;width:2px;height:29px;background:#fff;transform:translate(-50%, -50%);transition:height 250ms ease-in-out}.accordion-box .accordion-btn.active{background:#fff}.accordion-box .accordion-btn.active::before{background:#010101}.accordion-box .accordion-btn.active::after{height:0}#our-projects .our-projects-head h2{color:#f0f0f0;text-align:center;font-size:50px;margin-bottom:40px}#our-projects .our-projects-data{background:#f6f6f6}#our-projects .our-projects-data .slider-our-projects .swiper-slide{display:grid;grid-template-columns:1fr 1fr;align-items:center}#our-projects .our-projects-data .slider-our-projects .swiper-slide .slide-data{text-align:right;max-width:250px;margin-left:auto;margin-right:60px}#our-projects .our-projects-data .slider-our-projects .swiper-slide .slide-data h2{font-weight:300;font-size:32px;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}#our-projects .our-projects-data .slider-our-projects .swiper-slide .slide-data p{font-size:12px;line-height:2}#our-projects .our-projects-data .slider-our-projects .swiper-slide .slide-data p:last-child{margin-bottom:0}#our-projects .our-projects-data .slider-our-projects .swiper-slide .slide-img img{width:100%;max-width:-moz-fit-content;max-width:fit-content}@media(max-width: 991px){#our-projects .our-projects-data .slider-our-projects .swiper-slide{grid-template-columns:1fr;row-gap:30px}#our-projects .our-projects-data .slider-our-projects .swiper-slide .slide-img{order:1;text-align:center}#our-projects .our-projects-data .slider-our-projects .swiper-slide .slide-data{order:2;margin-right:0;margin-left:0;max-width:unset;text-align:center;padding-bottom:30px}}#our-projects .our-projects-data .slider-navidation .swiper-button{width:90px;height:90px;border-radius:100%;background:#fff}#our-projects .our-projects-data .slider-navidation .swiper-button-next::after{right:17px;transform:translate(-50%, -50%) rotate(45deg)}@media(min-width: 992px){#our-projects .our-projects-data .slider-navidation .swiper-button-next{right:15px;transform:translateX(50%)}}#our-projects .our-projects-data .slider-navidation .swiper-button-prev::after{left:30px;transform:translate(-50%, -50%) rotate(225deg)}@media(min-width: 992px){#our-projects .our-projects-data .slider-navidation .swiper-button-prev{left:15px;transform:translateX(50%)}}#our-projects .our-projects-data .slider-navidation .swiper-button::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:45px;height:2px;background-color:#010101}#our-projects .our-projects-data .slider-navidation .swiper-button::after{content:"";position:absolute;top:50%;width:14px;height:14px;border-right:2px solid #010101;border-top:2px solid #010101}#cookie-information{font-size:14px}.main-content{padding-top:75px;padding-bottom:75px}.files{list-style:none;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin:0}.files li{background-color:#ebebeb;border-radius:3px;transition:background-color .3s}.files li a{margin:0;padding:20px;display:block;color:#000}.files li a i{font-size:22px;margin-right:10px;top:5px;position:relative}.files li:hover{background-color:#f8f8f8}.files li:hover a{color:gray}.article-password{width:500px;margin:0 auto;padding:50px 50px 40px;box-shadow:0 0px 4px 0 rgba(0,0,0,.2509803922)}.article-password p{color:#000;font-size:15px;text-transform:uppercase;margin-bottom:0}.article-password form{display:flex;flex-direction:column;row-gap:12px}.article-password form input[type=password]{height:46px;border:1px solid #000;border-radius:0}.article-password form input[type=submit]{height:46px;font-size:15px;padding:13px 30px 15px;background:#000;border:none;border-radius:0;text-transform:uppercase}/*# sourceMappingURL=style.css.map */
\ No newline at end of file
+@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Light.otf") format("otf");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Regular.otf") format("otf");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Medium.otf") format("otf");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-SemiBold.otf") format("otf");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Bold.otf") format("otf");font-weight:700;font-style:normal;font-display:swap}body{font-family:"URW Form",sans-serif}body p{letter-spacing:.05em;font-size:16px}a{text-decoration:none}a:hover{text-decoration:none}.anchor{cursor:pointer}@media(max-width: 575px){#main-menu{height:100%;width:100%;position:fixed;z-index:10;background:#fff;display:none}#main-menu.visible{display:flex}}@media(max-width: 575px){#main-menu div[id^=menu-container-]{width:100%;display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center}}#main-menu div[id^=menu-container-] ul{margin:0;padding:0;list-style-type:none}@media(min-width: 576px){#main-menu div[id^=menu-container-] ul{display:flex}}@media(max-width: 575px){#main-menu div[id^=menu-container-] ul{width:100%}}#main-menu div[id^=menu-container-] ul li{position:relative}@media(min-width: 576px){#main-menu div[id^=menu-container-] ul li.parent>a{pointer-events:none}}#main-menu div[id^=menu-container-] ul li ul{position:absolute;display:none}@media(max-width: 575px){#main-menu div[id^=menu-container-] ul li ul{position:static}}@media(min-width: 576px){#main-menu div[id^=menu-container-] ul li:hover ul{display:block}}#main-menu div[id^=menu-container-] ul li.active ul{display:block}#main-menu div[id^=menu-container-]#menu-container-1 .level-0{justify-content:space-between}#main-menu div[id^=menu-container-]#menu-container-1 .level-0>li{display:flex;align-items:center}#main-menu div[id^=menu-container-]#menu-container-1 .level-0>li>a{color:#bababa;text-transform:uppercase}#main-menu div[id^=menu-container-]#menu-container-1 .level-0>li#link-8>a{color:#fff;font-weight:800;font-size:23px;padding:16px 46px 14px 46px;background-color:#010101}#main-menu-btn{height:70px;width:70px;position:fixed;bottom:30px;right:60px;color:#fff;background:#000;display:none;z-index:9999;line-height:50px;text-align:center;font-size:35px;cursor:pointer;border-radius:50%}@media(max-width: 991px){#main-menu-btn{display:flex;align-items:center;justify-content:center}}.btn-1{position:relative;display:inline-block;width:100%;color:#010101;font-weight:300;font-size:26px;padding:28px 57px;border:1px solid #010101}.btn-1:hover{color:#010101}.btn-1::before{content:"";position:absolute;right:46px;top:50%;transform:translateY(-50%);width:58px;height:2px;background-color:#010101}.btn-1::after{content:"";position:absolute;right:46px;top:50%;transform:translateY(-50%) rotate(45deg);width:14px;height:14px;border-right:2px solid #010101;border-top:2px solid #010101}#footer{background-color:#010101}#footer .footer_wrapper{color:#fff;padding-top:35px;padding-bottom:50px}#footer .footer_wrapper .footer_top{display:flex;flex-direction:row;justify-content:space-between}#footer .footer_wrapper .footer_top .box-left{display:flex;justify-content:center;flex-direction:column;font-size:14px}#footer .footer_wrapper .footer_top .box-left p{font-weight:400;line-height:22px;font-size:14px;letter-spacing:.01em;margin-bottom:0}#footer .footer_wrapper .footer_top .box-left img{max-width:130px;margin-bottom:40px}#footer .footer_wrapper .footer_top .box-center h4{font-size:18px;font-weight:700}#footer .footer_wrapper .footer_top .box-center ul{padding:0;margin:0;list-style:none}#footer .footer_wrapper .footer_top .box-center ul li:not(:last-child){margin-bottom:10px}#footer .footer_wrapper .footer_top .box-center ul li a{color:#fff;font-size:14px;letter-spacing:.01em}#footer .footer_wrapper .footer_top .box-right{position:relative;padding-top:30px}#footer .footer_wrapper .footer_top .box-right::before{content:"";position:absolute;top:9px;left:0;right:0;height:1px;background:#fff}#footer .footer_wrapper .footer_top .box-right ul{padding:0;margin:0;list-style:none}#footer .footer_wrapper .footer_top .box-right ul li:not(:last-child){margin-bottom:10px}#footer .footer_wrapper .footer_top .box-right ul li a{color:#fff;font-size:14px;letter-spacing:.01em}@media(max-width: 767px){#footer .footer_wrapper .footer_top{flex-direction:column;row-gap:50px}}#contact-mini{padding:60px 0;background-color:#f6f6f6}#contact-mini .left_col{text-align:right}@media(min-width: 992px){#contact-mini .left_col{padding-right:50px}}@media(max-width: 991px){#contact-mini .left_col{text-align:center;margin-bottom:30px}}#contact-mini .left_col h2{font-weight:700;font-size:32px;margin-bottom:60px}#contact-mini .left_col p{margin-bottom:0}#contact-mini .left_col ul{margin:0;padding:0;list-style:none}#contact-mini .left_col ul.contact-social{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:9px;margin-bottom:50px;margin-top:15px}#contact-mini .left_col ul.contact-social::before{content:"";position:absolute;bottom:-25px;height:1px;width:275px;background:#010101}#contact-mini .left_col ul.contact-social img{max-width:25px}@media(max-width: 991px){#contact-mini .left_col ul.contact-social{margin-top:20px;justify-content:center}}#contact-mini .left_col ul.contact-data li:not(:last-child){margin-bottom:10px}#contact-mini .left_col ul.contact-data li a{color:#010101;font-weight:400;font-size:18px}#contact-mini .right_col p{font-weight:300}#contact-mini .right_col .contact-head{padding-top:5px}#contact_form button{border:0}#contact_form .agreement{font-size:10px}#contact_form .agreement .agreement-container{margin-bottom:10px}#contact_form .agreement .agreement-container .form_group_2{display:flex;align-items:center;gap:10px}#contact_form .agreement .agreement-container .form_group_2:not(:last-child){margin-bottom:10px}#contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;min-width:26px;height:26px;background:#010101;cursor:pointer;overflow:hidden}#contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]::before{content:"";position:absolute;top:-20px;left:35px;width:3px;height:17px;background:#fff;transform:rotate(35deg);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;transition:top 250ms ease-in-out,left 250ms ease-in-out}#contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]::after{content:"";position:absolute;top:-7px;left:-16px;width:3px;height:11px;background:#fff;transform:rotate(-45deg);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;transition:top 250ms ease-in-out,left 250ms ease-in-out}#contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]:checked::before{top:6px;left:14px}#contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]:checked::after{top:12px;left:7px}#contact_form .agreement .agreement-container .form_group_2 label{margin-bottom:0;line-height:1.5;cursor:pointer}#contact_form .agreement .agreement-container .form_group_2 label.label_form_check2{max-width:240px}#contact_form .agreement .btn.btn-send{position:relative;color:#fff;font-weight:700;font-size:16px;text-transform:uppercase;padding:16px 60px 16px 20px;background:#010101;border-radius:0;display:block;margin-left:auto}#contact_form .agreement .btn.btn-send::before{content:"";position:absolute;right:16px;top:50%;height:2px;width:30px;background:#fff;transform:translateY(-50%)}#contact_form .agreement .btn.btn-send::after{content:"";position:absolute;right:16px;top:50%;height:12px;width:12px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-50%) rotate(-45deg)}#contact_form .form_group{position:relative;display:flex;flex-direction:column;border:1px solid #010101;margin-bottom:11px}#contact_form .form_group textarea{border:0;height:100px;padding:13px;resize:none}#contact_form .form_group textarea::-moz-placeholder{color:#bababa;font-weight:700;font-size:12.8px;line-height:20px}#contact_form .form_group textarea::placeholder{color:#bababa;font-weight:700;font-size:12.8px;line-height:20px}#contact_form .form_group textarea:focus{outline:none}#contact_form .form_group input,#contact_form .form_group select{border:none;padding:13px}#contact_form .form_group input::-moz-placeholder, #contact_form .form_group select::-moz-placeholder{color:#bababa;font-weight:700;font-size:12.8px;line-height:20px}#contact_form .form_group input::placeholder,#contact_form .form_group select::placeholder{color:#bababa;font-weight:700;font-size:12.8px;line-height:20px}#contact_form .form_group input:focus,#contact_form .form_group select:focus{outline:none}header{position:sticky;top:0;background:#fff;z-index:998;transition:box-shadow 150ms linear}header.fixed{box-shadow:0px 0px 30px rgba(1,1,1,.4)}header ul{margin:0;padding:0;list-style:none}@media(min-width: 1620px){header .container{max-width:1140px}}@media(min-width: 1360px){header .container{max-width:1140px}}@media(min-width: 1200px){header .container{max-width:1140px}}header .header__wrapper{display:flex;flex-direction:row;justify-content:space-between}@media(max-width: 767px){header .header__wrapper{flex-direction:column;gap:10px}}@media(max-width: 991px){header .header__wrapper{-moz-column-gap:25px;column-gap:25px}}header .header__wrapper .header_left{display:flex;align-items:center;justify-content:center}@media(min-width: 992px)and (max-width: 1199px){header .header__wrapper .header_left{padding:20px}}@media(max-width: 991px){header .header__wrapper .header_left{margin:20px auto}}header .header__wrapper .header_left a{display:block;position:relative;z-index:10;max-width:194px}header .header__wrapper .header_left a img{width:100%;max-width:150px}header .header__wrapper .header_right{padding:30px 0}@media(max-width: 991px){header .header__wrapper .header_right{padding:20px 0}}header .header__wrapper .header_right .header_big_btn a{display:inline-block;font-weight:800 !important;font-size:23px !important;color:#fff !important;padding:12px 25px 7px 25px;background:#010101;cursor:pointer}@media(max-width: 1199px){header .header__wrapper .header_right .header_big_btn a{font-size:20px !important;padding:12px 20px 7px 20px}}@media(max-width: 991px){header .header__wrapper #advance_menu{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;display:none;align-items:center;justify-content:center}header .header__wrapper #advance_menu.visible{display:flex}}header .header__wrapper #advance_menu .static_height{height:230px}header .header__wrapper #advance_menu ul{background:#fff}@media(min-width: 992px){header .header__wrapper #advance_menu ul:not(.lvl_1) li.parent:hover>a::before{width:calc(100% - 23px)}header .header__wrapper #advance_menu ul:not(.lvl_1) li.parent>a::after{content:url("/upload/filemanager/Icons/mini_arrow_bottom_new.svg");display:inline-block;margin-left:7px;transition:all 250ms ease}}@media(max-width: 991px){header .header__wrapper #advance_menu ul li.parent>a{display:flex;flex-direction:row;justify-content:space-between}header .header__wrapper #advance_menu ul li.parent>a::after{content:url("/upload/filemanager/Icons/mini_arrow_bottom_new.svg");transform:rotate(-90deg);margin-left:7px;transition:all 250ms ease}header .header__wrapper #advance_menu ul li.parent>a:hover::after{transform:rotate(0deg)}}header .header__wrapper #advance_menu ul li.parent>a{width:-moz-fit-content;width:fit-content}@media(min-width: 992px){header .header__wrapper #advance_menu ul li.parent>a{padding-bottom:5px}}header .header__wrapper #advance_menu ul li:hover>a::before{width:100%}@media(max-width: 991px){header .header__wrapper #advance_menu ul li:not(:last-child)::after{content:"";position:absolute;bottom:-15px;left:0;right:0;height:1px;background:#d9d9d9}}header .header__wrapper #advance_menu ul li a{position:relative;color:#010101;font-weight:400;font-size:15px;width:-moz-fit-content;width:fit-content;text-transform:uppercase}header .header__wrapper #advance_menu ul li a::before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:rgba(0,0,0,.15);transition:all 250ms ease}@media(min-width: 992px){header .header__wrapper #advance_menu ul li a.no-click{pointer-events:none}}@media(max-width: 1199px){header .header__wrapper #advance_menu ul li a{font-size:14px}}@media(max-width: 991px){header .header__wrapper #advance_menu ul li a{font-size:16px;display:block;width:100% !important}header .header__wrapper #advance_menu ul li a::before{display:none}}header .header__wrapper #advance_menu ul.lvl_1{display:flex;align-items:center;gap:40px}@media(min-width: 992px)and (max-width: 1199px){header .header__wrapper #advance_menu ul.lvl_1{gap:20px}}@media(max-width: 991px){header .header__wrapper #advance_menu ul.lvl_1{flex-wrap:wrap;gap:30px;width:100%;max-width:400px;padding-left:15px;padding-right:15px}}header .header__wrapper #advance_menu ul.lvl_1>li{position:relative}@media(max-width: 991px){header .header__wrapper #advance_menu ul.lvl_1>li{width:100%}}header .header__wrapper #advance_menu ul.lvl_1>li.parent:hover ul.lvl_2{opacity:1;visibility:visible}@media(max-width: 991px){header .header__wrapper #advance_menu ul.lvl_1>li.parent.active ul.lvl_2{display:block;opacity:1;visibility:visible;width:100%;box-shadow:none;background:#f4f4f4;height:auto !important;padding:10px 20px;margin-top:10px}}@media(max-width: 991px)and (max-width: 991px){header .header__wrapper #advance_menu ul.lvl_1>li.parent.active ul.lvl_2{padding:0 0 0 20px;background:#fff}}@media(max-width: 991px){header .header__wrapper #advance_menu ul.lvl_1>li.parent.active ul.lvl_2 li a{margin-left:auto;margin-right:auto}}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2{position:absolute;left:0;width:-moz-max-content;width:max-content;opacity:0;visibility:hidden;transition:visibility 250ms ease,opacity 250ms ease;padding:20px;box-shadow:0px 0px 30px rgba(1,1,1,.06)}@media(max-width: 991px){header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2{position:static;display:none}}@media(min-width: 992px){header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li:hover>a::after{transform:rotate(-90deg)}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li:hover ul.lvl_3{opacity:1;visibility:visible;transition-delay:200ms}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li:hover .category_img{opacity:1;visibility:visible;transition-delay:200ms;display:flex;align-items:center;justify-content:center}}@media(max-width: 991px){header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li.active ul.lvl_3{display:block;visibility:visible;opacity:1;position:static;width:100%;background:rgba(0,0,0,0);height:auto;padding-top:0;box-shadow:none;padding:10px 0 0 0}}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li>a{padding:5px 0}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li a{font-size:14px}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li ul.lvl_3{position:absolute;left:calc(100% - 20px);top:0;bottom:0;padding:20px;width:-moz-max-content;width:max-content;transition:visibility 250ms ease,opacity 250ms ease;opacity:0;visibility:hidden;width:200px;box-shadow:30px 0px 30px rgba(1,1,1,.06);min-height:-moz-fit-content;min-height:fit-content}@media(max-width: 991px){header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li ul.lvl_3{transition:none}}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li ul.lvl_3 li{padding:0px 10px}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li ul.lvl_3 li a{padding-bottom:5px}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li .category_img{position:absolute;left:calc(100% + 150px - 10px);top:0;padding:20px;opacity:0;visibility:hidden;transition:visibility 250ms ease,opacity 250ms ease}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li .category_img::before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:#fff}header .header__wrapper #advance_menu ul.lvl_1>li ul.lvl_2>li .category_img img{position:relative;z-index:1}#page-hero{height:475px;position:relative;display:flex;align-items:center}@media(max-width: 991px){#page-hero{height:400px}}#page-hero>div{width:100%}#page-hero .hero-bg{position:absolute;inset:0;overflow:hidden}#page-hero .hero-bg .row{height:100%;margin:0}#page-hero .hero-bg .row .col-12{height:100%;padding:0}#page-hero .hero-bg img{min-width:100%;width:100%;max-width:-moz-fit-content;max-width:fit-content;filter:brightness(0.7);height:100%;-o-object-fit:cover;object-fit:cover}#page-hero .hero-bg video{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100% !important;min-height:100%;width:auto !important;height:100%;z-index:1;overflow:hidden;background-color:#010101}#page-hero .hero-data{position:relative;z-index:1}#page-hero .hero-data ul{position:relative;display:flex;flex-direction:row;align-items:center;margin:0;padding:0;list-style:none;gap:30px;margin-bottom:60px;width:-moz-fit-content;width:fit-content}#page-hero .hero-data ul::before{content:"";position:absolute;bottom:-30px;height:2px;right:0;left:-50%;background-color:#fff}#page-hero .hero-data ul li{position:relative;color:#fff;font-weight:200;font-size:25px}#page-hero .hero-data ul li:not(:last-child)::before{content:">";position:absolute;top:50%;right:-30px;color:#fff;transform:translate(-50%, -50%)}#page-hero .hero-data ul li a{color:#fff;font-weight:200;font-size:25px}@media(max-width: 991px){#page-hero .hero-data ul li{font-size:22px}#page-hero .hero-data ul li a{font-size:22px}}@media(max-width: 767px){#page-hero .hero-data ul li{font-size:18px}#page-hero .hero-data ul li a{font-size:18px}}#page-hero .hero-data h2{color:#fff;font-weight:700;font-size:40px;margin-bottom:0}@media(max-width: 991px){#page-hero .hero-data h2{font-size:32px}}@media(max-width: 767px){#page-hero .hero-data h2{font-size:26px}}#catalog-box .catalog-box-1{background-color:#e3e1de}@media(max-width: 991px){#catalog-box .catalog-box-1{padding:40px 0 60px 0}}#catalog-box .catalog-box-1 ul{display:flex;flex-direction:column;row-gap:35px;margin:0;padding:0;list-style:none}#catalog-box .catalog-box-1 ul li a{width:100%;display:block;color:#fff;font-weight:200;font-size:26px;padding:24px 120px 20px 45px;background-color:#010101}#catalog-box .catalog-box-1 ul li a.download-catalog{position:relative}#catalog-box .catalog-box-1 ul li a.download-catalog::before{content:"";position:absolute;right:45px;top:50%;width:60px;height:40px;background-image:url("/upload/filemanager/Icons/icon-download-file.svg");background-size:cover;background-repeat:no-repeat;transform:translateY(-50%)}#catalog-box .catalog-box-2{margin:100px 0}#catalog-box .catalog-box-2 a.btn-1{padding:28px 110px 28px 57px}@media(max-width: 991px){#catalog-box .catalog-box-2{margin:60px 0}}#nav_tabs{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:17px;max-width:400px;padding:10px 0 10px 40px;list-style:none;border-left:2px solid #010101;margin-bottom:0}#nav_tabs li{position:relative;min-width:-moz-fit-content;min-width:fit-content;border:1px solid #f0f0f0;background:#fff;transition:background 250ms ease}#nav_tabs li.new::before{content:"";position:absolute;top:-10px;right:-15px;width:37px;height:28px;background-image:url("/upload/filemanager/Icons/new-icon.png");background-position:center;background-size:contain;background-repeat:no-repeat}#nav_tabs li.active{background:#f0f0f0}#nav_tabs li a{display:inline-block;color:#010101;font-weight:300;font-size:19px;line-height:1;font-family:"New Order",sans-serif;margin-bottom:0;text-decoration:none;padding:14px 22px;cursor:pointer}@media(max-width: 991px){#nav_tabs{max-width:unset;justify-content:center;border-top:2px solid #010101;border-left:none;padding:40px 10px 10px 10px}}#product-preview-box .product-preview-box .scontainer-content .product-nav{position:relative;margin-top:50px;padding-bottom:80px}#product-preview-box .product-preview-box .scontainer-content .product-nav::before{content:"";position:absolute;bottom:40px;left:0;right:0;height:1px;background-color:#d9d9d9}#product-preview-box .product-preview-box .scontainer-content .product-nav>.row{align-items:center}#product-preview-box .product-preview-box .scontainer-content .product-nav .col-left{text-align:right}#product-preview-box .product-preview-box .scontainer-content .product-nav .col-left h3{font-size:30px;font-weight:600;text-transform:uppercase;max-width:200px;margin-left:auto;margin-bottom:0;padding:30px 20px 30px 0}@media(max-width: 991px){#product-preview-box .product-preview-box .scontainer-content .product-nav::before{display:none}#product-preview-box .product-preview-box .scontainer-content .product-nav .col-left{text-align:center}#product-preview-box .product-preview-box .scontainer-content .product-nav .col-left h3{padding:30px 20px;max-width:unset}}#product-preview-box .product-preview-box .scontainer-content .product-preview{display:none}#product-preview-box .product-preview-box .scontainer-content .product-preview.active{display:block}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img{padding-top:15px}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-wrapper .swiper-slide{text-align:center}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:60px;margin-top:40px}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-button-disabled{opacity:.6}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-next,#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-prev{position:relative;cursor:pointer;width:52px;height:52px;border:1px solid #d9d9d9;transition:background 250ms ease-in-out}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-next::before,#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-prev::before{content:"";position:absolute;top:50%;left:50%;width:22px;height:22px;border-top:4px solid #d9d9d9;border-right:4px solid #d9d9d9;transition:border-color 250ms ease-in-out}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-next:not(.swiper-button-disabled),#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-prev:not(.swiper-button-disabled){background:#d9d9d9}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-next:not(.swiper-button-disabled)::before,#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-prev:not(.swiper-button-disabled)::before{border-color:#fff}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-next.swiper-slide-next::before,#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-prev.swiper-slide-next::before{transform:translate(calc(-50% - 4px), -50%) rotate(45deg)}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-next.swiper-slide-prev::before,#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img .illustration_product_slider .swiper-navigation .swiper-slide-prev.swiper-slide-prev::before{transform:translate(calc(-50% + 4px), -50%) rotate(-135deg)}@media(max-width: 991px){#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_img{margin-bottom:50px}}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text{display:flex;flex-direction:column;justify-content:space-between;padding-top:50px}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul{list-style:none;margin-bottom:0;padding:10px 0px 10px 20px;height:100%;border-left:2px solid #010101;direction:rtl}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul::-webkit-scrollbar{width:3px}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul::-webkit-scrollbar-thumb{background:#dadada;border-radius:0px}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(128,128,128,.1);border-radius:0px}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul::-webkit-scrollbar-thumb:hover{background:#000}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul li{display:grid;grid-template-columns:120px 1fr;-moz-column-gap:40px;column-gap:40px;direction:ltr}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul li:not(:last-child){margin-bottom:25px}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul li h4{font-weight:700;font-size:18px;margin-bottom:0;text-align:right}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul li p{font-weight:400;font-size:18px;line-height:26px;letter-spacing:.05em;margin-bottom:0}@media(max-width: 991px){#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul{border-left:none}}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text__footer{display:grid;grid-template-columns:1fr 1fr;align-items:center;-moz-column-gap:55px;column-gap:55px;row-gap:15px;padding-top:70px;padding-left:40px}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text__footer .btn8{font-weight:700;font-size:22px;text-transform:uppercase;padding:20px 80px;border:3px solid #010101;margin-bottom:0}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text__footer img{width:100%;max-width:-moz-fit-content;max-width:fit-content}@media(max-width: 767px){#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text__footer{grid-template-columns:1fr;padding-left:0}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text__footer .btn8{order:1}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text__footer img{margin:0 auto}}@media(max-width: 991px){#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text{padding-top:0;margin-bottom:0}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul{padding:0}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul li{grid-template-columns:1fr}#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text ul li h4{text-align:left}}@media(max-width: 767px){#product-preview-box .product-preview-box .scontainer-content .product-preview .product_info_text .btn8{margin-top:40px;margin-left:auto;margin-right:auto}}@media(max-width: 991px){#product-preview-box .product-preview-box .scontainer-content .product-preview{padding-left:0}}#product-description-box{margin-bottom:200px}@media(max-width: 991px){#product-description-box{margin-bottom:100px}}#product-description-box .col-right{position:relative;margin-top:30px;height:-moz-fit-content;height:fit-content}#product-description-box .col-right::before{content:"";position:absolute;left:48px;right:15px;bottom:0;height:2px;background:#010101}#product-description-box .col-right ul{margin:0 0 80px 0;padding:0;list-style:none;overflow:hidden;transition:height 250ms ease-in-out}#product-description-box .col-right ul p{font-weight:300;font-size:14px;-webkit-hyphens:auto;hyphens:auto}#product-description-box .col-right ul p strong{font-weight:800}#product-description-box .col-right ul p:last-child{margin-bottom:0}@media(max-width: 991px){#product-description-box .col-right::before{left:15px}}.action-btn{position:absolute;width:42px;height:42px;background-color:#d9d9d9;bottom:20px;right:15px;cursor:pointer;border:2px solid #d9d9d9;transition:background 250ms ease-in-out}.action-btn.active{background:#fff}.action-btn.active::after{height:0}.action-btn.active::before{background:#d9d9d9}.action-btn::before{content:"";position:absolute;top:50%;left:50%;width:29px;height:2px;background:#fff;transform:translate(-50%, -50%);transition:background 250ms ease-in-out}.action-btn::after{content:"";position:absolute;top:50%;left:50%;width:2px;height:29px;background:#fff;transform:translate(-50%, -50%);transition:height 250ms ease-in-out}#product-colors .product-colors{display:none}#product-colors .product-colors.active{display:block}#product-colors .col-left{text-align:right}#product-colors .col-left h2{font-weight:400;font-size:40px;letter-spacing:1px;text-transform:uppercase;margin-bottom:50px}@media(max-width: 991px){#product-colors .col-left{text-align:left;margin-bottom:50px}#product-colors .col-left h2{margin-bottom:30px}#product-colors .col-left h2 br{display:none}}#product-colors .col-right{border-left:2px solid #010101}#product-colors .col-right .color-tiles-grid{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:50px;column-gap:50px;row-gap:40px}#product-colors .col-right ul{list-style:none;padding:0;margin:0}#product-colors .col-right .color-tiles .color-tiles-title h2{font-weight:300;font-size:20px;margin-bottom:25px}#product-colors .col-right .color-tiles .color-tiles-title h2.color-tiles-title-big{font-size:32px;font-weight:400}#product-colors .col-right .color-tiles .color-tiles-data{display:flex;flex-direction:column;row-gap:17px;overflow:hidden}#product-colors .col-right .color-tiles .color-tiles-data li{display:flex;flex-direction:row;align-items:center;-moz-column-gap:17px;column-gap:17px}#product-colors .col-right .color-tiles .color-tiles-data li img{max-height:30px;width:170px !important;-o-object-fit:cover;object-fit:cover}#product-colors .col-right .color-tiles .color-tiles-data li p{font-weight:400;font-size:13px;margin-bottom:0}#product-colors .col-right .color-tiles .action-btn{position:relative;bottom:0;left:0;right:auto;margin-top:17px}@media(max-width: 767px){#product-colors .col-right .color-tiles-grid{grid-template-columns:1fr}}.accordion-box{list-style:none;padding:70px 30px 70px 70px;margin:0}.accordion-box li:not(:last-child){margin-bottom:25px}.accordion-box li h3{font-size:25px;font-weight:200;margin-bottom:12px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;-moz-column-gap:16px;column-gap:16px;cursor:pointer}.accordion-box li p{display:none;font-size:14px;font-weight:300;margin-bottom:0}.accordion-box .accordion-btn{position:relative;width:46px;height:46px;background:#010101;border:1px solid #010101;transition:background 250ms ease-in-out}.accordion-box .accordion-btn::before{content:"";position:absolute;top:50%;left:50%;width:29px;height:2px;background:#fff;transform:translate(-50%, -50%);transition:background 250ms ease-in-out}.accordion-box .accordion-btn::after{content:"";position:absolute;top:50%;left:50%;width:2px;height:29px;background:#fff;transform:translate(-50%, -50%);transition:height 250ms ease-in-out}.accordion-box .accordion-btn.active{background:#fff}.accordion-box .accordion-btn.active::before{background:#010101}.accordion-box .accordion-btn.active::after{height:0}#our-projects .our-projects-head h2{color:#f0f0f0;text-align:center;font-size:50px;margin-bottom:40px}#our-projects .our-projects-data{background:#f6f6f6}#our-projects .our-projects-data .slider-our-projects .swiper-slide{display:grid;grid-template-columns:1fr 1fr;align-items:center}#our-projects .our-projects-data .slider-our-projects .swiper-slide .slide-data{text-align:right;max-width:250px;margin-left:auto;margin-right:60px}#our-projects .our-projects-data .slider-our-projects .swiper-slide .slide-data h2{font-weight:300;font-size:32px;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}#our-projects .our-projects-data .slider-our-projects .swiper-slide .slide-data p{font-size:12px;line-height:2}#our-projects .our-projects-data .slider-our-projects .swiper-slide .slide-data p:last-child{margin-bottom:0}#our-projects .our-projects-data .slider-our-projects .swiper-slide .slide-img img{width:100%;max-width:-moz-fit-content;max-width:fit-content}@media(max-width: 991px){#our-projects .our-projects-data .slider-our-projects .swiper-slide{grid-template-columns:1fr;row-gap:30px}#our-projects .our-projects-data .slider-our-projects .swiper-slide .slide-img{order:1;text-align:center}#our-projects .our-projects-data .slider-our-projects .swiper-slide .slide-data{order:2;margin-right:0;margin-left:0;max-width:unset;text-align:center;padding-bottom:30px}}#our-projects .our-projects-data .slider-navidation .swiper-button{width:90px;height:90px;border-radius:100%;background:#fff}#our-projects .our-projects-data .slider-navidation .swiper-button-next::after{right:17px;transform:translate(-50%, -50%) rotate(45deg)}@media(min-width: 992px){#our-projects .our-projects-data .slider-navidation .swiper-button-next{right:15px;transform:translateX(50%)}}#our-projects .our-projects-data .slider-navidation .swiper-button-prev::after{left:30px;transform:translate(-50%, -50%) rotate(225deg)}@media(min-width: 992px){#our-projects .our-projects-data .slider-navidation .swiper-button-prev{left:15px;transform:translateX(50%)}}#our-projects .our-projects-data .slider-navidation .swiper-button::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:45px;height:2px;background-color:#010101}#our-projects .our-projects-data .slider-navidation .swiper-button::after{content:"";position:absolute;top:50%;width:14px;height:14px;border-right:2px solid #010101;border-top:2px solid #010101}#cookie-information{font-size:14px}.main-content{padding-top:75px;padding-bottom:75px}.files{list-style:none;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin:0}.files li{background-color:#ebebeb;border-radius:3px;transition:background-color .3s}.files li a{margin:0;padding:20px;display:block;color:#000}.files li a i{font-size:22px;margin-right:10px;top:5px;position:relative}.files li:hover{background-color:#f8f8f8}.files li:hover a{color:gray}.article-password{width:500px;margin:0 auto;padding:50px 50px 40px;box-shadow:0 0px 4px 0 rgba(0,0,0,.2509803922)}.article-password p{color:#000;font-size:15px;text-transform:uppercase;margin-bottom:0}.article-password form{display:flex;flex-direction:column;row-gap:12px}.article-password form input[type=password],.article-password form input[type=email]{height:46px;border:1px solid #000;border-radius:0}.article-password form input[type=submit]{height:46px;font-size:15px;padding:13px 30px 15px;background:#000;border:none;border-radius:0;text-transform:uppercase}/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/layout/style-css/style.css.map b/layout/style-css/style.css.map
index 9450d29..82aba41 100644
--- a/layout/style-css/style.css.map
+++ b/layout/style-css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["..\\style-scss\\_variables.scss","..\\style-scss\\style.scss","..\\style-scss\\_mixins.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["//* Colors\r\n$cWhite: #ffffff;\r\n$cGray: #bababa;\r\n$cLightGray: #f6f6f6;\r\n$cCloud: #f0f0f0;\r\n$cSand: #e3e1de;\r\n$cSandDarker: #d9d9d9;\r\n$cBlack: #010101;\r\n\r\n$cTxtWhite: #ffffff;\r\n$cTxtCloud: #f0f0f0;\r\n$cTxtGray: #bababa;\r\n$cTxtGrayDarker: #a1a0a0;\r\n$cTxtBlack: #010101;\r\n\r\n$fontNewOrder: \"New Order\", sans-serif;\r\n$fontURWForm: \"URW Form\", sans-serif;\r\n\r\n//* Fonts\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-LightItalic.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-LightItalic.woff\") format(\"woff\");\r\n\tfont-weight: 300;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-ExtraLightItalic.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-ExtraLightItalic.woff\") format(\"woff\");\r\n\tfont-weight: 200;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-Medium.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-Medium.woff\") format(\"woff\");\r\n\tfont-weight: 500;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-MediumItalic.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-MediumItalic.woff\") format(\"woff\");\r\n\tfont-weight: 500;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form Demi\";\r\n\tsrc: url(\"/layout/fonts/URWForm-Demi.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-Demi.woff\") format(\"woff\");\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-Italic.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-Italic.woff\") format(\"woff\");\r\n\tfont-weight: normal;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-Light.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-Light.woff\") format(\"woff\");\r\n\tfont-weight: 300;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-ThinItalic.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-ThinItalic.woff\") format(\"woff\");\r\n\tfont-weight: 100;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-Bold.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-Bold.woff\") format(\"woff\");\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-BoldItalic.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-BoldItalic.woff\") format(\"woff\");\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-Thin.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-Thin.woff\") format(\"woff\");\r\n\tfont-weight: 100;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-Regular.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-Regular.woff\") format(\"woff\");\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form Extra\";\r\n\tsrc: url(\"/layout/fonts/URWForm-ExtraBoldItalic.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-ExtraBoldItalic.woff\") format(\"woff\");\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form Extra\";\r\n\tsrc: url(\"/layout/fonts/URWForm-ExtraBold.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-ExtraBold.woff\") format(\"woff\");\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"New Order\";\r\n\tsrc: url(\"/layout/fonts/NewOrder-Light.otf\") format(\"otf\");\r\n\tfont-weight: 300;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: \"New Order\";\r\n\tsrc: url(\"/layout/fonts/NewOrder-Regular.otf\") format(\"otf\");\r\n\tfont-weight: 400;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: \"New Order\";\r\n\tsrc: url(\"/layout/fonts/NewOrder-Medium.otf\") format(\"otf\");\r\n\tfont-weight: 500;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"New Order\";\r\n\tsrc: url(\"/layout/fonts/NewOrder-SemiBold.otf\") format(\"otf\");\r\n\tfont-weight: 600;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: \"New Order\";\r\n\tsrc: url(\"/layout/fonts/NewOrder-Bold.otf\") format(\"otf\");\r\n\tfont-weight: 700;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n","@import '_mixins';\r\n@import '_variables';\r\n\r\nbody {\r\n font-family: 'URW Form', sans-serif;\r\n\r\n p {\r\n letter-spacing: 0.05em;\r\n font-size: 16px;\r\n }\r\n}\r\n\r\na {\r\n text-decoration: none;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.anchor {\r\n cursor: pointer;\r\n}\r\n\r\n#main-menu {\r\n @include respond-below(xs) {\r\n height: 100%;\r\n width: 100%;\r\n position: fixed;\r\n z-index: 10;\r\n background: #fff;\r\n display: none;\r\n\r\n &.visible {\r\n @include flexbox;\r\n }\r\n }\r\n\r\n div[id^='menu-container-'] {\r\n @include respond-below(xs) {\r\n width: 100%;\r\n @include flexbox;\r\n @include align-items(center);\r\n @include justify-content(center);\r\n }\r\n\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n list-style-type: none;\r\n\r\n @include respond-above(xs) {\r\n @include flexbox;\r\n }\r\n\r\n @include respond-below(xs) {\r\n width: 100%;\r\n }\r\n\r\n li {\r\n position: relative;\r\n\r\n &.parent {\r\n >a {\r\n @include respond-above(xs) {\r\n pointer-events: none;\r\n }\r\n }\r\n }\r\n\r\n ul {\r\n position: absolute;\r\n display: none;\r\n\r\n @include respond-below(xs) {\r\n position: static;\r\n }\r\n }\r\n\r\n @include respond-above(xs) {\r\n &:hover {\r\n ul {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n &.active {\r\n ul {\r\n display: block;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &#menu-container-1 {\r\n .level-0 {\r\n justify-content: space-between;\r\n\r\n >li {\r\n display: flex;\r\n align-items: center;\r\n\r\n >a {\r\n color: $cTxtGray;\r\n text-transform: uppercase;\r\n }\r\n\r\n &#link-8 {\r\n >a {\r\n color: $cTxtWhite;\r\n font-weight: 800;\r\n font-size: 23px;\r\n padding: 16px 46px 14px 46px;\r\n background-color: $cBlack;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n#main-menu-btn {\r\n height: 70px;\r\n width: 70px;\r\n position: fixed;\r\n bottom: 30px;\r\n right: 60px;\r\n color: #fff;\r\n background: #000;\r\n display: none;\r\n z-index: 9999;\r\n line-height: 50px;\r\n text-align: center;\r\n font-size: 35px;\r\n cursor: pointer;\r\n\r\n @include border-radius(50%);\r\n\r\n @include respond-below(md) {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n.btn-1 {\r\n position: relative;\r\n display: inline-block;\r\n width: 100%;\r\n color: $cTxtBlack;\r\n font-weight: 300;\r\n font-size: 26px;\r\n\r\n padding: 28px 57px;\r\n border: 1px solid $cBlack;\r\n\r\n &:hover {\r\n color: $cTxtBlack;\r\n }\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n right: 46px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 58px;\r\n height: 2px;\r\n background-color: $cBlack;\r\n }\r\n\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n right: 46px;\r\n top: 50%;\r\n transform: translateY(-50%) rotate(45deg);\r\n width: 14px;\r\n height: 14px;\r\n border-right: 2px solid $cBlack;\r\n border-top: 2px solid $cBlack;\r\n }\r\n}\r\n\r\n//* ~~~~~~~~~~ Components ~~~~~~~~~~ *//\r\n#footer {\r\n background-color: $cBlack;\r\n\r\n .footer_wrapper {\r\n color: $cTxtWhite;\r\n padding-top: 35px;\r\n padding-bottom: 50px;\r\n\r\n .footer_top {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n\r\n .box-left {\r\n display: flex;\r\n justify-content: center;\r\n flex-direction: column;\r\n font-size: 14px;\r\n\r\n p {\r\n font-weight: 400;\r\n line-height: 22px;\r\n\r\n font-size: 14px;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 0;\r\n }\r\n\r\n img {\r\n max-width: 130px;\r\n margin-bottom: 40px;\r\n }\r\n }\r\n\r\n .box-center {\r\n h4 {\r\n font-size: 18px;\r\n font-weight: 700;\r\n }\r\n\r\n ul {\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n\r\n li {\r\n &:not(:last-child) {\r\n margin-bottom: 10px;\r\n }\r\n\r\n a {\r\n color: $cTxtWhite;\r\n font-size: 14px;\r\n letter-spacing: 0.01em;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .box-right {\r\n position: relative;\r\n padding-top: 30px;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n top: 9px;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: $cWhite;\r\n }\r\n\r\n ul {\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n\r\n li {\r\n &:not(:last-child) {\r\n margin-bottom: 10px;\r\n }\r\n\r\n a {\r\n color: $cTxtWhite;\r\n font-size: 14px;\r\n letter-spacing: 0.01em;\r\n }\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(sm) {\r\n flex-direction: column;\r\n row-gap: 50px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n#contact-mini {\r\n padding: 60px 0;\r\n background-color: $cLightGray;\r\n\r\n .left_col {\r\n text-align: right;\r\n\r\n @include respond-above(md) {\r\n padding-right: 50px;\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n }\r\n\r\n h2 {\r\n font-weight: 700;\r\n font-size: 32px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n p {\r\n margin-bottom: 0;\r\n }\r\n\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n\r\n &.contact-social {\r\n position: relative;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: flex-end;\r\n gap: 9px;\r\n margin-bottom: 50px;\r\n margin-top: 15px;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n bottom: -25px;\r\n height: 1px;\r\n width: 275px;\r\n background: $cBlack;\r\n }\r\n\r\n img {\r\n max-width: 25px;\r\n }\r\n\r\n @include respond-below(md) {\r\n margin-top: 20px;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n &.contact-data {\r\n li {\r\n &:not(:last-child) {\r\n margin-bottom: 10px;\r\n }\r\n\r\n a {\r\n color: $cTxtBlack;\r\n font-weight: 400;\r\n font-size: 18px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .right_col {\r\n p {\r\n font-weight: 300;\r\n }\r\n\r\n .contact-head {\r\n padding-top: 5px;\r\n }\r\n }\r\n}\r\n\r\n#contact_form {\r\n button {\r\n border: 0;\r\n }\r\n\r\n .agreement {\r\n font-size: 10px;\r\n\r\n .agreement-container {\r\n margin-bottom: 10px;\r\n\r\n .form_group_2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n\r\n &:not(:last-child) {\r\n margin-bottom: 10px;\r\n }\r\n\r\n input[type='checkbox'] {\r\n position: relative;\r\n appearance: none;\r\n width: 26px;\r\n min-width: 26px;\r\n height: 26px;\r\n background: $cBlack;\r\n cursor: pointer;\r\n overflow: hidden;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n top: -20px;\r\n left: 35px;\r\n width: 3px;\r\n height: 17px;\r\n background: $cWhite;\r\n transform: rotate(35deg);\r\n border-top-left-radius: 5px;\r\n border-top-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n transition: top 250ms ease-in-out, left 250ms ease-in-out;\r\n }\r\n\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n top: -7px;\r\n left: -16px;\r\n width: 3px;\r\n height: 11px;\r\n background: $cWhite;\r\n transform: rotate(-45deg);\r\n border-top-left-radius: 5px;\r\n border-top-right-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n transition: top 250ms ease-in-out, left 250ms ease-in-out;\r\n }\r\n\r\n &:checked {\r\n &::before {\r\n top: 6px;\r\n left: 14px;\r\n }\r\n\r\n &::after {\r\n top: 12px;\r\n left: 7px;\r\n }\r\n }\r\n }\r\n\r\n label {\r\n margin-bottom: 0;\r\n line-height: 1.5;\r\n cursor: pointer;\r\n\r\n &.label_form_check2 {\r\n max-width: 240px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .btn.btn-send {\r\n position: relative;\r\n color: $cTxtWhite;\r\n font-weight: 700;\r\n font-size: 16px;\r\n text-transform: uppercase;\r\n padding: 16px 60px 16px 20px;\r\n background: $cBlack;\r\n border-radius: 0;\r\n\r\n display: block;\r\n margin-left: auto;\r\n\r\n // @include respond-above(xs) {\r\n // \tmargin-top: -35px;\r\n // }\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n right: 16px;\r\n top: 50%;\r\n height: 2px;\r\n width: 30px;\r\n background: $cWhite;\r\n transform: translateY(-50%);\r\n }\r\n\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n right: 16px;\r\n top: 50%;\r\n height: 12px;\r\n width: 12px;\r\n border-right: 2px solid $cWhite;\r\n border-bottom: 2px solid $cWhite;\r\n transform: translateY(-50%) rotate(-45deg);\r\n }\r\n }\r\n }\r\n\r\n .form_group {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n border: 1px solid $cBlack;\r\n margin-bottom: 11px;\r\n\r\n textarea {\r\n border: 0;\r\n height: 100px;\r\n padding: 13px;\r\n resize: none;\r\n\r\n &::placeholder {\r\n color: $cTxtGray;\r\n font-weight: 700;\r\n font-size: 12.8px;\r\n line-height: 20px;\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n }\r\n\r\n input,\r\n select {\r\n border: none;\r\n padding: 13px;\r\n\r\n &::placeholder {\r\n color: $cTxtGray;\r\n font-weight: 700;\r\n font-size: 12.8px;\r\n line-height: 20px;\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\nheader {\r\n position: sticky;\r\n top: 0;\r\n background: $cWhite;\r\n z-index: 998;\r\n transition: box-shadow 150ms linear;\r\n\r\n &.fixed {\r\n box-shadow: 0px 0px 30px rgba($cBlack, 0.4);\r\n }\r\n\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n }\r\n\r\n .container {\r\n @media (min-width: 1620px) {\r\n max-width: 1140px;\r\n }\r\n\r\n @media (min-width: 1360px) {\r\n max-width: 1140px;\r\n }\r\n\r\n @media (min-width: 1200px) {\r\n max-width: 1140px;\r\n }\r\n }\r\n\r\n .header__wrapper {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n\r\n @include respond-below(sm) {\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n @include respond-below(md) {\r\n column-gap: 25px;\r\n }\r\n\r\n .header_left {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n @include respond-below(xl) {\r\n width: fit-content;\r\n margin-right: auto;\r\n }\r\n\r\n @include respond-between(md, lg) {\r\n padding: 20px;\r\n }\r\n\r\n @include respond-below(md) {\r\n margin: 20px auto;\r\n }\r\n\r\n a {\r\n display: block;\r\n position: relative;\r\n z-index: 10;\r\n max-width: 194px;\r\n\r\n img {\r\n width: 100%;\r\n max-width: 150px;\r\n }\r\n }\r\n }\r\n\r\n .header_right {\r\n padding: 30px 0;\r\n\r\n @include respond-below(md) {\r\n padding: 20px 0;\r\n }\r\n\r\n .header_big_btn {\r\n a {\r\n display: inline-block;\r\n font-weight: 800 !important;\r\n font-size: 23px !important;\r\n color: $cTxtWhite !important;\r\n padding: 12px 25px 7px 25px;\r\n background: $cBlack;\r\n cursor: pointer;\r\n\r\n @include respond-below(lg) {\r\n font-size: 20px !important;\r\n padding: 12px 20px 7px 20px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n #advance_menu {\r\n @include respond-below(md) {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: #fff;\r\n z-index: 9999;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n &.visible {\r\n display: flex;\r\n }\r\n }\r\n\r\n .static_height {\r\n height: 230px;\r\n }\r\n\r\n ul {\r\n background: $cWhite;\r\n\r\n @include respond-above(md) {\r\n &:not(.lvl_1) {\r\n li {\r\n &.parent {\r\n &:hover {\r\n >a {\r\n &::before {\r\n width: calc(100% - 23px);\r\n }\r\n }\r\n }\r\n\r\n >a {\r\n &::after {\r\n content: url('/upload/filemanager/Icons/mini_arrow_bottom_new.svg');\r\n display: inline-block;\r\n margin-left: 7px;\r\n transition: all 250ms ease;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n li {\r\n &.parent {\r\n >a {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n\r\n &::after {\r\n content: url('/upload/filemanager/Icons/mini_arrow_bottom_new.svg');\r\n transform: rotate(-90deg);\r\n margin-left: 7px;\r\n transition: all 250ms ease;\r\n }\r\n\r\n &:hover {\r\n &::after {\r\n transform: rotate(0deg);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n li {\r\n &.parent {\r\n >a {\r\n width: fit-content;\r\n\r\n @include respond-above(md) {\r\n padding-bottom: 5px;\r\n }\r\n }\r\n }\r\n\r\n &:hover {\r\n >a {\r\n &::before {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n &:not(:last-child) {\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -15px;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: $cSandDarker;\r\n }\r\n }\r\n }\r\n\r\n a {\r\n position: relative;\r\n color: $cTxtBlack;\r\n font-weight: 400;\r\n font-size: 15px;\r\n width: fit-content;\r\n text-transform: uppercase;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 0;\r\n height: 1px;\r\n background: rgba(0, 0, 0, 0.15);\r\n transition: all 250ms ease;\r\n }\r\n\r\n &.no-click {\r\n @include respond-above(md) {\r\n pointer-events: none;\r\n }\r\n }\r\n\r\n @include respond-below(lg) {\r\n font-size: 14px;\r\n }\r\n\r\n @include respond-below(md) {\r\n font-size: 16px;\r\n display: block;\r\n width: 100% !important;\r\n\r\n &::before {\r\n display: none;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n ul.lvl_1 {\r\n display: flex;\r\n align-items: center;\r\n gap: 40px;\r\n\r\n @include respond-between(md, lg) {\r\n gap: 20px;\r\n }\r\n\r\n @include respond-below(md) {\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n\r\n width: 100%;\r\n max-width: 400px;\r\n padding-left: 15px;\r\n padding-right: 15px;\r\n }\r\n\r\n >li {\r\n position: relative;\r\n\r\n @include respond-below(md) {\r\n width: 100%;\r\n }\r\n\r\n &.parent {\r\n &:hover {\r\n ul.lvl_2 {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n &.active {\r\n ul.lvl_2 {\r\n display: block;\r\n opacity: 1;\r\n visibility: visible;\r\n width: 100%;\r\n box-shadow: none;\r\n background: #f4f4f4;\r\n height: auto !important;\r\n padding: 10px 20px;\r\n margin-top: 10px;\r\n\r\n @include respond-below(md) {\r\n padding: 0 0 0 20px;\r\n background: $cWhite;\r\n }\r\n\r\n li {\r\n a {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n }\r\n\r\n // * {\r\n // \tcolor: $cTxtBlack;\r\n // }\r\n }\r\n }\r\n }\r\n }\r\n\r\n ul.lvl_2 {\r\n position: absolute;\r\n left: 0;\r\n width: max-content;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: visibility 250ms ease, opacity 250ms ease;\r\n padding: 20px;\r\n box-shadow: 0px 0px 30px rgba($cBlack, 0.06);\r\n\r\n @include respond-below(md) {\r\n position: static;\r\n display: none;\r\n }\r\n\r\n >li {\r\n @include respond-above(md) {\r\n &:hover {\r\n >a {\r\n &::after {\r\n transform: rotate(-90deg);\r\n }\r\n }\r\n\r\n ul.lvl_3 {\r\n opacity: 1;\r\n visibility: visible;\r\n transition-delay: 200ms;\r\n }\r\n\r\n .category_img {\r\n opacity: 1;\r\n visibility: visible;\r\n transition-delay: 200ms;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n &.active {\r\n ul.lvl_3 {\r\n display: block;\r\n visibility: visible;\r\n opacity: 1;\r\n position: static;\r\n width: 100%;\r\n background: transparent;\r\n height: auto;\r\n padding-top: 0;\r\n box-shadow: none;\r\n padding: 10px 0 0 0;\r\n\r\n // * {\r\n // \tcolor: $cTxtBlack;\r\n // }\r\n }\r\n }\r\n }\r\n\r\n >a {\r\n padding: 5px 0;\r\n }\r\n\r\n a {\r\n font-size: 14px;\r\n }\r\n\r\n ul.lvl_3 {\r\n position: absolute;\r\n left: calc(100% - 20px);\r\n top: 0;\r\n bottom: 0;\r\n padding: 20px;\r\n width: max-content;\r\n transition: visibility 250ms ease, opacity 250ms ease;\r\n opacity: 0;\r\n visibility: hidden;\r\n width: 200px;\r\n box-shadow: 30px 0px 30px rgba($cBlack, 0.06);\r\n min-height: fit-content;\r\n\r\n @include respond-below(md) {\r\n transition: none;\r\n }\r\n\r\n li {\r\n padding: 0px 10px;\r\n\r\n a {\r\n padding-bottom: 5px;\r\n }\r\n }\r\n }\r\n\r\n .category_img {\r\n position: absolute;\r\n left: calc(100% + 150px - 10px);\r\n top: 0;\r\n // background: $cWhite;\r\n padding: 20px;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: visibility 250ms ease, opacity 250ms ease;\r\n // box-shadow: 26px 0px 30px rgba($cBlack, 0.04);\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 50%;\r\n height: 100%;\r\n background: $cWhite;\r\n }\r\n\r\n img {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n#page-hero {\r\n height: 475px;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n\r\n @include respond-below(md) {\r\n height: 400px;\r\n }\r\n\r\n >div {\r\n width: 100%;\r\n }\r\n\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n overflow: hidden;\r\n\r\n .row {\r\n height: 100%;\r\n margin: 0;\r\n\r\n .col-12 {\r\n height: 100%;\r\n padding: 0;\r\n }\r\n }\r\n\r\n img {\r\n min-width: 100%;\r\n width: 100%;\r\n max-width: fit-content;\r\n filter: brightness(0.7);\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n video {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translateX(-50%) translateY(-50%);\r\n min-width: 100% !important;\r\n min-height: 100%;\r\n width: auto !important;\r\n // height: auto;\r\n height: 100%;\r\n z-index: 1;\r\n overflow: hidden;\r\n background-color: $cBlack;\r\n }\r\n }\r\n\r\n .hero-data {\r\n position: relative;\r\n z-index: 1;\r\n\r\n ul {\r\n position: relative;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n gap: 30px;\r\n margin-bottom: 60px;\r\n width: fit-content;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n bottom: -30px;\r\n height: 2px;\r\n right: 0;\r\n left: -50%;\r\n background-color: $cWhite;\r\n }\r\n\r\n li {\r\n position: relative;\r\n color: $cTxtWhite;\r\n font-weight: 200;\r\n font-size: 25px;\r\n\r\n &:not(:last-child) {\r\n &::before {\r\n content: '>';\r\n position: absolute;\r\n top: 50%;\r\n right: -30px;\r\n color: $cTxtWhite;\r\n transform: translate(-50%, -50%);\r\n }\r\n }\r\n\r\n a {\r\n color: $cTxtWhite;\r\n font-weight: 200;\r\n font-size: 25px;\r\n }\r\n\r\n @include respond-below(md) {\r\n font-size: 22px;\r\n\r\n a {\r\n font-size: 22px;\r\n }\r\n }\r\n\r\n @include respond-below(sm) {\r\n font-size: 18px;\r\n\r\n a {\r\n font-size: 18px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n h2 {\r\n color: $cTxtWhite;\r\n font-weight: 700;\r\n font-size: 40px;\r\n margin-bottom: 0;\r\n\r\n @include respond-below(md) {\r\n font-size: 32px;\r\n }\r\n\r\n @include respond-below(sm) {\r\n font-size: 26px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n#catalog-box {\r\n .catalog-box-1 {\r\n background-color: $cSand;\r\n\r\n @include respond-below(md) {\r\n padding: 40px 0 60px 0;\r\n }\r\n\r\n ul {\r\n display: flex;\r\n flex-direction: column;\r\n row-gap: 35px;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n\r\n li {\r\n a {\r\n width: 100%;\r\n display: block;\r\n color: $cTxtWhite;\r\n font-weight: 200;\r\n font-size: 26px;\r\n padding: 24px 120px 20px 45px;\r\n background-color: $cBlack;\r\n\r\n &.download-catalog {\r\n position: relative;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n right: 45px;\r\n top: 50%;\r\n width: 60px;\r\n height: 40px;\r\n background-image: url('/upload/filemanager/Icons/icon-download-file.svg');\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n transform: translateY(-50%);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .catalog-box-2 {\r\n margin: 100px 0;\r\n\r\n a.btn-1 {\r\n padding: 28px 110px 28px 57px;\r\n }\r\n\r\n @include respond-below(md) {\r\n margin: 60px 0;\r\n }\r\n }\r\n}\r\n\r\n#nav_tabs {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 17px;\r\n max-width: 400px;\r\n padding: 10px 0 10px 40px;\r\n list-style: none;\r\n border-left: 2px solid $cBlack;\r\n margin-bottom: 0;\r\n\r\n li {\r\n position: relative;\r\n min-width: fit-content;\r\n border: 1px solid $cCloud;\r\n background: $cWhite;\r\n transition: background 250ms ease;\r\n\r\n &.new {\r\n &::before {\r\n // content: url(\"/upload/filemanager/Icons/new-icon.png\");\r\n content: '';\r\n position: absolute;\r\n top: -10px;\r\n right: -15px;\r\n width: 37px;\r\n height: 28px;\r\n background-image: url('/upload/filemanager/Icons/new-icon.png');\r\n background-position: center;\r\n background-size: contain;\r\n background-repeat: no-repeat;\r\n }\r\n }\r\n\r\n &.active {\r\n background: $cCloud;\r\n }\r\n\r\n a {\r\n display: inline-block;\r\n color: $cTxtBlack;\r\n font-weight: 300;\r\n font-size: 19px;\r\n line-height: 1;\r\n font-family: $fontNewOrder;\r\n margin-bottom: 0;\r\n text-decoration: none;\r\n\r\n padding: 14px 22px;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n max-width: unset;\r\n justify-content: center;\r\n border-top: 2px solid $cBlack;\r\n border-left: none;\r\n padding: 40px 10px 10px 10px;\r\n }\r\n}\r\n\r\n#product-preview-box {\r\n .product-preview-box {\r\n .scontainer-content {\r\n .product-nav {\r\n position: relative;\r\n margin-top: 50px;\r\n padding-bottom: 80px;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n bottom: calc(80px / 2);\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background-color: $cSandDarker;\r\n }\r\n\r\n >.row {\r\n align-items: center;\r\n }\r\n\r\n .col-left {\r\n text-align: right;\r\n\r\n h3 {\r\n font-size: 30px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n max-width: 200px;\r\n margin-left: auto;\r\n margin-bottom: 0;\r\n padding: 30px 20px 30px 0;\r\n }\r\n }\r\n\r\n .col-right {}\r\n\r\n @include respond-below(md) {\r\n &::before {\r\n display: none;\r\n }\r\n\r\n .col-left {\r\n text-align: center;\r\n\r\n h3 {\r\n padding: 30px 20px;\r\n max-width: unset;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .product-preview {\r\n display: none;\r\n\r\n &.active {\r\n display: block;\r\n }\r\n\r\n .product_info_img {\r\n padding-top: 15px;\r\n\r\n .illustration_product_slider {\r\n .swiper-wrapper {\r\n .swiper-slide {\r\n text-align: center;\r\n }\r\n }\r\n\r\n .swiper-navigation {\r\n display: flex;\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 60px;\r\n margin-top: 40px;\r\n\r\n .swiper-button-disabled {\r\n opacity: 0.6;\r\n }\r\n\r\n .swiper-slide-next,\r\n .swiper-slide-prev {\r\n position: relative;\r\n cursor: pointer;\r\n width: 52px;\r\n height: 52px;\r\n border: 1px solid $cSandDarker;\r\n transition: background 250ms ease-in-out;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 22px;\r\n height: 22px;\r\n border-top: 4px solid $cSandDarker;\r\n border-right: 4px solid $cSandDarker;\r\n transition: border-color 250ms ease-in-out;\r\n }\r\n\r\n &:not(.swiper-button-disabled) {\r\n background: $cSandDarker;\r\n\r\n &::before {\r\n border-color: $cWhite;\r\n }\r\n }\r\n\r\n &.swiper-slide-next {\r\n &::before {\r\n transform: translate(calc(-50% - 4px), -50%) rotate(45deg);\r\n }\r\n }\r\n\r\n &.swiper-slide-prev {\r\n &::before {\r\n transform: translate(calc(-50% + 4px), -50%) rotate(-135deg);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n margin-bottom: 50px;\r\n }\r\n }\r\n\r\n .product_info_text {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n padding-top: 50px;\r\n\r\n ul {\r\n list-style: none;\r\n margin-bottom: 0;\r\n padding: 10px 0px 10px 20px;\r\n height: 100%;\r\n border-left: 2px solid #010101;\r\n direction: rtl;\r\n\r\n /* width */\r\n &::-webkit-scrollbar {\r\n width: 3px;\r\n }\r\n\r\n /* Handle */\r\n &::-webkit-scrollbar-thumb {\r\n background: #dadada;\r\n border-radius: 0px;\r\n }\r\n\r\n /* Track */\r\n &::-webkit-scrollbar-track {\r\n box-shadow: inset 0 0 5px rgba(grey, 0.1);\r\n border-radius: 0px;\r\n }\r\n\r\n /* Handle on hover */\r\n &::-webkit-scrollbar-thumb:hover {\r\n background: #000000;\r\n }\r\n\r\n li {\r\n display: grid;\r\n grid-template-columns: 120px 1fr;\r\n column-gap: 40px;\r\n direction: ltr;\r\n\r\n &:not(:last-child) {\r\n margin-bottom: 25px;\r\n }\r\n\r\n h4 {\r\n font-weight: 700;\r\n font-size: 18px;\r\n margin-bottom: 0;\r\n text-align: right;\r\n }\r\n\r\n p {\r\n font-weight: 400;\r\n font-size: 18px;\r\n line-height: 26px;\r\n letter-spacing: 0.05em;\r\n margin-bottom: 0;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n border-left: none;\r\n }\r\n }\r\n\r\n &__footer {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n align-items: center;\r\n column-gap: 55px;\r\n row-gap: 15px;\r\n padding-top: 70px;\r\n padding-left: 40px;\r\n\r\n .btn8 {\r\n font-weight: 700;\r\n font-size: 22px;\r\n text-transform: uppercase;\r\n padding: 20px 80px;\r\n border: 3px solid $cBlack;\r\n margin-bottom: 0;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n max-width: fit-content;\r\n }\r\n\r\n @include respond-below(sm) {\r\n grid-template-columns: 1fr;\r\n padding-left: 0;\r\n\r\n .btn8 {\r\n order: 1;\r\n }\r\n\r\n img {\r\n margin: 0 auto;\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n padding-top: 0;\r\n margin-bottom: 0;\r\n\r\n ul {\r\n padding: 0;\r\n\r\n li {\r\n grid-template-columns: 1fr;\r\n\r\n h4 {\r\n text-align: left;\r\n }\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(sm) {\r\n .btn8 {\r\n margin-top: 40px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n padding-left: 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n#product-description-box {\r\n margin-bottom: 200px;\r\n\r\n @include respond-below(md) {\r\n margin-bottom: 100px;\r\n }\r\n\r\n .col-right {\r\n position: relative;\r\n margin-top: 30px;\r\n height: fit-content;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n left: 48px;\r\n right: 15px;\r\n bottom: 0;\r\n height: 2px;\r\n background: $cBlack;\r\n }\r\n\r\n ul {\r\n margin: 0 0 80px 0;\r\n padding: 0;\r\n list-style: none;\r\n overflow: hidden;\r\n transition: height 250ms ease-in-out;\r\n\r\n p {\r\n font-weight: 300;\r\n font-size: 14px;\r\n hyphens: auto;\r\n\r\n strong {\r\n font-weight: 800;\r\n }\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n &::before {\r\n left: 15px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.action-btn {\r\n position: absolute;\r\n width: 42px;\r\n height: 42px;\r\n background-color: $cSandDarker;\r\n bottom: 20px;\r\n right: 15px;\r\n cursor: pointer;\r\n border: 2px solid $cSandDarker;\r\n transition: background 250ms ease-in-out;\r\n\r\n &.active {\r\n background: $cWhite;\r\n\r\n &::after {\r\n height: 0;\r\n }\r\n\r\n &::before {\r\n background: $cSandDarker;\r\n }\r\n }\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 29px;\r\n height: 2px;\r\n background: $cWhite;\r\n transform: translate(-50%, -50%);\r\n transition: background 250ms ease-in-out;\r\n }\r\n\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 2px;\r\n height: 29px;\r\n background: $cWhite;\r\n transform: translate(-50%, -50%);\r\n transition: height 250ms ease-in-out;\r\n }\r\n}\r\n\r\n#product-colors {\r\n .product-colors {\r\n display: none;\r\n\r\n &.active {\r\n display: block;\r\n }\r\n }\r\n\r\n .col-left {\r\n text-align: right;\r\n\r\n h2 {\r\n font-weight: 400;\r\n font-size: 40px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 50px;\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: left;\r\n margin-bottom: 50px;\r\n\r\n h2 {\r\n margin-bottom: 30px;\r\n\r\n br {\r\n display: none;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .col-right {\r\n border-left: 2px solid $cBlack;\r\n\r\n .color-tiles-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n column-gap: 50px;\r\n row-gap: 40px;\r\n }\r\n\r\n ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .color-tiles {\r\n .color-tiles-title {\r\n h2 {\r\n font-weight: 300;\r\n font-size: 20px;\r\n margin-bottom: 25px;\r\n\r\n &.color-tiles-title-big {\r\n font-size: 32px;\r\n font-weight: 400;\r\n }\r\n }\r\n }\r\n\r\n .color-tiles-data {\r\n display: flex;\r\n flex-direction: column;\r\n row-gap: 17px;\r\n overflow: hidden;\r\n\r\n li {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n column-gap: 17px;\r\n\r\n img {\r\n max-height: 30px;\r\n width: 170px !important;\r\n object-fit: cover;\r\n }\r\n\r\n p {\r\n font-weight: 400;\r\n font-size: 13px;\r\n margin-bottom: 0;\r\n }\r\n }\r\n }\r\n\r\n .action-btn {\r\n position: relative;\r\n bottom: 0;\r\n left: 0;\r\n right: auto;\r\n margin-top: 17px;\r\n }\r\n }\r\n\r\n @include respond-below(sm) {\r\n .color-tiles-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.accordion-box {\r\n list-style: none;\r\n padding: 70px 30px 70px 70px;\r\n margin: 0;\r\n\r\n li {\r\n &:not(:last-child) {\r\n margin-bottom: 25px;\r\n }\r\n\r\n h3 {\r\n font-size: 25px;\r\n font-weight: 200;\r\n margin-bottom: 12px;\r\n\r\n display: flex;\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n justify-content: flex-end;\r\n column-gap: 16px;\r\n\r\n cursor: pointer;\r\n }\r\n\r\n p {\r\n display: none;\r\n font-size: 14px;\r\n font-weight: 300;\r\n margin-bottom: 0;\r\n }\r\n }\r\n\r\n .accordion-btn {\r\n position: relative;\r\n width: 46px;\r\n height: 46px;\r\n background: $cBlack;\r\n border: 1px solid $cBlack;\r\n transition: background 250ms ease-in-out;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 29px;\r\n height: 2px;\r\n background: $cWhite;\r\n transform: translate(-50%, -50%);\r\n transition: background 250ms ease-in-out;\r\n }\r\n\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 2px;\r\n height: 29px;\r\n background: $cWhite;\r\n transform: translate(-50%, -50%);\r\n transition: height 250ms ease-in-out;\r\n }\r\n\r\n &.active {\r\n background: $cWhite;\r\n\r\n &::before {\r\n background: $cBlack;\r\n }\r\n\r\n &::after {\r\n height: 0;\r\n }\r\n }\r\n }\r\n}\r\n\r\n#our-projects {\r\n .our-projects-head {\r\n h2 {\r\n color: $cTxtCloud;\r\n text-align: center;\r\n font-size: 50px;\r\n margin-bottom: 40px;\r\n }\r\n }\r\n\r\n .our-projects-data {\r\n background: $cLightGray;\r\n\r\n .slider-our-projects {\r\n .swiper-slide {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n align-items: center;\r\n\r\n .slide-data {\r\n text-align: right;\r\n max-width: 250px;\r\n margin-left: auto;\r\n margin-right: 60px;\r\n\r\n h2 {\r\n font-weight: 300;\r\n font-size: 32px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 20px;\r\n }\r\n\r\n p {\r\n font-size: 12px;\r\n line-height: 2;\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n }\r\n }\r\n\r\n .slide-img {\r\n img {\r\n width: 100%;\r\n max-width: fit-content;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n grid-template-columns: 1fr;\r\n row-gap: 30px;\r\n\r\n .slide-img {\r\n order: 1;\r\n text-align: center;\r\n }\r\n\r\n .slide-data {\r\n order: 2;\r\n margin-right: 0;\r\n margin-left: 0;\r\n max-width: unset;\r\n text-align: center;\r\n padding-bottom: 30px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .slider-navidation {\r\n .swiper-button {\r\n width: 90px;\r\n height: 90px;\r\n border-radius: 100%;\r\n background: $cWhite;\r\n\r\n &-next {\r\n &::after {\r\n right: 17px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n\r\n @include respond-above(md) {\r\n right: 15px;\r\n transform: translateX(50%);\r\n }\r\n }\r\n\r\n &-prev {\r\n &::after {\r\n left: 30px;\r\n transform: translate(-50%, -50%) rotate(225deg);\r\n }\r\n\r\n @include respond-above(md) {\r\n left: 15px;\r\n transform: translateX(50%);\r\n }\r\n }\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 45px;\r\n height: 2px;\r\n background-color: $cBlack;\r\n }\r\n\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n // right: 17px;\r\n top: 50%;\r\n // transform: translate(-50%, -50%) rotate(45deg);\r\n width: 14px;\r\n height: 14px;\r\n border-right: 2px solid $cBlack;\r\n border-top: 2px solid $cBlack;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n#cookie-information {\r\n font-size: 14px;\r\n}\r\n\r\n.main-content {\r\n padding-top: 75px;\r\n padding-bottom: 75px;\r\n}\r\n\r\n.files {\r\n list-style: none;\r\n display: grid;\r\n gap: 10px;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n margin: 0;\r\n\r\n li {\r\n background-color: #ebebeb;\r\n border-radius: 3px;\r\n transition: background-color 0.3s;\r\n\r\n a {\r\n margin: 0;\r\n padding: 20px;\r\n display: block;\r\n color: #000;\r\n\r\n i {\r\n font-size: 22px;\r\n margin-right: 10px;\r\n top: 5px;\r\n position: relative;\r\n }\r\n }\r\n\r\n &:hover {\r\n background-color: lighten($color: #ebebeb, $amount: 5%);\r\n\r\n a {\r\n color: lighten($color: black, $amount: 50%);\r\n }\r\n }\r\n }\r\n}\r\n\r\n.article-password {\r\n width: 500px;\r\n margin: 0 auto;\r\n padding: 50px 50px 40px;\r\n box-shadow: 0 0px 4px 0 #00000040;\r\n\r\n p {\r\n color: #000;\r\n font-size: 15px;\r\n text-transform: uppercase;\r\n margin-bottom: 0;\r\n }\r\n\r\n form {\r\n display: flex;\r\n flex-direction: column;\r\n row-gap: 12px;\r\n\r\n input[type='password'] {\r\n height: 46px;\r\n border: 1px solid #000;\r\n border-radius: 0;\r\n }\r\n\r\n input[type='submit'] {\r\n height: 46px;\r\n font-size: 15px;\r\n padding: 13px 30px 15px;\r\n background: #000;\r\n border: none;\r\n border-radius: 0;\r\n text-transform: uppercase;\r\n }\r\n }\r\n}","$breakpoints: (\r\n xs: 576px,\r\n sm: 768px,\r\n md: 992px,\r\n lg: 1200px\r\n);\r\n@mixin respond-above($breakpoint) {\r\n @if map-has-key($breakpoints, $breakpoint) {\r\n $breakpoint-value: map-get($breakpoints, $breakpoint);\r\n @media (min-width: $breakpoint-value) {\r\n @content;\r\n }\r\n } @else {\r\n @warn 'Invalid breakpoint: #{$breakpoint}.';\r\n }\r\n}\r\n@mixin respond-below($breakpoint) {\r\n @if map-has-key($breakpoints, $breakpoint) {\r\n $breakpoint-value: map-get($breakpoints, $breakpoint);\r\n @media (max-width: ($breakpoint-value - 1)) {\r\n @content;\r\n }\r\n } @else {\r\n @warn 'Invalid breakpoint: #{$breakpoint}.';\r\n }\r\n}\r\n@mixin respond-between($lower, $upper) {\r\n @if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {\r\n $lower-breakpoint: map-get($breakpoints, $lower);\r\n $upper-breakpoint: map-get($breakpoints, $upper);\r\n @media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {\r\n @content;\r\n }\r\n } @else {\r\n @if (map-has-key($breakpoints, $lower) == false) {\r\n @warn 'Your lower breakpoint was invalid: #{$lower}.';\r\n }\r\n @if (map-has-key($breakpoints, $upper) == false) {\r\n @warn 'Your upper breakpoint was invalid: #{$upper}.';\r\n }\r\n }\r\n}\r\n@mixin border-radius($px: 0) {\r\n -webkit-border-radius: $px;\r\n -moz-border-radius: $px;\r\n border-radius: $px;\r\n}\r\n@mixin box-shadow($value) {\r\n -webkit-box-shadow: $value;\r\n -moz-box-shadow: $value;\r\n box-shadow: $value;\r\n}\r\n@mixin transition($element: all, $time: .5s, $option: ease) {\r\n -webkit-transition: $element $time $option;\r\n transition: $element $time $option;\r\n}\r\n@mixin opacity($value) {\r\n $IEValue: $value*100;\r\n opacity: $value;\r\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=\"+$IEValue+\")\";\r\n filter: alpha(opacity=$IEValue);\r\n}\r\n@mixin flexbox() {\r\n display: -webkit-box;\r\n display: -moz-box;\r\n display: -ms-flexbox;\r\n display: -webkit-flex;\r\n display: flex;\r\n}\r\n@mixin flex($values) {\r\n -webkit-box-flex: $values;\r\n -moz-box-flex: $values;\r\n -webkit-flex: $values;\r\n \t -ms-flex: $values;\r\n \t flex: $values;\r\n}\r\n@mixin flex-direction($direction) {\r\n -webkit-flex-direction: $direction;\r\n -moz-flex-direction: $direction;\r\n -ms-flex-direction: $direction;\r\n flex-direction: $direction;\r\n}\r\n@mixin flex-wrap($wrap) {\r\n -webkit-flex-wrap: $wrap;\r\n -moz-flex-wrap: $wrap;\r\n -ms-flex-wrap: $wrap;\r\n flex-wrap: $wrap;\r\n}\r\n@mixin flex-flow($flow) {\r\n -webkit-flex-flow: $flow;\r\n -moz-flex-flow: $flow;\r\n -ms-flex-flow: $flow;\r\n flex-flow: $flow;\r\n}\r\n@mixin order($val) {\r\n -webkit-box-ordinal-group: $val; \r\n -moz-box-ordinal-group: $val; \r\n \t -ms-flex-order: $val; \r\n \t -webkit-order: $val; \r\n \t\t order: $val;\r\n}\r\n@mixin flex-grow($grow) {\r\n -webkit-flex-grow: $grow;\r\n -moz-flex-grow: $grow;\r\n -ms-flex-grow: $grow;\r\n flex-grow: $grow;\r\n}\r\n@mixin flex-shrink($shrink) {\r\n -webkit-flex-shrink: $shrink;\r\n -moz-flex-shrink: $shrink;\r\n -ms-flex-shrink: $shrink;\r\n flex-shrink: $shrink;\r\n}\r\n@mixin flex-basis($width) {\r\n -webkit-flex-basis: $width;\r\n -moz-flex-basis: $width;\r\n -ms-flex-basis: $width;\r\n flex-basis: $width;\r\n}\r\n@mixin justify-content($justify) {\r\n -webkit-justify-content: $justify;\r\n -moz-justify-content: $justify;\r\n -ms-justify-content: $justify;\r\n justify-content: $justify;\r\n -ms-flex-pack: $justify;\r\n}\r\n@mixin align-content($align) {\r\n -webkit-align-content: $align;\r\n -moz-align-content: $align;\r\n -ms-align-content: $align;\r\n align-content: $align;\r\n}\r\n@mixin align-items($align) {\r\n -webkit-align-items: $align;\r\n -moz-align-items: $align;\r\n -ms-align-items: $align;\r\n align-items: $align;\r\n}\r\n@mixin align-self($align) {\r\n -webkit-align-self: $align;\r\n -moz-align-self: $align;\r\n -ms-align-self: $align;\r\n align-self: $align;\r\n}"]}
\ No newline at end of file
+{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/style.scss","../style-scss/_mixins.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/layout/style-scss/style.scss b/layout/style-scss/style.scss
index a8a171c..896b93f 100644
--- a/layout/style-scss/style.scss
+++ b/layout/style-scss/style.scss
@@ -2,2019 +2,2021 @@
@import '_variables';
body {
- font-family: 'URW Form', sans-serif;
+ font-family: 'URW Form', sans-serif;
- p {
- letter-spacing: 0.05em;
- font-size: 16px;
- }
+ p {
+ letter-spacing: 0.05em;
+ font-size: 16px;
+ }
}
a {
- text-decoration: none;
+ text-decoration: none;
- &:hover {
- text-decoration: none;
- }
+ &:hover {
+ text-decoration: none;
+ }
}
.anchor {
- cursor: pointer;
+ cursor: pointer;
}
#main-menu {
- @include respond-below(xs) {
- height: 100%;
- width: 100%;
- position: fixed;
- z-index: 10;
- background: #fff;
- display: none;
+ @include respond-below(xs) {
+ height: 100%;
+ width: 100%;
+ position: fixed;
+ z-index: 10;
+ background: #fff;
+ display: none;
- &.visible {
- @include flexbox;
- }
- }
+ &.visible {
+ @include flexbox;
+ }
+ }
- div[id^='menu-container-'] {
- @include respond-below(xs) {
- width: 100%;
- @include flexbox;
- @include align-items(center);
- @include justify-content(center);
- }
+ div[id^='menu-container-'] {
+ @include respond-below(xs) {
+ width: 100%;
+ @include flexbox;
+ @include align-items(center);
+ @include justify-content(center);
+ }
- ul {
- margin: 0;
- padding: 0;
- list-style-type: none;
+ ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
- @include respond-above(xs) {
- @include flexbox;
- }
+ @include respond-above(xs) {
+ @include flexbox;
+ }
- @include respond-below(xs) {
- width: 100%;
- }
+ @include respond-below(xs) {
+ width: 100%;
+ }
- li {
- position: relative;
+ li {
+ position: relative;
- &.parent {
- >a {
- @include respond-above(xs) {
- pointer-events: none;
- }
- }
- }
+ &.parent {
+ > a {
+ @include respond-above(xs) {
+ pointer-events: none;
+ }
+ }
+ }
- ul {
- position: absolute;
- display: none;
+ ul {
+ position: absolute;
+ display: none;
- @include respond-below(xs) {
- position: static;
- }
- }
+ @include respond-below(xs) {
+ position: static;
+ }
+ }
- @include respond-above(xs) {
- &:hover {
- ul {
- display: block;
- }
- }
- }
+ @include respond-above(xs) {
+ &:hover {
+ ul {
+ display: block;
+ }
+ }
+ }
- &.active {
- ul {
- display: block;
- }
- }
- }
- }
+ &.active {
+ ul {
+ display: block;
+ }
+ }
+ }
+ }
- &#menu-container-1 {
- .level-0 {
- justify-content: space-between;
+ &#menu-container-1 {
+ .level-0 {
+ justify-content: space-between;
- >li {
- display: flex;
- align-items: center;
+ > li {
+ display: flex;
+ align-items: center;
- >a {
- color: $cTxtGray;
- text-transform: uppercase;
- }
+ > a {
+ color: $cTxtGray;
+ text-transform: uppercase;
+ }
- &#link-8 {
- >a {
- color: $cTxtWhite;
- font-weight: 800;
- font-size: 23px;
- padding: 16px 46px 14px 46px;
- background-color: $cBlack;
- }
- }
- }
- }
- }
- }
+ &#link-8 {
+ > a {
+ color: $cTxtWhite;
+ font-weight: 800;
+ font-size: 23px;
+ padding: 16px 46px 14px 46px;
+ background-color: $cBlack;
+ }
+ }
+ }
+ }
+ }
+ }
}
#main-menu-btn {
- height: 70px;
- width: 70px;
- position: fixed;
- bottom: 30px;
- right: 60px;
- color: #fff;
- background: #000;
- display: none;
- z-index: 9999;
- line-height: 50px;
- text-align: center;
- font-size: 35px;
- cursor: pointer;
+ height: 70px;
+ width: 70px;
+ position: fixed;
+ bottom: 30px;
+ right: 60px;
+ color: #fff;
+ background: #000;
+ display: none;
+ z-index: 9999;
+ line-height: 50px;
+ text-align: center;
+ font-size: 35px;
+ cursor: pointer;
- @include border-radius(50%);
+ @include border-radius(50%);
- @include respond-below(md) {
- display: flex;
- align-items: center;
- justify-content: center;
- }
+ @include respond-below(md) {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
}
.btn-1 {
- position: relative;
- display: inline-block;
- width: 100%;
- color: $cTxtBlack;
- font-weight: 300;
- font-size: 26px;
+ position: relative;
+ display: inline-block;
+ width: 100%;
+ color: $cTxtBlack;
+ font-weight: 300;
+ font-size: 26px;
- padding: 28px 57px;
- border: 1px solid $cBlack;
+ padding: 28px 57px;
+ border: 1px solid $cBlack;
- &:hover {
- color: $cTxtBlack;
- }
+ &:hover {
+ color: $cTxtBlack;
+ }
- &::before {
- content: '';
- position: absolute;
- right: 46px;
- top: 50%;
- transform: translateY(-50%);
- width: 58px;
- height: 2px;
- background-color: $cBlack;
- }
+ &::before {
+ content: '';
+ position: absolute;
+ right: 46px;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 58px;
+ height: 2px;
+ background-color: $cBlack;
+ }
- &::after {
- content: '';
- position: absolute;
- right: 46px;
- top: 50%;
- transform: translateY(-50%) rotate(45deg);
- width: 14px;
- height: 14px;
- border-right: 2px solid $cBlack;
- border-top: 2px solid $cBlack;
- }
+ &::after {
+ content: '';
+ position: absolute;
+ right: 46px;
+ top: 50%;
+ transform: translateY(-50%) rotate(45deg);
+ width: 14px;
+ height: 14px;
+ border-right: 2px solid $cBlack;
+ border-top: 2px solid $cBlack;
+ }
}
//* ~~~~~~~~~~ Components ~~~~~~~~~~ *//
#footer {
- background-color: $cBlack;
+ background-color: $cBlack;
- .footer_wrapper {
- color: $cTxtWhite;
- padding-top: 35px;
- padding-bottom: 50px;
+ .footer_wrapper {
+ color: $cTxtWhite;
+ padding-top: 35px;
+ padding-bottom: 50px;
- .footer_top {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
+ .footer_top {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
- .box-left {
- display: flex;
- justify-content: center;
- flex-direction: column;
- font-size: 14px;
+ .box-left {
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ font-size: 14px;
- p {
- font-weight: 400;
- line-height: 22px;
+ p {
+ font-weight: 400;
+ line-height: 22px;
- font-size: 14px;
- letter-spacing: 0.01em;
- margin-bottom: 0;
- }
+ font-size: 14px;
+ letter-spacing: 0.01em;
+ margin-bottom: 0;
+ }
- img {
- max-width: 130px;
- margin-bottom: 40px;
- }
- }
+ img {
+ max-width: 130px;
+ margin-bottom: 40px;
+ }
+ }
- .box-center {
- h4 {
- font-size: 18px;
- font-weight: 700;
- }
+ .box-center {
+ h4 {
+ font-size: 18px;
+ font-weight: 700;
+ }
- ul {
- padding: 0;
- margin: 0;
- list-style: none;
+ ul {
+ padding: 0;
+ margin: 0;
+ list-style: none;
- li {
- &:not(:last-child) {
- margin-bottom: 10px;
- }
+ li {
+ &:not(:last-child) {
+ margin-bottom: 10px;
+ }
- a {
- color: $cTxtWhite;
- font-size: 14px;
- letter-spacing: 0.01em;
- }
- }
- }
- }
+ a {
+ color: $cTxtWhite;
+ font-size: 14px;
+ letter-spacing: 0.01em;
+ }
+ }
+ }
+ }
- .box-right {
- position: relative;
- padding-top: 30px;
+ .box-right {
+ position: relative;
+ padding-top: 30px;
- &::before {
- content: '';
- position: absolute;
- top: 9px;
- left: 0;
- right: 0;
- height: 1px;
- background: $cWhite;
- }
+ &::before {
+ content: '';
+ position: absolute;
+ top: 9px;
+ left: 0;
+ right: 0;
+ height: 1px;
+ background: $cWhite;
+ }
- ul {
- padding: 0;
- margin: 0;
- list-style: none;
+ ul {
+ padding: 0;
+ margin: 0;
+ list-style: none;
- li {
- &:not(:last-child) {
- margin-bottom: 10px;
- }
+ li {
+ &:not(:last-child) {
+ margin-bottom: 10px;
+ }
- a {
- color: $cTxtWhite;
- font-size: 14px;
- letter-spacing: 0.01em;
- }
- }
- }
- }
+ a {
+ color: $cTxtWhite;
+ font-size: 14px;
+ letter-spacing: 0.01em;
+ }
+ }
+ }
+ }
- @include respond-below(sm) {
- flex-direction: column;
- row-gap: 50px;
- }
- }
- }
+ @include respond-below(sm) {
+ flex-direction: column;
+ row-gap: 50px;
+ }
+ }
+ }
}
#contact-mini {
- padding: 60px 0;
- background-color: $cLightGray;
+ padding: 60px 0;
+ background-color: $cLightGray;
- .left_col {
- text-align: right;
+ .left_col {
+ text-align: right;
- @include respond-above(md) {
- padding-right: 50px;
- }
+ @include respond-above(md) {
+ padding-right: 50px;
+ }
- @include respond-below(md) {
- text-align: center;
- margin-bottom: 30px;
- }
+ @include respond-below(md) {
+ text-align: center;
+ margin-bottom: 30px;
+ }
- h2 {
- font-weight: 700;
- font-size: 32px;
- margin-bottom: 60px;
- }
+ h2 {
+ font-weight: 700;
+ font-size: 32px;
+ margin-bottom: 60px;
+ }
- p {
- margin-bottom: 0;
- }
+ p {
+ margin-bottom: 0;
+ }
- ul {
- margin: 0;
- padding: 0;
- list-style: none;
+ ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
- &.contact-social {
- position: relative;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: flex-end;
- gap: 9px;
- margin-bottom: 50px;
- margin-top: 15px;
+ &.contact-social {
+ position: relative;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: flex-end;
+ gap: 9px;
+ margin-bottom: 50px;
+ margin-top: 15px;
- &::before {
- content: '';
- position: absolute;
- bottom: -25px;
- height: 1px;
- width: 275px;
- background: $cBlack;
- }
+ &::before {
+ content: '';
+ position: absolute;
+ bottom: -25px;
+ height: 1px;
+ width: 275px;
+ background: $cBlack;
+ }
- img {
- max-width: 25px;
- }
+ img {
+ max-width: 25px;
+ }
- @include respond-below(md) {
- margin-top: 20px;
- justify-content: center;
- }
- }
+ @include respond-below(md) {
+ margin-top: 20px;
+ justify-content: center;
+ }
+ }
- &.contact-data {
- li {
- &:not(:last-child) {
- margin-bottom: 10px;
- }
+ &.contact-data {
+ li {
+ &:not(:last-child) {
+ margin-bottom: 10px;
+ }
- a {
- color: $cTxtBlack;
- font-weight: 400;
- font-size: 18px;
- }
- }
- }
- }
- }
+ a {
+ color: $cTxtBlack;
+ font-weight: 400;
+ font-size: 18px;
+ }
+ }
+ }
+ }
+ }
- .right_col {
- p {
- font-weight: 300;
- }
+ .right_col {
+ p {
+ font-weight: 300;
+ }
- .contact-head {
- padding-top: 5px;
- }
- }
+ .contact-head {
+ padding-top: 5px;
+ }
+ }
}
#contact_form {
- button {
- border: 0;
- }
+ button {
+ border: 0;
+ }
- .agreement {
- font-size: 10px;
+ .agreement {
+ font-size: 10px;
- .agreement-container {
- margin-bottom: 10px;
+ .agreement-container {
+ margin-bottom: 10px;
- .form_group_2 {
- display: flex;
- align-items: center;
- gap: 10px;
+ .form_group_2 {
+ display: flex;
+ align-items: center;
+ gap: 10px;
- &:not(:last-child) {
- margin-bottom: 10px;
- }
+ &:not(:last-child) {
+ margin-bottom: 10px;
+ }
- input[type='checkbox'] {
- position: relative;
- appearance: none;
- width: 26px;
- min-width: 26px;
- height: 26px;
- background: $cBlack;
- cursor: pointer;
- overflow: hidden;
+ input[type='checkbox'] {
+ position: relative;
+ appearance: none;
+ width: 26px;
+ min-width: 26px;
+ height: 26px;
+ background: $cBlack;
+ cursor: pointer;
+ overflow: hidden;
- &::before {
- content: '';
- position: absolute;
- top: -20px;
- left: 35px;
- width: 3px;
- height: 17px;
- background: $cWhite;
- transform: rotate(35deg);
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- transition: top 250ms ease-in-out, left 250ms ease-in-out;
- }
+ &::before {
+ content: '';
+ position: absolute;
+ top: -20px;
+ left: 35px;
+ width: 3px;
+ height: 17px;
+ background: $cWhite;
+ transform: rotate(35deg);
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ border-bottom-right-radius: 5px;
+ transition: top 250ms ease-in-out, left 250ms ease-in-out;
+ }
- &::after {
- content: '';
- position: absolute;
- top: -7px;
- left: -16px;
- width: 3px;
- height: 11px;
- background: $cWhite;
- transform: rotate(-45deg);
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
- transition: top 250ms ease-in-out, left 250ms ease-in-out;
- }
+ &::after {
+ content: '';
+ position: absolute;
+ top: -7px;
+ left: -16px;
+ width: 3px;
+ height: 11px;
+ background: $cWhite;
+ transform: rotate(-45deg);
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+ transition: top 250ms ease-in-out, left 250ms ease-in-out;
+ }
- &:checked {
- &::before {
- top: 6px;
- left: 14px;
- }
+ &:checked {
+ &::before {
+ top: 6px;
+ left: 14px;
+ }
- &::after {
- top: 12px;
- left: 7px;
- }
- }
- }
+ &::after {
+ top: 12px;
+ left: 7px;
+ }
+ }
+ }
- label {
- margin-bottom: 0;
- line-height: 1.5;
- cursor: pointer;
+ label {
+ margin-bottom: 0;
+ line-height: 1.5;
+ cursor: pointer;
- &.label_form_check2 {
- max-width: 240px;
- }
- }
- }
- }
+ &.label_form_check2 {
+ max-width: 240px;
+ }
+ }
+ }
+ }
- .btn.btn-send {
- position: relative;
- color: $cTxtWhite;
- font-weight: 700;
- font-size: 16px;
- text-transform: uppercase;
- padding: 16px 60px 16px 20px;
- background: $cBlack;
- border-radius: 0;
+ .btn.btn-send {
+ position: relative;
+ color: $cTxtWhite;
+ font-weight: 700;
+ font-size: 16px;
+ text-transform: uppercase;
+ padding: 16px 60px 16px 20px;
+ background: $cBlack;
+ border-radius: 0;
- display: block;
- margin-left: auto;
+ display: block;
+ margin-left: auto;
- // @include respond-above(xs) {
- // margin-top: -35px;
- // }
+ // @include respond-above(xs) {
+ // margin-top: -35px;
+ // }
- &::before {
- content: '';
- position: absolute;
- right: 16px;
- top: 50%;
- height: 2px;
- width: 30px;
- background: $cWhite;
- transform: translateY(-50%);
- }
+ &::before {
+ content: '';
+ position: absolute;
+ right: 16px;
+ top: 50%;
+ height: 2px;
+ width: 30px;
+ background: $cWhite;
+ transform: translateY(-50%);
+ }
- &::after {
- content: '';
- position: absolute;
- right: 16px;
- top: 50%;
- height: 12px;
- width: 12px;
- border-right: 2px solid $cWhite;
- border-bottom: 2px solid $cWhite;
- transform: translateY(-50%) rotate(-45deg);
- }
- }
- }
+ &::after {
+ content: '';
+ position: absolute;
+ right: 16px;
+ top: 50%;
+ height: 12px;
+ width: 12px;
+ border-right: 2px solid $cWhite;
+ border-bottom: 2px solid $cWhite;
+ transform: translateY(-50%) rotate(-45deg);
+ }
+ }
+ }
- .form_group {
- position: relative;
- display: flex;
- flex-direction: column;
- border: 1px solid $cBlack;
- margin-bottom: 11px;
+ .form_group {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ border: 1px solid $cBlack;
+ margin-bottom: 11px;
- textarea {
- border: 0;
- height: 100px;
- padding: 13px;
- resize: none;
+ textarea {
+ border: 0;
+ height: 100px;
+ padding: 13px;
+ resize: none;
- &::placeholder {
- color: $cTxtGray;
- font-weight: 700;
- font-size: 12.8px;
- line-height: 20px;
- }
+ &::placeholder {
+ color: $cTxtGray;
+ font-weight: 700;
+ font-size: 12.8px;
+ line-height: 20px;
+ }
- &:focus {
- outline: none;
- }
- }
+ &:focus {
+ outline: none;
+ }
+ }
- input,
- select {
- border: none;
- padding: 13px;
+ input,
+ select {
+ border: none;
+ padding: 13px;
- &::placeholder {
- color: $cTxtGray;
- font-weight: 700;
- font-size: 12.8px;
- line-height: 20px;
- }
+ &::placeholder {
+ color: $cTxtGray;
+ font-weight: 700;
+ font-size: 12.8px;
+ line-height: 20px;
+ }
- &:focus {
- outline: none;
- }
- }
- }
+ &:focus {
+ outline: none;
+ }
+ }
+ }
}
header {
- position: sticky;
- top: 0;
- background: $cWhite;
- z-index: 998;
- transition: box-shadow 150ms linear;
+ position: sticky;
+ top: 0;
+ background: $cWhite;
+ z-index: 998;
+ transition: box-shadow 150ms linear;
- &.fixed {
- box-shadow: 0px 0px 30px rgba($cBlack, 0.4);
- }
+ &.fixed {
+ box-shadow: 0px 0px 30px rgba($cBlack, 0.4);
+ }
- ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
+ ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ }
- .container {
- @media (min-width: 1620px) {
- max-width: 1140px;
- }
+ .container {
+ @media (min-width: 1620px) {
+ max-width: 1140px;
+ }
- @media (min-width: 1360px) {
- max-width: 1140px;
- }
+ @media (min-width: 1360px) {
+ max-width: 1140px;
+ }
- @media (min-width: 1200px) {
- max-width: 1140px;
- }
- }
+ @media (min-width: 1200px) {
+ max-width: 1140px;
+ }
+ }
- .header__wrapper {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
+ .header__wrapper {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
- @include respond-below(sm) {
- flex-direction: column;
- gap: 10px;
- }
+ @include respond-below(sm) {
+ flex-direction: column;
+ gap: 10px;
+ }
- @include respond-below(md) {
- column-gap: 25px;
- }
+ @include respond-below(md) {
+ column-gap: 25px;
+ }
- .header_left {
- display: flex;
- align-items: center;
- justify-content: center;
+ .header_left {
+ display: flex;
+ align-items: center;
+ justify-content: center;
- @include respond-below(xl) {
- width: fit-content;
- margin-right: auto;
- }
+ @include respond-below(xl) {
+ width: fit-content;
+ margin-right: auto;
+ }
- @include respond-between(md, lg) {
- padding: 20px;
- }
+ @include respond-between(md, lg) {
+ padding: 20px;
+ }
- @include respond-below(md) {
- margin: 20px auto;
- }
+ @include respond-below(md) {
+ margin: 20px auto;
+ }
- a {
- display: block;
- position: relative;
- z-index: 10;
- max-width: 194px;
+ a {
+ display: block;
+ position: relative;
+ z-index: 10;
+ max-width: 194px;
- img {
- width: 100%;
- max-width: 150px;
- }
- }
- }
+ img {
+ width: 100%;
+ max-width: 150px;
+ }
+ }
+ }
- .header_right {
- padding: 30px 0;
+ .header_right {
+ padding: 30px 0;
- @include respond-below(md) {
- padding: 20px 0;
- }
+ @include respond-below(md) {
+ padding: 20px 0;
+ }
- .header_big_btn {
- a {
- display: inline-block;
- font-weight: 800 !important;
- font-size: 23px !important;
- color: $cTxtWhite !important;
- padding: 12px 25px 7px 25px;
- background: $cBlack;
- cursor: pointer;
+ .header_big_btn {
+ a {
+ display: inline-block;
+ font-weight: 800 !important;
+ font-size: 23px !important;
+ color: $cTxtWhite !important;
+ padding: 12px 25px 7px 25px;
+ background: $cBlack;
+ cursor: pointer;
- @include respond-below(lg) {
- font-size: 20px !important;
- padding: 12px 20px 7px 20px;
- }
- }
- }
- }
+ @include respond-below(lg) {
+ font-size: 20px !important;
+ padding: 12px 20px 7px 20px;
+ }
+ }
+ }
+ }
- #advance_menu {
- @include respond-below(md) {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: #fff;
- z-index: 9999;
- display: none;
- align-items: center;
- justify-content: center;
+ #advance_menu {
+ @include respond-below(md) {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #fff;
+ z-index: 9999;
+ display: none;
+ align-items: center;
+ justify-content: center;
- &.visible {
- display: flex;
- }
- }
+ &.visible {
+ display: flex;
+ }
+ }
- .static_height {
- height: 230px;
- }
+ .static_height {
+ height: 230px;
+ }
- ul {
- background: $cWhite;
+ ul {
+ background: $cWhite;
- @include respond-above(md) {
- &:not(.lvl_1) {
- li {
- &.parent {
- &:hover {
- >a {
- &::before {
- width: calc(100% - 23px);
- }
- }
- }
+ @include respond-above(md) {
+ &:not(.lvl_1) {
+ li {
+ &.parent {
+ &:hover {
+ > a {
+ &::before {
+ width: calc(100% - 23px);
+ }
+ }
+ }
- >a {
- &::after {
- content: url('/upload/filemanager/Icons/mini_arrow_bottom_new.svg');
- display: inline-block;
- margin-left: 7px;
- transition: all 250ms ease;
- }
- }
- }
- }
- }
- }
+ > a {
+ &::after {
+ content: url('/upload/filemanager/Icons/mini_arrow_bottom_new.svg');
+ display: inline-block;
+ margin-left: 7px;
+ transition: all 250ms ease;
+ }
+ }
+ }
+ }
+ }
+ }
- @include respond-below(md) {
- li {
- &.parent {
- >a {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
+ @include respond-below(md) {
+ li {
+ &.parent {
+ > a {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
- &::after {
- content: url('/upload/filemanager/Icons/mini_arrow_bottom_new.svg');
- transform: rotate(-90deg);
- margin-left: 7px;
- transition: all 250ms ease;
- }
+ &::after {
+ content: url('/upload/filemanager/Icons/mini_arrow_bottom_new.svg');
+ transform: rotate(-90deg);
+ margin-left: 7px;
+ transition: all 250ms ease;
+ }
- &:hover {
- &::after {
- transform: rotate(0deg);
- }
- }
- }
- }
- }
- }
+ &:hover {
+ &::after {
+ transform: rotate(0deg);
+ }
+ }
+ }
+ }
+ }
+ }
- li {
- &.parent {
- >a {
- width: fit-content;
+ li {
+ &.parent {
+ > a {
+ width: fit-content;
- @include respond-above(md) {
- padding-bottom: 5px;
- }
- }
- }
+ @include respond-above(md) {
+ padding-bottom: 5px;
+ }
+ }
+ }
- &:hover {
- >a {
- &::before {
- width: 100%;
- }
- }
- }
+ &:hover {
+ > a {
+ &::before {
+ width: 100%;
+ }
+ }
+ }
- @include respond-below(md) {
- &:not(:last-child) {
- &::after {
- content: '';
- position: absolute;
- bottom: -15px;
- left: 0;
- right: 0;
- height: 1px;
- background: $cSandDarker;
- }
- }
- }
+ @include respond-below(md) {
+ &:not(:last-child) {
+ &::after {
+ content: '';
+ position: absolute;
+ bottom: -15px;
+ left: 0;
+ right: 0;
+ height: 1px;
+ background: $cSandDarker;
+ }
+ }
+ }
- a {
- position: relative;
- color: $cTxtBlack;
- font-weight: 400;
- font-size: 15px;
- width: fit-content;
- text-transform: uppercase;
+ a {
+ position: relative;
+ color: $cTxtBlack;
+ font-weight: 400;
+ font-size: 15px;
+ width: fit-content;
+ text-transform: uppercase;
- &::before {
- content: '';
- position: absolute;
- bottom: 0;
- left: 0;
- width: 0;
- height: 1px;
- background: rgba(0, 0, 0, 0.15);
- transition: all 250ms ease;
- }
+ &::before {
+ content: '';
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 0;
+ height: 1px;
+ background: rgba(0, 0, 0, 0.15);
+ transition: all 250ms ease;
+ }
- &.no-click {
- @include respond-above(md) {
- pointer-events: none;
- }
- }
+ &.no-click {
+ @include respond-above(md) {
+ pointer-events: none;
+ }
+ }
- @include respond-below(lg) {
- font-size: 14px;
- }
+ @include respond-below(lg) {
+ font-size: 14px;
+ }
- @include respond-below(md) {
- font-size: 16px;
- display: block;
- width: 100% !important;
+ @include respond-below(md) {
+ font-size: 16px;
+ display: block;
+ width: 100% !important;
- &::before {
- display: none;
- }
- }
- }
- }
- }
+ &::before {
+ display: none;
+ }
+ }
+ }
+ }
+ }
- ul.lvl_1 {
- display: flex;
- align-items: center;
- gap: 40px;
+ ul.lvl_1 {
+ display: flex;
+ align-items: center;
+ gap: 40px;
- @include respond-between(md, lg) {
- gap: 20px;
- }
+ @include respond-between(md, lg) {
+ gap: 20px;
+ }
- @include respond-below(md) {
- flex-wrap: wrap;
- gap: 30px;
+ @include respond-below(md) {
+ flex-wrap: wrap;
+ gap: 30px;
- width: 100%;
- max-width: 400px;
- padding-left: 15px;
- padding-right: 15px;
- }
+ width: 100%;
+ max-width: 400px;
+ padding-left: 15px;
+ padding-right: 15px;
+ }
- >li {
- position: relative;
+ > li {
+ position: relative;
- @include respond-below(md) {
- width: 100%;
- }
+ @include respond-below(md) {
+ width: 100%;
+ }
- &.parent {
- &:hover {
- ul.lvl_2 {
- opacity: 1;
- visibility: visible;
- }
- }
+ &.parent {
+ &:hover {
+ ul.lvl_2 {
+ opacity: 1;
+ visibility: visible;
+ }
+ }
- @include respond-below(md) {
- &.active {
- ul.lvl_2 {
- display: block;
- opacity: 1;
- visibility: visible;
- width: 100%;
- box-shadow: none;
- background: #f4f4f4;
- height: auto !important;
- padding: 10px 20px;
- margin-top: 10px;
+ @include respond-below(md) {
+ &.active {
+ ul.lvl_2 {
+ display: block;
+ opacity: 1;
+ visibility: visible;
+ width: 100%;
+ box-shadow: none;
+ background: #f4f4f4;
+ height: auto !important;
+ padding: 10px 20px;
+ margin-top: 10px;
- @include respond-below(md) {
- padding: 0 0 0 20px;
- background: $cWhite;
- }
+ @include respond-below(md) {
+ padding: 0 0 0 20px;
+ background: $cWhite;
+ }
- li {
- a {
- margin-left: auto;
- margin-right: auto;
- }
- }
+ li {
+ a {
+ margin-left: auto;
+ margin-right: auto;
+ }
+ }
- // * {
- // color: $cTxtBlack;
- // }
- }
- }
- }
- }
+ // * {
+ // color: $cTxtBlack;
+ // }
+ }
+ }
+ }
+ }
- ul.lvl_2 {
- position: absolute;
- left: 0;
- width: max-content;
- opacity: 0;
- visibility: hidden;
- transition: visibility 250ms ease, opacity 250ms ease;
- padding: 20px;
- box-shadow: 0px 0px 30px rgba($cBlack, 0.06);
+ ul.lvl_2 {
+ position: absolute;
+ left: 0;
+ width: max-content;
+ opacity: 0;
+ visibility: hidden;
+ transition: visibility 250ms ease, opacity 250ms ease;
+ padding: 20px;
+ box-shadow: 0px 0px 30px rgba($cBlack, 0.06);
- @include respond-below(md) {
- position: static;
- display: none;
- }
+ @include respond-below(md) {
+ position: static;
+ display: none;
+ }
- >li {
- @include respond-above(md) {
- &:hover {
- >a {
- &::after {
- transform: rotate(-90deg);
- }
- }
+ > li {
+ @include respond-above(md) {
+ &:hover {
+ > a {
+ &::after {
+ transform: rotate(-90deg);
+ }
+ }
- ul.lvl_3 {
- opacity: 1;
- visibility: visible;
- transition-delay: 200ms;
- }
+ ul.lvl_3 {
+ opacity: 1;
+ visibility: visible;
+ transition-delay: 200ms;
+ }
- .category_img {
- opacity: 1;
- visibility: visible;
- transition-delay: 200ms;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- }
- }
+ .category_img {
+ opacity: 1;
+ visibility: visible;
+ transition-delay: 200ms;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ }
+ }
- @include respond-below(md) {
- &.active {
- ul.lvl_3 {
- display: block;
- visibility: visible;
- opacity: 1;
- position: static;
- width: 100%;
- background: transparent;
- height: auto;
- padding-top: 0;
- box-shadow: none;
- padding: 10px 0 0 0;
+ @include respond-below(md) {
+ &.active {
+ ul.lvl_3 {
+ display: block;
+ visibility: visible;
+ opacity: 1;
+ position: static;
+ width: 100%;
+ background: transparent;
+ height: auto;
+ padding-top: 0;
+ box-shadow: none;
+ padding: 10px 0 0 0;
- // * {
- // color: $cTxtBlack;
- // }
- }
- }
- }
+ // * {
+ // color: $cTxtBlack;
+ // }
+ }
+ }
+ }
- >a {
- padding: 5px 0;
- }
+ > a {
+ padding: 5px 0;
+ }
- a {
- font-size: 14px;
- }
+ a {
+ font-size: 14px;
+ }
- ul.lvl_3 {
- position: absolute;
- left: calc(100% - 20px);
- top: 0;
- bottom: 0;
- padding: 20px;
- width: max-content;
- transition: visibility 250ms ease, opacity 250ms ease;
- opacity: 0;
- visibility: hidden;
- width: 200px;
- box-shadow: 30px 0px 30px rgba($cBlack, 0.06);
- min-height: fit-content;
+ ul.lvl_3 {
+ position: absolute;
+ left: calc(100% - 20px);
+ top: 0;
+ bottom: 0;
+ padding: 20px;
+ width: max-content;
+ transition: visibility 250ms ease, opacity 250ms ease;
+ opacity: 0;
+ visibility: hidden;
+ width: 200px;
+ box-shadow: 30px 0px 30px rgba($cBlack, 0.06);
+ min-height: fit-content;
- @include respond-below(md) {
- transition: none;
- }
+ @include respond-below(md) {
+ transition: none;
+ }
- li {
- padding: 0px 10px;
+ li {
+ padding: 0px 10px;
- a {
- padding-bottom: 5px;
- }
- }
- }
+ a {
+ padding-bottom: 5px;
+ }
+ }
+ }
- .category_img {
- position: absolute;
- left: calc(100% + 150px - 10px);
- top: 0;
- // background: $cWhite;
- padding: 20px;
- opacity: 0;
- visibility: hidden;
- transition: visibility 250ms ease, opacity 250ms ease;
- // box-shadow: 26px 0px 30px rgba($cBlack, 0.04);
+ .category_img {
+ position: absolute;
+ left: calc(100% + 150px - 10px);
+ top: 0;
+ // background: $cWhite;
+ padding: 20px;
+ opacity: 0;
+ visibility: hidden;
+ transition: visibility 250ms ease, opacity 250ms ease;
+ // box-shadow: 26px 0px 30px rgba($cBlack, 0.04);
- &::before {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 50%;
- height: 100%;
- background: $cWhite;
- }
+ &::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 50%;
+ height: 100%;
+ background: $cWhite;
+ }
- img {
- position: relative;
- z-index: 1;
- }
- }
- }
- }
- }
- }
- }
- }
+ img {
+ position: relative;
+ z-index: 1;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
}
#page-hero {
- height: 475px;
- position: relative;
- display: flex;
- align-items: center;
+ height: 475px;
+ position: relative;
+ display: flex;
+ align-items: center;
- @include respond-below(md) {
- height: 400px;
- }
+ @include respond-below(md) {
+ height: 400px;
+ }
- >div {
- width: 100%;
- }
+ > div {
+ width: 100%;
+ }
- .hero-bg {
- position: absolute;
- inset: 0;
- overflow: hidden;
+ .hero-bg {
+ position: absolute;
+ inset: 0;
+ overflow: hidden;
- .row {
- height: 100%;
- margin: 0;
+ .row {
+ height: 100%;
+ margin: 0;
- .col-12 {
- height: 100%;
- padding: 0;
- }
- }
+ .col-12 {
+ height: 100%;
+ padding: 0;
+ }
+ }
- img {
- min-width: 100%;
- width: 100%;
- max-width: fit-content;
- filter: brightness(0.7);
- height: 100%;
- object-fit: cover;
- }
+ img {
+ min-width: 100%;
+ width: 100%;
+ max-width: fit-content;
+ filter: brightness(0.7);
+ height: 100%;
+ object-fit: cover;
+ }
- video {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translateX(-50%) translateY(-50%);
- min-width: 100% !important;
- min-height: 100%;
- width: auto !important;
- // height: auto;
- height: 100%;
- z-index: 1;
- overflow: hidden;
- background-color: $cBlack;
- }
- }
+ video {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translateX(-50%) translateY(-50%);
+ min-width: 100% !important;
+ min-height: 100%;
+ width: auto !important;
+ // height: auto;
+ height: 100%;
+ z-index: 1;
+ overflow: hidden;
+ background-color: $cBlack;
+ }
+ }
- .hero-data {
- position: relative;
- z-index: 1;
+ .hero-data {
+ position: relative;
+ z-index: 1;
- ul {
- position: relative;
- display: flex;
- flex-direction: row;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style: none;
- gap: 30px;
- margin-bottom: 60px;
- width: fit-content;
+ ul {
+ position: relative;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ gap: 30px;
+ margin-bottom: 60px;
+ width: fit-content;
- &::before {
- content: '';
- position: absolute;
- bottom: -30px;
- height: 2px;
- right: 0;
- left: -50%;
- background-color: $cWhite;
- }
+ &::before {
+ content: '';
+ position: absolute;
+ bottom: -30px;
+ height: 2px;
+ right: 0;
+ left: -50%;
+ background-color: $cWhite;
+ }
- li {
- position: relative;
- color: $cTxtWhite;
- font-weight: 200;
- font-size: 25px;
+ li {
+ position: relative;
+ color: $cTxtWhite;
+ font-weight: 200;
+ font-size: 25px;
- &:not(:last-child) {
- &::before {
- content: '>';
- position: absolute;
- top: 50%;
- right: -30px;
- color: $cTxtWhite;
- transform: translate(-50%, -50%);
- }
- }
+ &:not(:last-child) {
+ &::before {
+ content: '>';
+ position: absolute;
+ top: 50%;
+ right: -30px;
+ color: $cTxtWhite;
+ transform: translate(-50%, -50%);
+ }
+ }
- a {
- color: $cTxtWhite;
- font-weight: 200;
- font-size: 25px;
- }
+ a {
+ color: $cTxtWhite;
+ font-weight: 200;
+ font-size: 25px;
+ }
- @include respond-below(md) {
- font-size: 22px;
+ @include respond-below(md) {
+ font-size: 22px;
- a {
- font-size: 22px;
- }
- }
+ a {
+ font-size: 22px;
+ }
+ }
- @include respond-below(sm) {
- font-size: 18px;
+ @include respond-below(sm) {
+ font-size: 18px;
- a {
- font-size: 18px;
- }
- }
- }
- }
+ a {
+ font-size: 18px;
+ }
+ }
+ }
+ }
- h2 {
- color: $cTxtWhite;
- font-weight: 700;
- font-size: 40px;
- margin-bottom: 0;
+ h2 {
+ color: $cTxtWhite;
+ font-weight: 700;
+ font-size: 40px;
+ margin-bottom: 0;
- @include respond-below(md) {
- font-size: 32px;
- }
+ @include respond-below(md) {
+ font-size: 32px;
+ }
- @include respond-below(sm) {
- font-size: 26px;
- }
- }
- }
+ @include respond-below(sm) {
+ font-size: 26px;
+ }
+ }
+ }
}
#catalog-box {
- .catalog-box-1 {
- background-color: $cSand;
+ .catalog-box-1 {
+ background-color: $cSand;
- @include respond-below(md) {
- padding: 40px 0 60px 0;
- }
+ @include respond-below(md) {
+ padding: 40px 0 60px 0;
+ }
- ul {
- display: flex;
- flex-direction: column;
- row-gap: 35px;
- margin: 0;
- padding: 0;
- list-style: none;
+ ul {
+ display: flex;
+ flex-direction: column;
+ row-gap: 35px;
+ margin: 0;
+ padding: 0;
+ list-style: none;
- li {
- a {
- width: 100%;
- display: block;
- color: $cTxtWhite;
- font-weight: 200;
- font-size: 26px;
- padding: 24px 120px 20px 45px;
- background-color: $cBlack;
+ li {
+ a {
+ width: 100%;
+ display: block;
+ color: $cTxtWhite;
+ font-weight: 200;
+ font-size: 26px;
+ padding: 24px 120px 20px 45px;
+ background-color: $cBlack;
- &.download-catalog {
- position: relative;
+ &.download-catalog {
+ position: relative;
- &::before {
- content: '';
- position: absolute;
- right: 45px;
- top: 50%;
- width: 60px;
- height: 40px;
- background-image: url('/upload/filemanager/Icons/icon-download-file.svg');
- background-size: cover;
- background-repeat: no-repeat;
- transform: translateY(-50%);
- }
- }
- }
- }
- }
- }
+ &::before {
+ content: '';
+ position: absolute;
+ right: 45px;
+ top: 50%;
+ width: 60px;
+ height: 40px;
+ background-image: url('/upload/filemanager/Icons/icon-download-file.svg');
+ background-size: cover;
+ background-repeat: no-repeat;
+ transform: translateY(-50%);
+ }
+ }
+ }
+ }
+ }
+ }
- .catalog-box-2 {
- margin: 100px 0;
+ .catalog-box-2 {
+ margin: 100px 0;
- a.btn-1 {
- padding: 28px 110px 28px 57px;
- }
+ a.btn-1 {
+ padding: 28px 110px 28px 57px;
+ }
- @include respond-below(md) {
- margin: 60px 0;
- }
- }
+ @include respond-below(md) {
+ margin: 60px 0;
+ }
+ }
}
#nav_tabs {
- display: flex;
- flex-direction: row;
- align-items: center;
- flex-wrap: wrap;
- gap: 17px;
- max-width: 400px;
- padding: 10px 0 10px 40px;
- list-style: none;
- border-left: 2px solid $cBlack;
- margin-bottom: 0;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ flex-wrap: wrap;
+ gap: 17px;
+ max-width: 400px;
+ padding: 10px 0 10px 40px;
+ list-style: none;
+ border-left: 2px solid $cBlack;
+ margin-bottom: 0;
- li {
- position: relative;
- min-width: fit-content;
- border: 1px solid $cCloud;
- background: $cWhite;
- transition: background 250ms ease;
+ li {
+ position: relative;
+ min-width: fit-content;
+ border: 1px solid $cCloud;
+ background: $cWhite;
+ transition: background 250ms ease;
- &.new {
- &::before {
- // content: url("/upload/filemanager/Icons/new-icon.png");
- content: '';
- position: absolute;
- top: -10px;
- right: -15px;
- width: 37px;
- height: 28px;
- background-image: url('/upload/filemanager/Icons/new-icon.png');
- background-position: center;
- background-size: contain;
- background-repeat: no-repeat;
- }
- }
+ &.new {
+ &::before {
+ // content: url("/upload/filemanager/Icons/new-icon.png");
+ content: '';
+ position: absolute;
+ top: -10px;
+ right: -15px;
+ width: 37px;
+ height: 28px;
+ background-image: url('/upload/filemanager/Icons/new-icon.png');
+ background-position: center;
+ background-size: contain;
+ background-repeat: no-repeat;
+ }
+ }
- &.active {
- background: $cCloud;
- }
+ &.active {
+ background: $cCloud;
+ }
- a {
- display: inline-block;
- color: $cTxtBlack;
- font-weight: 300;
- font-size: 19px;
- line-height: 1;
- font-family: $fontNewOrder;
- margin-bottom: 0;
- text-decoration: none;
+ a {
+ display: inline-block;
+ color: $cTxtBlack;
+ font-weight: 300;
+ font-size: 19px;
+ line-height: 1;
+ font-family: $fontNewOrder;
+ margin-bottom: 0;
+ text-decoration: none;
- padding: 14px 22px;
- cursor: pointer;
- }
- }
+ padding: 14px 22px;
+ cursor: pointer;
+ }
+ }
- @include respond-below(md) {
- max-width: unset;
- justify-content: center;
- border-top: 2px solid $cBlack;
- border-left: none;
- padding: 40px 10px 10px 10px;
- }
+ @include respond-below(md) {
+ max-width: unset;
+ justify-content: center;
+ border-top: 2px solid $cBlack;
+ border-left: none;
+ padding: 40px 10px 10px 10px;
+ }
}
#product-preview-box {
- .product-preview-box {
- .scontainer-content {
- .product-nav {
- position: relative;
- margin-top: 50px;
- padding-bottom: 80px;
+ .product-preview-box {
+ .scontainer-content {
+ .product-nav {
+ position: relative;
+ margin-top: 50px;
+ padding-bottom: 80px;
- &::before {
- content: '';
- position: absolute;
- bottom: calc(80px / 2);
- left: 0;
- right: 0;
- height: 1px;
- background-color: $cSandDarker;
- }
+ &::before {
+ content: '';
+ position: absolute;
+ bottom: calc(80px / 2);
+ left: 0;
+ right: 0;
+ height: 1px;
+ background-color: $cSandDarker;
+ }
- >.row {
- align-items: center;
- }
+ > .row {
+ align-items: center;
+ }
- .col-left {
- text-align: right;
+ .col-left {
+ text-align: right;
- h3 {
- font-size: 30px;
- font-weight: 600;
- text-transform: uppercase;
- max-width: 200px;
- margin-left: auto;
- margin-bottom: 0;
- padding: 30px 20px 30px 0;
- }
- }
+ h3 {
+ font-size: 30px;
+ font-weight: 600;
+ text-transform: uppercase;
+ max-width: 200px;
+ margin-left: auto;
+ margin-bottom: 0;
+ padding: 30px 20px 30px 0;
+ }
+ }
- .col-right {}
+ .col-right {
+ }
- @include respond-below(md) {
- &::before {
- display: none;
- }
+ @include respond-below(md) {
+ &::before {
+ display: none;
+ }
- .col-left {
- text-align: center;
+ .col-left {
+ text-align: center;
- h3 {
- padding: 30px 20px;
- max-width: unset;
- }
- }
- }
- }
+ h3 {
+ padding: 30px 20px;
+ max-width: unset;
+ }
+ }
+ }
+ }
- .product-preview {
- display: none;
+ .product-preview {
+ display: none;
- &.active {
- display: block;
- }
+ &.active {
+ display: block;
+ }
- .product_info_img {
- padding-top: 15px;
+ .product_info_img {
+ padding-top: 15px;
- .illustration_product_slider {
- .swiper-wrapper {
- .swiper-slide {
- text-align: center;
- }
- }
+ .illustration_product_slider {
+ .swiper-wrapper {
+ .swiper-slide {
+ text-align: center;
+ }
+ }
- .swiper-navigation {
- display: flex;
- flex-direction: row-reverse;
- align-items: center;
- justify-content: center;
- gap: 60px;
- margin-top: 40px;
+ .swiper-navigation {
+ display: flex;
+ flex-direction: row-reverse;
+ align-items: center;
+ justify-content: center;
+ gap: 60px;
+ margin-top: 40px;
- .swiper-button-disabled {
- opacity: 0.6;
- }
+ .swiper-button-disabled {
+ opacity: 0.6;
+ }
- .swiper-slide-next,
- .swiper-slide-prev {
- position: relative;
- cursor: pointer;
- width: 52px;
- height: 52px;
- border: 1px solid $cSandDarker;
- transition: background 250ms ease-in-out;
+ .swiper-slide-next,
+ .swiper-slide-prev {
+ position: relative;
+ cursor: pointer;
+ width: 52px;
+ height: 52px;
+ border: 1px solid $cSandDarker;
+ transition: background 250ms ease-in-out;
- &::before {
- content: '';
- position: absolute;
- top: 50%;
- left: 50%;
- width: 22px;
- height: 22px;
- border-top: 4px solid $cSandDarker;
- border-right: 4px solid $cSandDarker;
- transition: border-color 250ms ease-in-out;
- }
+ &::before {
+ content: '';
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 22px;
+ height: 22px;
+ border-top: 4px solid $cSandDarker;
+ border-right: 4px solid $cSandDarker;
+ transition: border-color 250ms ease-in-out;
+ }
- &:not(.swiper-button-disabled) {
- background: $cSandDarker;
+ &:not(.swiper-button-disabled) {
+ background: $cSandDarker;
- &::before {
- border-color: $cWhite;
- }
- }
+ &::before {
+ border-color: $cWhite;
+ }
+ }
- &.swiper-slide-next {
- &::before {
- transform: translate(calc(-50% - 4px), -50%) rotate(45deg);
- }
- }
+ &.swiper-slide-next {
+ &::before {
+ transform: translate(calc(-50% - 4px), -50%) rotate(45deg);
+ }
+ }
- &.swiper-slide-prev {
- &::before {
- transform: translate(calc(-50% + 4px), -50%) rotate(-135deg);
- }
- }
- }
- }
- }
+ &.swiper-slide-prev {
+ &::before {
+ transform: translate(calc(-50% + 4px), -50%) rotate(-135deg);
+ }
+ }
+ }
+ }
+ }
- @include respond-below(md) {
- margin-bottom: 50px;
- }
- }
+ @include respond-below(md) {
+ margin-bottom: 50px;
+ }
+ }
- .product_info_text {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- padding-top: 50px;
+ .product_info_text {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ padding-top: 50px;
- ul {
- list-style: none;
- margin-bottom: 0;
- padding: 10px 0px 10px 20px;
- height: 100%;
- border-left: 2px solid #010101;
- direction: rtl;
+ ul {
+ list-style: none;
+ margin-bottom: 0;
+ padding: 10px 0px 10px 20px;
+ height: 100%;
+ border-left: 2px solid #010101;
+ direction: rtl;
- /* width */
- &::-webkit-scrollbar {
- width: 3px;
- }
+ /* width */
+ &::-webkit-scrollbar {
+ width: 3px;
+ }
- /* Handle */
- &::-webkit-scrollbar-thumb {
- background: #dadada;
- border-radius: 0px;
- }
+ /* Handle */
+ &::-webkit-scrollbar-thumb {
+ background: #dadada;
+ border-radius: 0px;
+ }
- /* Track */
- &::-webkit-scrollbar-track {
- box-shadow: inset 0 0 5px rgba(grey, 0.1);
- border-radius: 0px;
- }
+ /* Track */
+ &::-webkit-scrollbar-track {
+ box-shadow: inset 0 0 5px rgba(grey, 0.1);
+ border-radius: 0px;
+ }
- /* Handle on hover */
- &::-webkit-scrollbar-thumb:hover {
- background: #000000;
- }
+ /* Handle on hover */
+ &::-webkit-scrollbar-thumb:hover {
+ background: #000000;
+ }
- li {
- display: grid;
- grid-template-columns: 120px 1fr;
- column-gap: 40px;
- direction: ltr;
+ li {
+ display: grid;
+ grid-template-columns: 120px 1fr;
+ column-gap: 40px;
+ direction: ltr;
- &:not(:last-child) {
- margin-bottom: 25px;
- }
+ &:not(:last-child) {
+ margin-bottom: 25px;
+ }
- h4 {
- font-weight: 700;
- font-size: 18px;
- margin-bottom: 0;
- text-align: right;
- }
+ h4 {
+ font-weight: 700;
+ font-size: 18px;
+ margin-bottom: 0;
+ text-align: right;
+ }
- p {
- font-weight: 400;
- font-size: 18px;
- line-height: 26px;
- letter-spacing: 0.05em;
- margin-bottom: 0;
- }
- }
+ p {
+ font-weight: 400;
+ font-size: 18px;
+ line-height: 26px;
+ letter-spacing: 0.05em;
+ margin-bottom: 0;
+ }
+ }
- @include respond-below(md) {
- border-left: none;
- }
- }
+ @include respond-below(md) {
+ border-left: none;
+ }
+ }
- &__footer {
- display: grid;
- grid-template-columns: 1fr 1fr;
- align-items: center;
- column-gap: 55px;
- row-gap: 15px;
- padding-top: 70px;
- padding-left: 40px;
+ &__footer {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ align-items: center;
+ column-gap: 55px;
+ row-gap: 15px;
+ padding-top: 70px;
+ padding-left: 40px;
- .btn8 {
- font-weight: 700;
- font-size: 22px;
- text-transform: uppercase;
- padding: 20px 80px;
- border: 3px solid $cBlack;
- margin-bottom: 0;
- }
+ .btn8 {
+ font-weight: 700;
+ font-size: 22px;
+ text-transform: uppercase;
+ padding: 20px 80px;
+ border: 3px solid $cBlack;
+ margin-bottom: 0;
+ }
- img {
- width: 100%;
- max-width: fit-content;
- }
+ img {
+ width: 100%;
+ max-width: fit-content;
+ }
- @include respond-below(sm) {
- grid-template-columns: 1fr;
- padding-left: 0;
+ @include respond-below(sm) {
+ grid-template-columns: 1fr;
+ padding-left: 0;
- .btn8 {
- order: 1;
- }
+ .btn8 {
+ order: 1;
+ }
- img {
- margin: 0 auto;
- }
- }
- }
+ img {
+ margin: 0 auto;
+ }
+ }
+ }
- @include respond-below(md) {
- padding-top: 0;
- margin-bottom: 0;
+ @include respond-below(md) {
+ padding-top: 0;
+ margin-bottom: 0;
- ul {
- padding: 0;
+ ul {
+ padding: 0;
- li {
- grid-template-columns: 1fr;
+ li {
+ grid-template-columns: 1fr;
- h4 {
- text-align: left;
- }
- }
- }
- }
+ h4 {
+ text-align: left;
+ }
+ }
+ }
+ }
- @include respond-below(sm) {
- .btn8 {
- margin-top: 40px;
- margin-left: auto;
- margin-right: auto;
- }
- }
- }
+ @include respond-below(sm) {
+ .btn8 {
+ margin-top: 40px;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ }
+ }
- @include respond-below(md) {
- padding-left: 0;
- }
- }
- }
- }
+ @include respond-below(md) {
+ padding-left: 0;
+ }
+ }
+ }
+ }
}
#product-description-box {
- margin-bottom: 200px;
+ margin-bottom: 200px;
- @include respond-below(md) {
- margin-bottom: 100px;
- }
+ @include respond-below(md) {
+ margin-bottom: 100px;
+ }
- .col-right {
- position: relative;
- margin-top: 30px;
- height: fit-content;
+ .col-right {
+ position: relative;
+ margin-top: 30px;
+ height: fit-content;
- &::before {
- content: '';
- position: absolute;
- left: 48px;
- right: 15px;
- bottom: 0;
- height: 2px;
- background: $cBlack;
- }
+ &::before {
+ content: '';
+ position: absolute;
+ left: 48px;
+ right: 15px;
+ bottom: 0;
+ height: 2px;
+ background: $cBlack;
+ }
- ul {
- margin: 0 0 80px 0;
- padding: 0;
- list-style: none;
- overflow: hidden;
- transition: height 250ms ease-in-out;
+ ul {
+ margin: 0 0 80px 0;
+ padding: 0;
+ list-style: none;
+ overflow: hidden;
+ transition: height 250ms ease-in-out;
- p {
- font-weight: 300;
- font-size: 14px;
- hyphens: auto;
+ p {
+ font-weight: 300;
+ font-size: 14px;
+ hyphens: auto;
- strong {
- font-weight: 800;
- }
+ strong {
+ font-weight: 800;
+ }
- &:last-child {
- margin-bottom: 0;
- }
- }
- }
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ }
- @include respond-below(md) {
- &::before {
- left: 15px;
- }
- }
- }
+ @include respond-below(md) {
+ &::before {
+ left: 15px;
+ }
+ }
+ }
}
.action-btn {
- position: absolute;
- width: 42px;
- height: 42px;
- background-color: $cSandDarker;
- bottom: 20px;
- right: 15px;
- cursor: pointer;
- border: 2px solid $cSandDarker;
- transition: background 250ms ease-in-out;
+ position: absolute;
+ width: 42px;
+ height: 42px;
+ background-color: $cSandDarker;
+ bottom: 20px;
+ right: 15px;
+ cursor: pointer;
+ border: 2px solid $cSandDarker;
+ transition: background 250ms ease-in-out;
- &.active {
- background: $cWhite;
+ &.active {
+ background: $cWhite;
- &::after {
- height: 0;
- }
+ &::after {
+ height: 0;
+ }
- &::before {
- background: $cSandDarker;
- }
- }
+ &::before {
+ background: $cSandDarker;
+ }
+ }
- &::before {
- content: '';
- position: absolute;
- top: 50%;
- left: 50%;
- width: 29px;
- height: 2px;
- background: $cWhite;
- transform: translate(-50%, -50%);
- transition: background 250ms ease-in-out;
- }
+ &::before {
+ content: '';
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 29px;
+ height: 2px;
+ background: $cWhite;
+ transform: translate(-50%, -50%);
+ transition: background 250ms ease-in-out;
+ }
- &::after {
- content: '';
- position: absolute;
- top: 50%;
- left: 50%;
- width: 2px;
- height: 29px;
- background: $cWhite;
- transform: translate(-50%, -50%);
- transition: height 250ms ease-in-out;
- }
+ &::after {
+ content: '';
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 2px;
+ height: 29px;
+ background: $cWhite;
+ transform: translate(-50%, -50%);
+ transition: height 250ms ease-in-out;
+ }
}
#product-colors {
- .product-colors {
- display: none;
+ .product-colors {
+ display: none;
- &.active {
- display: block;
- }
- }
+ &.active {
+ display: block;
+ }
+ }
- .col-left {
- text-align: right;
+ .col-left {
+ text-align: right;
- h2 {
- font-weight: 400;
- font-size: 40px;
- letter-spacing: 1px;
- text-transform: uppercase;
- margin-bottom: 50px;
- }
+ h2 {
+ font-weight: 400;
+ font-size: 40px;
+ letter-spacing: 1px;
+ text-transform: uppercase;
+ margin-bottom: 50px;
+ }
- @include respond-below(md) {
- text-align: left;
- margin-bottom: 50px;
+ @include respond-below(md) {
+ text-align: left;
+ margin-bottom: 50px;
- h2 {
- margin-bottom: 30px;
+ h2 {
+ margin-bottom: 30px;
- br {
- display: none;
- }
- }
- }
- }
+ br {
+ display: none;
+ }
+ }
+ }
+ }
- .col-right {
- border-left: 2px solid $cBlack;
+ .col-right {
+ border-left: 2px solid $cBlack;
- .color-tiles-grid {
- display: grid;
- grid-template-columns: 1fr 1fr;
- column-gap: 50px;
- row-gap: 40px;
- }
+ .color-tiles-grid {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ column-gap: 50px;
+ row-gap: 40px;
+ }
- ul {
- list-style: none;
- padding: 0;
- margin: 0;
- }
+ ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ }
- .color-tiles {
- .color-tiles-title {
- h2 {
- font-weight: 300;
- font-size: 20px;
- margin-bottom: 25px;
+ .color-tiles {
+ .color-tiles-title {
+ h2 {
+ font-weight: 300;
+ font-size: 20px;
+ margin-bottom: 25px;
- &.color-tiles-title-big {
- font-size: 32px;
- font-weight: 400;
- }
- }
- }
+ &.color-tiles-title-big {
+ font-size: 32px;
+ font-weight: 400;
+ }
+ }
+ }
- .color-tiles-data {
- display: flex;
- flex-direction: column;
- row-gap: 17px;
- overflow: hidden;
+ .color-tiles-data {
+ display: flex;
+ flex-direction: column;
+ row-gap: 17px;
+ overflow: hidden;
- li {
- display: flex;
- flex-direction: row;
- align-items: center;
- column-gap: 17px;
+ li {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ column-gap: 17px;
- img {
- max-height: 30px;
- width: 170px !important;
- object-fit: cover;
- }
+ img {
+ max-height: 30px;
+ width: 170px !important;
+ object-fit: cover;
+ }
- p {
- font-weight: 400;
- font-size: 13px;
- margin-bottom: 0;
- }
- }
- }
+ p {
+ font-weight: 400;
+ font-size: 13px;
+ margin-bottom: 0;
+ }
+ }
+ }
- .action-btn {
- position: relative;
- bottom: 0;
- left: 0;
- right: auto;
- margin-top: 17px;
- }
- }
+ .action-btn {
+ position: relative;
+ bottom: 0;
+ left: 0;
+ right: auto;
+ margin-top: 17px;
+ }
+ }
- @include respond-below(sm) {
- .color-tiles-grid {
- grid-template-columns: 1fr;
- }
- }
- }
+ @include respond-below(sm) {
+ .color-tiles-grid {
+ grid-template-columns: 1fr;
+ }
+ }
+ }
}
.accordion-box {
- list-style: none;
- padding: 70px 30px 70px 70px;
- margin: 0;
+ list-style: none;
+ padding: 70px 30px 70px 70px;
+ margin: 0;
- li {
- &:not(:last-child) {
- margin-bottom: 25px;
- }
+ li {
+ &:not(:last-child) {
+ margin-bottom: 25px;
+ }
- h3 {
- font-size: 25px;
- font-weight: 200;
- margin-bottom: 12px;
+ h3 {
+ font-size: 25px;
+ font-weight: 200;
+ margin-bottom: 12px;
- display: flex;
- flex-direction: row-reverse;
- align-items: center;
- justify-content: flex-end;
- column-gap: 16px;
+ display: flex;
+ flex-direction: row-reverse;
+ align-items: center;
+ justify-content: flex-end;
+ column-gap: 16px;
- cursor: pointer;
- }
+ cursor: pointer;
+ }
- p {
- display: none;
- font-size: 14px;
- font-weight: 300;
- margin-bottom: 0;
- }
- }
+ p {
+ display: none;
+ font-size: 14px;
+ font-weight: 300;
+ margin-bottom: 0;
+ }
+ }
- .accordion-btn {
- position: relative;
- width: 46px;
- height: 46px;
- background: $cBlack;
- border: 1px solid $cBlack;
- transition: background 250ms ease-in-out;
+ .accordion-btn {
+ position: relative;
+ width: 46px;
+ height: 46px;
+ background: $cBlack;
+ border: 1px solid $cBlack;
+ transition: background 250ms ease-in-out;
- &::before {
- content: '';
- position: absolute;
- top: 50%;
- left: 50%;
- width: 29px;
- height: 2px;
- background: $cWhite;
- transform: translate(-50%, -50%);
- transition: background 250ms ease-in-out;
- }
+ &::before {
+ content: '';
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 29px;
+ height: 2px;
+ background: $cWhite;
+ transform: translate(-50%, -50%);
+ transition: background 250ms ease-in-out;
+ }
- &::after {
- content: '';
- position: absolute;
- top: 50%;
- left: 50%;
- width: 2px;
- height: 29px;
- background: $cWhite;
- transform: translate(-50%, -50%);
- transition: height 250ms ease-in-out;
- }
+ &::after {
+ content: '';
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 2px;
+ height: 29px;
+ background: $cWhite;
+ transform: translate(-50%, -50%);
+ transition: height 250ms ease-in-out;
+ }
- &.active {
- background: $cWhite;
+ &.active {
+ background: $cWhite;
- &::before {
- background: $cBlack;
- }
+ &::before {
+ background: $cBlack;
+ }
- &::after {
- height: 0;
- }
- }
- }
+ &::after {
+ height: 0;
+ }
+ }
+ }
}
#our-projects {
- .our-projects-head {
- h2 {
- color: $cTxtCloud;
- text-align: center;
- font-size: 50px;
- margin-bottom: 40px;
- }
- }
+ .our-projects-head {
+ h2 {
+ color: $cTxtCloud;
+ text-align: center;
+ font-size: 50px;
+ margin-bottom: 40px;
+ }
+ }
- .our-projects-data {
- background: $cLightGray;
+ .our-projects-data {
+ background: $cLightGray;
- .slider-our-projects {
- .swiper-slide {
- display: grid;
- grid-template-columns: 1fr 1fr;
- align-items: center;
+ .slider-our-projects {
+ .swiper-slide {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ align-items: center;
- .slide-data {
- text-align: right;
- max-width: 250px;
- margin-left: auto;
- margin-right: 60px;
+ .slide-data {
+ text-align: right;
+ max-width: 250px;
+ margin-left: auto;
+ margin-right: 60px;
- h2 {
- font-weight: 300;
- font-size: 32px;
- letter-spacing: 1px;
- text-transform: uppercase;
- margin-bottom: 20px;
- }
+ h2 {
+ font-weight: 300;
+ font-size: 32px;
+ letter-spacing: 1px;
+ text-transform: uppercase;
+ margin-bottom: 20px;
+ }
- p {
- font-size: 12px;
- line-height: 2;
+ p {
+ font-size: 12px;
+ line-height: 2;
- &:last-child {
- margin-bottom: 0;
- }
- }
- }
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ }
- .slide-img {
- img {
- width: 100%;
- max-width: fit-content;
- }
- }
+ .slide-img {
+ img {
+ width: 100%;
+ max-width: fit-content;
+ }
+ }
- @include respond-below(md) {
- grid-template-columns: 1fr;
- row-gap: 30px;
+ @include respond-below(md) {
+ grid-template-columns: 1fr;
+ row-gap: 30px;
- .slide-img {
- order: 1;
- text-align: center;
- }
+ .slide-img {
+ order: 1;
+ text-align: center;
+ }
- .slide-data {
- order: 2;
- margin-right: 0;
- margin-left: 0;
- max-width: unset;
- text-align: center;
- padding-bottom: 30px;
- }
- }
- }
- }
+ .slide-data {
+ order: 2;
+ margin-right: 0;
+ margin-left: 0;
+ max-width: unset;
+ text-align: center;
+ padding-bottom: 30px;
+ }
+ }
+ }
+ }
- .slider-navidation {
- .swiper-button {
- width: 90px;
- height: 90px;
- border-radius: 100%;
- background: $cWhite;
+ .slider-navidation {
+ .swiper-button {
+ width: 90px;
+ height: 90px;
+ border-radius: 100%;
+ background: $cWhite;
- &-next {
- &::after {
- right: 17px;
- transform: translate(-50%, -50%) rotate(45deg);
- }
+ &-next {
+ &::after {
+ right: 17px;
+ transform: translate(-50%, -50%) rotate(45deg);
+ }
- @include respond-above(md) {
- right: 15px;
- transform: translateX(50%);
- }
- }
+ @include respond-above(md) {
+ right: 15px;
+ transform: translateX(50%);
+ }
+ }
- &-prev {
- &::after {
- left: 30px;
- transform: translate(-50%, -50%) rotate(225deg);
- }
+ &-prev {
+ &::after {
+ left: 30px;
+ transform: translate(-50%, -50%) rotate(225deg);
+ }
- @include respond-above(md) {
- left: 15px;
- transform: translateX(50%);
- }
- }
+ @include respond-above(md) {
+ left: 15px;
+ transform: translateX(50%);
+ }
+ }
- &::before {
- content: '';
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- width: 45px;
- height: 2px;
- background-color: $cBlack;
- }
+ &::before {
+ content: '';
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ width: 45px;
+ height: 2px;
+ background-color: $cBlack;
+ }
- &::after {
- content: '';
- position: absolute;
- // right: 17px;
- top: 50%;
- // transform: translate(-50%, -50%) rotate(45deg);
- width: 14px;
- height: 14px;
- border-right: 2px solid $cBlack;
- border-top: 2px solid $cBlack;
- }
- }
- }
- }
+ &::after {
+ content: '';
+ position: absolute;
+ // right: 17px;
+ top: 50%;
+ // transform: translate(-50%, -50%) rotate(45deg);
+ width: 14px;
+ height: 14px;
+ border-right: 2px solid $cBlack;
+ border-top: 2px solid $cBlack;
+ }
+ }
+ }
+ }
}
#cookie-information {
- font-size: 14px;
+ font-size: 14px;
}
.main-content {
- padding-top: 75px;
- padding-bottom: 75px;
+ padding-top: 75px;
+ padding-bottom: 75px;
}
.files {
- list-style: none;
- display: grid;
- gap: 10px;
- grid-template-columns: 1fr 1fr 1fr;
- margin: 0;
+ list-style: none;
+ display: grid;
+ gap: 10px;
+ grid-template-columns: 1fr 1fr 1fr;
+ margin: 0;
- li {
- background-color: #ebebeb;
- border-radius: 3px;
- transition: background-color 0.3s;
+ li {
+ background-color: #ebebeb;
+ border-radius: 3px;
+ transition: background-color 0.3s;
- a {
- margin: 0;
- padding: 20px;
- display: block;
- color: #000;
+ a {
+ margin: 0;
+ padding: 20px;
+ display: block;
+ color: #000;
- i {
- font-size: 22px;
- margin-right: 10px;
- top: 5px;
- position: relative;
- }
- }
+ i {
+ font-size: 22px;
+ margin-right: 10px;
+ top: 5px;
+ position: relative;
+ }
+ }
- &:hover {
- background-color: lighten($color: #ebebeb, $amount: 5%);
+ &:hover {
+ background-color: lighten($color: #ebebeb, $amount: 5%);
- a {
- color: lighten($color: black, $amount: 50%);
- }
- }
- }
+ a {
+ color: lighten($color: black, $amount: 50%);
+ }
+ }
+ }
}
.article-password {
- width: 500px;
- margin: 0 auto;
- padding: 50px 50px 40px;
- box-shadow: 0 0px 4px 0 #00000040;
+ width: 500px;
+ margin: 0 auto;
+ padding: 50px 50px 40px;
+ box-shadow: 0 0px 4px 0 #00000040;
- p {
- color: #000;
- font-size: 15px;
- text-transform: uppercase;
- margin-bottom: 0;
- }
+ p {
+ color: #000;
+ font-size: 15px;
+ text-transform: uppercase;
+ margin-bottom: 0;
+ }
- form {
- display: flex;
- flex-direction: column;
- row-gap: 12px;
+ form {
+ display: flex;
+ flex-direction: column;
+ row-gap: 12px;
- input[type='password'] {
- height: 46px;
- border: 1px solid #000;
- border-radius: 0;
- }
+ input[type='password'],
+ input[type='email'] {
+ height: 46px;
+ border: 1px solid #000;
+ border-radius: 0;
+ }
- input[type='submit'] {
- height: 46px;
- font-size: 15px;
- padding: 13px 30px 15px;
- background: #000;
- border: none;
- border-radius: 0;
- text-transform: uppercase;
- }
- }
-}
\ No newline at end of file
+ input[type='submit'] {
+ height: 46px;
+ font-size: 15px;
+ padding: 13px 30px 15px;
+ background: #000;
+ border: none;
+ border-radius: 0;
+ text-transform: uppercase;
+ }
+ }
+}
diff --git a/plugins/special-actions-middle.php b/plugins/special-actions-middle.php
index 09d2d69..56e6aee 100644
--- a/plugins/special-actions-middle.php
+++ b/plugins/special-actions-middle.php
@@ -24,7 +24,7 @@ function saveContactData(
$invoiceNumber = ''
) {
- $contactHistoryFile = $_SERVER['DOCUMENT_ROOT'] . '/autoinstalator/wordpress14/forms.csv';
+ $contactHistoryFile = $_SERVER['DOCUMENT_ROOT'] . '/autoinstalator/wordpress6/forms.csv';
$contactData = array(
'Name' => $name,
diff --git a/templates_user/articles/password-view.php b/templates_user/articles/password-view.php
new file mode 100644
index 0000000..065718a
--- /dev/null
+++ b/templates_user/articles/password-view.php
@@ -0,0 +1,44 @@
+
+
\ No newline at end of file