diff --git a/.vscode/ftp-kr.sync.cache.json b/.vscode/ftp-kr.sync.cache.json index 9455e42..7372c1c 100644 --- a/.vscode/ftp-kr.sync.cache.json +++ b/.vscode/ftp-kr.sync.cache.json @@ -26,7 +26,7 @@ "autoload": {}, "b2b_users.csv": { "type": "-", - "size": 1791, + "size": 2786, "lmtime": 0, "modified": true }, @@ -114,8 +114,8 @@ }, "contact.scss": { "type": "-", - "size": 7852, - "lmtime": 0, + "size": 7983, + "lmtime": 1746649872298, "modified": false }, "entrance-doors.scss": { @@ -162,9 +162,9 @@ }, "style.scss": { "type": "-", - "size": 43746, + "size": 41643, "lmtime": 1741984616275, - "modified": false + "modified": true }, "wooden-aluminium-windows.scss": { "type": "-", @@ -230,14 +230,14 @@ }, "contact.css": { "type": "-", - "size": 10368, - "lmtime": 0, + "size": 10525, + "lmtime": 1746649872405, "modified": false }, "contact.css.map": { "type": "-", - "size": 21821, - "lmtime": 0, + "size": 21416, + "lmtime": 1746649872405, "modified": false }, "entrance-doors.css": { @@ -411,6 +411,20 @@ } }, "templates_user": { + ".DS_Store": { + "type": "-", + "size": 6148, + "lmtime": 0, + "modified": false + }, + "articles": { + "password-view.php": { + "type": "-", + "size": 1685, + "lmtime": 1741983987004, + "modified": false + } + }, "components": { "ContactForm.php": { "type": "-", @@ -420,8 +434,8 @@ }, "ContactMini.php": { "type": "-", - "size": 1227, - "lmtime": 0, + "size": 1140, + "lmtime": 1746652000974, "modified": false }, "Footer.php": { @@ -444,19 +458,18 @@ }, "detect-language.php": { "type": "-", - "size": 1745, + "size": 1760, "lmtime": 0, - "modified": false + "modified": true } }, - "articles": { - "password-view.php": { - "type": "-", - "size": 1685, - "lmtime": 1741983987004, - "modified": false - } - } + "contact_alert.php": { + "type": "-", + "size": 366, + "lmtime": 1746649312482, + "modified": false + }, + "custom-pages": {} }, "upload": {} } diff --git a/layout/style-css/contact.css b/layout/style-css/contact.css index bb2c641..3f5a5f7 100644 --- a/layout/style-css/contact.css +++ b/layout/style-css/contact.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}.box-01{margin-bottom:35px}.box-01 .contact-sections{display:grid;grid-template-columns:500px 1fr;grid-template-areas:"s0 s4" "sw1 s5" "sw1 s6" "sw1 s7"}.box-01 .contact-sections .sections-wrapper{grid-area:sw1}@media(min-width: 992px){.box-01 .contact-sections .sections_2_3{position:relative;padding-bottom:100px;background-color:#010101;background-image:url("/upload/filemanager/Pages/Contact/contact-bg.png")}.box-01 .contact-sections .sections_2_3::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(102, 102, 102, 0) 100%)}}.box-01 .contact-sections section{position:relative}.box-01 .contact-sections section.section_0{grid-area:s0}@media(min-width: 992px){.box-01 .contact-sections section.section_0{background-color:#010101}}.box-01 .contact-sections section.section_1{grid-area:s1;text-align:right;padding:75px 50px 75px}@media(max-width: 991px){.box-01 .contact-sections section.section_1{padding:75px 50px 30px}}@media(min-width: 992px){.box-01 .contact-sections section.section_1{background-color:#010101}}.box-01 .contact-sections section.section_1 h2{font-size:32px;font-weight:700;margin-bottom:75px}@media(min-width: 992px){.box-01 .contact-sections section.section_1 h2{color:#fff}}@media(max-width: 991px){.box-01 .contact-sections section.section_1 h2{margin-bottom:20px}}.box-01 .contact-sections section.section_1 p{font-size:14px;font-weight:200}@media(min-width: 992px){.box-01 .contact-sections section.section_1 p{color:#fff}}.box-01 .contact-sections section.section_1 p strong{font-weight:700}.box-01 .contact-sections section.section_1 ul{padding:0;margin:0;list-style:none}.box-01 .contact-sections section.section_1 ul li:not(:last-child){margin-bottom:10px}.box-01 .contact-sections section.section_1 ul li a{font-size:18px}@media(min-width: 992px){.box-01 .contact-sections section.section_1 ul li a{color:#fff}}@media(max-width: 991px){.box-01 .contact-sections section.section_1 ul li a{color:#010101}}@media(max-width: 991px){.box-01 .contact-sections section.section_1{text-align:center}}.box-01 .contact-sections section.section_2{grid-area:s2;text-align:right;display:flex;padding:0 50px 90px 50px;justify-content:flex-end;align-items:center;gap:20px}.box-01 .contact-sections section.section_2 img{max-width:40px}@media(max-width: 991px){.box-01 .contact-sections section.section_2 img{filter:invert(1)}}.box-01 .contact-sections section.section_2 p{font-size:15px;font-weight:700;margin-bottom:0}@media(min-width: 992px){.box-01 .contact-sections section.section_2 p{color:#fff}}@media(max-width: 991px){.box-01 .contact-sections section.section_2{text-align:center;padding:50px 0 20px}}.box-01 .contact-sections section.section_3{grid-area:s3;text-align:right;padding:0 50px}.box-01 .contact-sections section.section_3 h2{font-size:32px;font-weight:700;margin-bottom:60px}@media(min-width: 992px){.box-01 .contact-sections section.section_3 h2{color:#fff}}@media(max-width: 991px){.box-01 .contact-sections section.section_3 h2{font-size:22px}.box-01 .contact-sections section.section_3 h2 br{display:none}}.box-01 .contact-sections section.section_3 p{color:#fff;font-size:20px;font-weight:700;margin-bottom:0;line-height:30px}@media(max-width: 991px){.box-01 .contact-sections section.section_3{text-align:center;margin-bottom:10px}.box-01 .contact-sections section.section_3 p{color:#000}}.box-01 .contact-sections section.section_4{grid-area:s4;padding:80px 50px;display:flex;flex-direction:row;align-items:center;gap:25px}.box-01 .contact-sections section.section_4 p{color:#a1a0a0;font-size:25px;font-weight:200;margin-bottom:0}.box-01 .contact-sections section.section_4 a{width:100%;max-width:50px}.box-01 .contact-sections section.section_4 a img{width:100%}@media(max-width: 991px){.box-01 .contact-sections section.section_4{flex-direction:column-reverse;align-items:center;text-align:center}}.box-01 .contact-sections section.section_5{grid-area:s5;padding:75px 50px 0}.box-01 .contact-sections section.section_5 h2{font-size:32px;font-weight:700;margin-bottom:75px;text-transform:uppercase}@media(max-width: 991px){.box-01 .contact-sections section.section_5 h2{margin-bottom:20px}}.box-01 .contact-sections section.section_5 p{font-size:12px;font-weight:300;margin-bottom:20px}@media(max-width: 991px){.box-01 .contact-sections section.section_5{text-align:center}}.box-01 .contact-sections section.section_5 #contact_form .agreement{display:flex;flex-direction:row;gap:40px}.box-01 .contact-sections section.section_5 #contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]{background:#fff;border:1px solid #000}.box-01 .contact-sections section.section_5 #contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]::before{background:#000}.box-01 .contact-sections section.section_5 #contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]::after{background:#000}.box-01 .contact-sections section.section_5 #contact_form .agreement .buttons-container button{width:180px}.box-01 .contact-sections section.section_5 #contact_form .agreement .buttons-container button::before,.box-01 .contact-sections section.section_5 #contact_form .agreement .buttons-container button::after{right:40px}.box-01 .contact-sections section.section_6{grid-area:s6;padding:45px 50px 50px;display:flex;flex-direction:column;justify-content:center}.box-01 .contact-sections section.section_6 p{font-size:21px;font-weight:300;margin-bottom:0}.box-01 .contact-sections section.section_6 p span{display:inline-block;min-width:44px}@media(max-width: 991px){.box-01 .contact-sections section.section_6{text-align:center;padding:50px}}.box-01 .contact-sections section.section_7{grid-area:s7;padding:0 50px}.box-01 .contact-sections section.section_7 iframe{width:100%;height:535px}@media(max-width: 1199px){.box-01 .contact-sections{grid-template-columns:350px 1fr}}@media(max-width: 991px){.box-01 .contact-sections{grid-template-columns:1fr;grid-template-areas:"s0" "sw1" "s6" "s5" "s4" "s3" "s7";padding-top:50px}}.box-02{margin-bottom:35px}.box-02 .box-2-data{position:relative;padding:30px 150px;background:#f4f4f4;display:flex;flex-direction:row;align-items:center;gap:30px}.box-02 .box-2-data h2{color:#000;font-size:20px;font-weight:700;letter-spacing:0;margin-bottom:0}.box-02 .box-2-data ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;align-items:center;gap:15px}.box-02 .box-2-data ul li img{width:100%;max-width:24px;filter:brightness(0) saturate(100%) invert(0%) sepia(98%) saturate(0%) hue-rotate(47deg) brightness(98%) contrast(101%)}.box-02 .box-2-data>img{position:absolute;top:0;right:0;bottom:0}.contact_alert{margin-top:25px;border:1px solid #fff246;background:#505050;padding:15px;color:#fff;font-size:15px}/*# sourceMappingURL=contact.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}.box-01{margin-bottom:35px}.box-01 .contact-sections{display:grid;grid-template-columns:500px 1fr;grid-template-areas:"s0 s4" "sw1 s5" "sw1 s6" "sw1 s7"}.box-01 .contact-sections .sections-wrapper{grid-area:sw1}@media(min-width: 992px){.box-01 .contact-sections .sections_2_3{position:relative;padding-bottom:100px;background-color:#010101;background-image:url("/upload/filemanager/Pages/Contact/contact-bg.png")}.box-01 .contact-sections .sections_2_3::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(102, 102, 102, 0) 100%)}}.box-01 .contact-sections section{position:relative}.box-01 .contact-sections section.section_0{grid-area:s0}@media(min-width: 992px){.box-01 .contact-sections section.section_0{background-color:#010101}}.box-01 .contact-sections section.section_1{grid-area:s1;text-align:right;padding:75px 50px 75px}@media(max-width: 991px){.box-01 .contact-sections section.section_1{padding:75px 50px 30px}}@media(min-width: 992px){.box-01 .contact-sections section.section_1{background-color:#010101}}.box-01 .contact-sections section.section_1 h2{font-size:32px;font-weight:700;margin-bottom:25px}@media(min-width: 992px){.box-01 .contact-sections section.section_1 h2{color:#fff}}@media(max-width: 991px){.box-01 .contact-sections section.section_1 h2{margin-bottom:20px}}.box-01 .contact-sections section.section_1 p{font-size:14px;font-weight:200}@media(min-width: 992px){.box-01 .contact-sections section.section_1 p{color:#fff}}.box-01 .contact-sections section.section_1 p strong{font-weight:700}.box-01 .contact-sections section.section_1 ul{padding:0;margin:0;list-style:none}.box-01 .contact-sections section.section_1 ul li:not(:last-child){margin-bottom:10px}.box-01 .contact-sections section.section_1 ul li a{font-size:18px}@media(min-width: 992px){.box-01 .contact-sections section.section_1 ul li a{color:#fff}}@media(max-width: 991px){.box-01 .contact-sections section.section_1 ul li a{color:#010101}}@media(max-width: 991px){.box-01 .contact-sections section.section_1{text-align:center}}.box-01 .contact-sections section.section_2{grid-area:s2;text-align:right;display:flex;padding:0 50px 90px 50px;justify-content:flex-end;align-items:center;gap:20px}.box-01 .contact-sections section.section_2 img{max-width:40px}@media(max-width: 991px){.box-01 .contact-sections section.section_2 img{filter:invert(1)}}.box-01 .contact-sections section.section_2 p{font-size:15px;font-weight:700;margin-bottom:0}@media(min-width: 992px){.box-01 .contact-sections section.section_2 p{color:#fff}}@media(max-width: 991px){.box-01 .contact-sections section.section_2{text-align:center;padding:50px 0 20px}}.box-01 .contact-sections section.section_3{grid-area:s3;text-align:right;padding:20px 50px 0}.box-01 .contact-sections section.section_3 h2{font-size:32px;font-weight:700;margin-bottom:60px}@media(min-width: 992px){.box-01 .contact-sections section.section_3 h2{color:#fff}}@media(max-width: 991px){.box-01 .contact-sections section.section_3 h2{font-size:22px}.box-01 .contact-sections section.section_3 h2 br{display:none}}.box-01 .contact-sections section.section_3 p{color:#fff;font-size:20px;font-weight:700;margin-bottom:0;line-height:30px}@media(max-width: 991px){.box-01 .contact-sections section.section_3{text-align:center;margin-bottom:10px}.box-01 .contact-sections section.section_3 p{color:#000}}.box-01 .contact-sections section.section_4{grid-area:s4;padding:80px 50px;display:flex;flex-direction:row;align-items:center;gap:25px}.box-01 .contact-sections section.section_4 p{color:#a1a0a0;font-size:25px;font-weight:200;margin-bottom:0}.box-01 .contact-sections section.section_4 a{width:100%;max-width:50px}.box-01 .contact-sections section.section_4 a img{width:100%}@media(max-width: 991px){.box-01 .contact-sections section.section_4{flex-direction:column-reverse;align-items:center;text-align:center}}.box-01 .contact-sections section.section_5{grid-area:s5;padding:75px 50px 0}.box-01 .contact-sections section.section_5 h2{font-size:32px;font-weight:700;margin-bottom:25px;text-transform:uppercase}@media(max-width: 991px){.box-01 .contact-sections section.section_5 h2{margin-bottom:20px}}.box-01 .contact-sections section.section_5 p{font-size:12px;font-weight:300;margin-bottom:20px}@media(max-width: 991px){.box-01 .contact-sections section.section_5{text-align:center}}.box-01 .contact-sections section.section_5 #contact_form .agreement{display:flex;flex-direction:row;gap:40px}.box-01 .contact-sections section.section_5 #contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]{background:#fff;border:1px solid #000}.box-01 .contact-sections section.section_5 #contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]::before{background:#000}.box-01 .contact-sections section.section_5 #contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]::after{background:#000}.box-01 .contact-sections section.section_5 #contact_form .agreement .buttons-container button{width:180px}.box-01 .contact-sections section.section_5 #contact_form .agreement .buttons-container button::before,.box-01 .contact-sections section.section_5 #contact_form .agreement .buttons-container button::after{right:40px}.box-01 .contact-sections section.section_6{grid-area:s6;padding:15px 50px 50px;display:flex;flex-direction:column;justify-content:center}.box-01 .contact-sections section.section_6 p{font-size:21px;font-weight:300;margin-bottom:0}.box-01 .contact-sections section.section_6 p span{display:inline-block;min-width:44px}@media(max-width: 991px){.box-01 .contact-sections section.section_6{text-align:center;padding:50px}}.box-01 .contact-sections section.section_7{grid-area:s7;padding:0 50px}.box-01 .contact-sections section.section_7 iframe{width:100%;height:535px}@media(max-width: 1199px){.box-01 .contact-sections{grid-template-columns:350px 1fr}}@media(max-width: 991px){.box-01 .contact-sections{grid-template-columns:1fr;grid-template-areas:"s0" "sw1" "s6" "s5" "s4" "s3" "s7";padding-top:50px}}.box-02{margin-bottom:35px}.box-02 .box-2-data{position:relative;padding:30px 150px;background:#f4f4f4;display:flex;flex-direction:row;align-items:center;gap:30px}.box-02 .box-2-data h2{color:#000;font-size:20px;font-weight:700;letter-spacing:0;margin-bottom:0}.box-02 .box-2-data ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;align-items:center;gap:15px}.box-02 .box-2-data ul li img{width:100%;max-width:24px;filter:brightness(0) saturate(100%) invert(0%) sepia(98%) saturate(0%) hue-rotate(47deg) brightness(98%) contrast(101%)}.box-02 .box-2-data>img{position:absolute;top:0;right:0;bottom:0}.contact_alert{margin-top:25px;border:1px solid #fff246;background:#505050;padding:15px;color:#fff;font-size:15px}/*# sourceMappingURL=contact.css.map */ \ No newline at end of file diff --git a/layout/style-css/contact.css.map b/layout/style-css/contact.css.map index 1ac4b70..3a20c72 100644 --- a/layout/style-css/contact.css.map +++ b/layout/style-css/contact.css.map @@ -1 +1 @@ -{"version":3,"sources":["..\\style-scss\\_variables.scss","..\\style-scss\\contact.scss","..\\style-scss\\_mixins.scss"],"names":[],"mappings":"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","file":"contact.css","sourcesContent":["//* Colors\n$cWhite: #ffffff;\n$cGray: #bababa;\n$cLightGray: #f6f6f6;\n$cCloud: #f0f0f0;\n$cSand: #e3e1de;\n$cSandDarker: #d9d9d9;\n$cBlack: #010101;\n\n$cTxtWhite: #ffffff;\n$cTxtCloud: #f0f0f0;\n$cTxtGray: #bababa;\n$cTxtGrayDarker: #a1a0a0;\n$cTxtBlack: #010101;\n\n$fontNewOrder: \"New Order\", sans-serif;\n$fontURWForm: \"URW Form\", sans-serif;\n\n//* Fonts\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-LightItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-LightItalic.woff\") format(\"woff\");\n\tfont-weight: 300;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-ExtraLightItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-ExtraLightItalic.woff\") format(\"woff\");\n\tfont-weight: 200;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Medium.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Medium.woff\") format(\"woff\");\n\tfont-weight: 500;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-MediumItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-MediumItalic.woff\") format(\"woff\");\n\tfont-weight: 500;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form Demi\";\n\tsrc: url(\"/layout/fonts/URWForm-Demi.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Demi.woff\") format(\"woff\");\n\tfont-weight: normal;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Italic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Italic.woff\") format(\"woff\");\n\tfont-weight: normal;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Light.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Light.woff\") format(\"woff\");\n\tfont-weight: 300;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-ThinItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-ThinItalic.woff\") format(\"woff\");\n\tfont-weight: 100;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Bold.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Bold.woff\") format(\"woff\");\n\tfont-weight: bold;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-BoldItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-BoldItalic.woff\") format(\"woff\");\n\tfont-weight: bold;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Thin.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Thin.woff\") format(\"woff\");\n\tfont-weight: 100;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Regular.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Regular.woff\") format(\"woff\");\n\tfont-weight: normal;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form Extra\";\n\tsrc: url(\"/layout/fonts/URWForm-ExtraBoldItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-ExtraBoldItalic.woff\") format(\"woff\");\n\tfont-weight: bold;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form Extra\";\n\tsrc: url(\"/layout/fonts/URWForm-ExtraBold.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-ExtraBold.woff\") format(\"woff\");\n\tfont-weight: bold;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-Light.otf\") format(\"otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-Regular.otf\") format(\"otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-Medium.otf\") format(\"otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-SemiBold.otf\") format(\"otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-Bold.otf\") format(\"otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n","@import '_mixins';\r\n@import '_variables';\r\n\r\n.box-01 {\r\n margin-bottom: 35px;\r\n\r\n .contact-sections {\r\n display: grid;\r\n grid-template-columns: 500px 1fr;\r\n grid-template-areas:\r\n 's0 s4'\r\n 'sw1 s5'\r\n 'sw1 s6'\r\n 'sw1 s7';\r\n\r\n .sections-wrapper {\r\n grid-area: sw1;\r\n }\r\n\r\n .sections_2_3 {\r\n @include respond-above(md) {\r\n position: relative;\r\n padding-bottom: 100px;\r\n background-color: #010101;\r\n background-image: url('/upload/filemanager/Pages/Contact/contact-bg.png');\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg,\r\n rgba(0, 0, 0, 1) 0%,\r\n rgba(102, 102, 102, 0) 100%);\r\n }\r\n }\r\n }\r\n\r\n section {\r\n position: relative;\r\n\r\n &.section_0 {\r\n grid-area: s0;\r\n\r\n @include respond-above(md) {\r\n background-color: $cBlack;\r\n }\r\n }\r\n\r\n &.section_1 {\r\n grid-area: s1;\r\n text-align: right;\r\n padding: 75px 50px 75px;\r\n\r\n @include respond-below(md) {\r\n padding: 75px 50px 30px;\r\n }\r\n\r\n @include respond-above(md) {\r\n background-color: $cBlack;\r\n }\r\n\r\n h2 {\r\n font-size: 32px;\r\n font-weight: 700;\r\n margin-bottom: 75px;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n\r\n @include respond-below(md) {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n\r\n p {\r\n font-size: 14px;\r\n font-weight: 200;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n\r\n strong {\r\n font-weight: 700;\r\n }\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 font-size: 18px;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n\r\n @include respond-below(md) {\r\n color: $cTxtBlack;\r\n }\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n }\r\n }\r\n\r\n &.section_2 {\r\n grid-area: s2;\r\n text-align: right;\r\n display: flex;\r\n padding: 0 50px 90px 50px;\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: 20px;\r\n\r\n img {\r\n max-width: 40px;\r\n\r\n @include respond-below(md) {\r\n filter: invert(1);\r\n }\r\n }\r\n\r\n p {\r\n font-size: 15px;\r\n font-weight: 700;\r\n margin-bottom: 0;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n padding: 50px 0 20px;\r\n }\r\n }\r\n\r\n &.section_3 {\r\n grid-area: s3;\r\n text-align: right;\r\n padding: 0 50px;\r\n\r\n // @include respond-above(md) {\r\n // \tbackground-color: $cBlack;\r\n // }\r\n\r\n h2 {\r\n font-size: 32px;\r\n font-weight: 700;\r\n margin-bottom: 60px;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n\r\n @include respond-below(md) {\r\n font-size: 22px;\r\n\r\n br {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n p {\r\n color: #fff;\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin-bottom: 0;\r\n line-height: 30px;\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n margin-bottom: 10px;\r\n\r\n p {\r\n color: #000;\r\n }\r\n }\r\n }\r\n\r\n &.section_4 {\r\n grid-area: s4;\r\n padding: 80px 50px;\r\n\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 25px;\r\n\r\n p {\r\n color: $cTxtGrayDarker;\r\n font-size: 25px;\r\n font-weight: 200;\r\n margin-bottom: 0;\r\n }\r\n\r\n a {\r\n width: 100%;\r\n max-width: 50px;\r\n\r\n img {\r\n width: 100%;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n flex-direction: column-reverse;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n }\r\n\r\n &.section_5 {\r\n grid-area: s5;\r\n padding: 75px 50px 0;\r\n\r\n h2 {\r\n font-size: 32px;\r\n font-weight: 700;\r\n margin-bottom: 75px;\r\n text-transform: uppercase;\r\n\r\n @include respond-below(md) {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n\r\n p {\r\n font-size: 12px;\r\n font-weight: 300;\r\n margin-bottom: 20px;\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n }\r\n\r\n #contact_form {\r\n .agreement {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 40px;\r\n\r\n .agreement-container {\r\n .form_group_2 {\r\n input[type='checkbox'] {\r\n background: #fff;\r\n border: 1px solid #000000;\r\n\r\n &::before {\r\n background: #000;\r\n }\r\n\r\n &::after {\r\n background: #000;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .buttons-container {\r\n button {\r\n width: 180px;\r\n\r\n &::before,\r\n &::after {\r\n right: 40px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.section_6 {\r\n grid-area: s6;\r\n padding: 45px 50px 50px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n\r\n p {\r\n font-size: 21px;\r\n font-weight: 300;\r\n margin-bottom: 0;\r\n\r\n span {\r\n display: inline-block;\r\n min-width: 44px;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n padding: 50px;\r\n }\r\n }\r\n\r\n &.section_7 {\r\n grid-area: s7;\r\n padding: 0 50px;\r\n\r\n iframe {\r\n width: 100%;\r\n height: 535px;\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(lg) {\r\n grid-template-columns: 350px 1fr;\r\n }\r\n\r\n @include respond-below(md) {\r\n grid-template-columns: 1fr;\r\n grid-template-areas:\r\n 's0'\r\n 'sw1'\r\n // 's2'\r\n 's6'\r\n 's5'\r\n 's4'\r\n 's3'\r\n 's7';\r\n padding-top: 50px;\r\n }\r\n }\r\n}\r\n\r\n.box-02 {\r\n margin-bottom: 35px;\r\n\r\n .box-2-data {\r\n position: relative;\r\n padding: 30px 150px;\r\n background: #f4f4f4;\r\n\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 30px;\r\n\r\n h2 {\r\n color: #000;\r\n font-size: 20px;\r\n font-weight: 700;\r\n letter-spacing: 0;\r\n margin-bottom: 0;\r\n }\r\n\r\n ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 15px;\r\n\r\n li {\r\n img {\r\n width: 100%;\r\n max-width: 24px;\r\n filter: brightness(0) saturate(100%) invert(0%) sepia(98%) saturate(0%) hue-rotate(47deg) brightness(98%) contrast(101%);\r\n }\r\n }\r\n }\r\n\r\n >img {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n }\r\n }\r\n}\r\n\r\n.contact_alert {\r\n margin-top: 25px;\r\n border: 1px solid #FFF246;\r\n background: #505050;\r\n padding: 15px;\r\n color: #FFF;\r\n font-size: 15px;\r\n}","$breakpoints: (\n xs: 576px,\n sm: 768px,\n md: 992px,\n lg: 1200px\n);\n@mixin respond-above($breakpoint) {\n @if map-has-key($breakpoints, $breakpoint) {\n $breakpoint-value: map-get($breakpoints, $breakpoint);\n @media (min-width: $breakpoint-value) {\n @content;\n }\n } @else {\n @warn 'Invalid breakpoint: #{$breakpoint}.';\n }\n}\n@mixin respond-below($breakpoint) {\n @if map-has-key($breakpoints, $breakpoint) {\n $breakpoint-value: map-get($breakpoints, $breakpoint);\n @media (max-width: ($breakpoint-value - 1)) {\n @content;\n }\n } @else {\n @warn 'Invalid breakpoint: #{$breakpoint}.';\n }\n}\n@mixin respond-between($lower, $upper) {\n @if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {\n $lower-breakpoint: map-get($breakpoints, $lower);\n $upper-breakpoint: map-get($breakpoints, $upper);\n @media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {\n @content;\n }\n } @else {\n @if (map-has-key($breakpoints, $lower) == false) {\n @warn 'Your lower breakpoint was invalid: #{$lower}.';\n }\n @if (map-has-key($breakpoints, $upper) == false) {\n @warn 'Your upper breakpoint was invalid: #{$upper}.';\n }\n }\n}\n@mixin border-radius($px: 0) {\n -webkit-border-radius: $px;\n -moz-border-radius: $px;\n border-radius: $px;\n}\n@mixin box-shadow($value) {\n -webkit-box-shadow: $value;\n -moz-box-shadow: $value;\n box-shadow: $value;\n}\n@mixin transition($element: all, $time: .5s, $option: ease) {\n -webkit-transition: $element $time $option;\n transition: $element $time $option;\n}\n@mixin opacity($value) {\n $IEValue: $value*100;\n opacity: $value;\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=\"+$IEValue+\")\";\n filter: alpha(opacity=$IEValue);\n}\n@mixin flexbox() {\n display: -webkit-box;\n display: -moz-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n}\n@mixin flex($values) {\n -webkit-box-flex: $values;\n -moz-box-flex: $values;\n -webkit-flex: $values;\n \t -ms-flex: $values;\n \t flex: $values;\n}\n@mixin flex-direction($direction) {\n -webkit-flex-direction: $direction;\n -moz-flex-direction: $direction;\n -ms-flex-direction: $direction;\n flex-direction: $direction;\n}\n@mixin flex-wrap($wrap) {\n -webkit-flex-wrap: $wrap;\n -moz-flex-wrap: $wrap;\n -ms-flex-wrap: $wrap;\n flex-wrap: $wrap;\n}\n@mixin flex-flow($flow) {\n -webkit-flex-flow: $flow;\n -moz-flex-flow: $flow;\n -ms-flex-flow: $flow;\n flex-flow: $flow;\n}\n@mixin order($val) {\n -webkit-box-ordinal-group: $val; \n -moz-box-ordinal-group: $val; \n \t -ms-flex-order: $val; \n \t -webkit-order: $val; \n \t\t order: $val;\n}\n@mixin flex-grow($grow) {\n -webkit-flex-grow: $grow;\n -moz-flex-grow: $grow;\n -ms-flex-grow: $grow;\n flex-grow: $grow;\n}\n@mixin flex-shrink($shrink) {\n -webkit-flex-shrink: $shrink;\n -moz-flex-shrink: $shrink;\n -ms-flex-shrink: $shrink;\n flex-shrink: $shrink;\n}\n@mixin flex-basis($width) {\n -webkit-flex-basis: $width;\n -moz-flex-basis: $width;\n -ms-flex-basis: $width;\n flex-basis: $width;\n}\n@mixin justify-content($justify) {\n -webkit-justify-content: $justify;\n -moz-justify-content: $justify;\n -ms-justify-content: $justify;\n justify-content: $justify;\n -ms-flex-pack: $justify;\n}\n@mixin align-content($align) {\n -webkit-align-content: $align;\n -moz-align-content: $align;\n -ms-align-content: $align;\n align-content: $align;\n}\n@mixin align-items($align) {\n -webkit-align-items: $align;\n -moz-align-items: $align;\n -ms-align-items: $align;\n align-items: $align;\n}\n@mixin align-self($align) {\n -webkit-align-self: $align;\n -moz-align-self: $align;\n -ms-align-self: $align;\n align-self: $align;\n}"]} \ No newline at end of file +{"version":3,"sources":["..\\style-scss\\_variables.scss","..\\style-scss\\contact.scss","..\\style-scss\\_mixins.scss"],"names":[],"mappings":"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","file":"contact.css","sourcesContent":["//* Colors\n$cWhite: #ffffff;\n$cGray: #bababa;\n$cLightGray: #f6f6f6;\n$cCloud: #f0f0f0;\n$cSand: #e3e1de;\n$cSandDarker: #d9d9d9;\n$cBlack: #010101;\n\n$cTxtWhite: #ffffff;\n$cTxtCloud: #f0f0f0;\n$cTxtGray: #bababa;\n$cTxtGrayDarker: #a1a0a0;\n$cTxtBlack: #010101;\n\n$fontNewOrder: \"New Order\", sans-serif;\n$fontURWForm: \"URW Form\", sans-serif;\n\n//* Fonts\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-LightItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-LightItalic.woff\") format(\"woff\");\n\tfont-weight: 300;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-ExtraLightItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-ExtraLightItalic.woff\") format(\"woff\");\n\tfont-weight: 200;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Medium.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Medium.woff\") format(\"woff\");\n\tfont-weight: 500;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-MediumItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-MediumItalic.woff\") format(\"woff\");\n\tfont-weight: 500;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form Demi\";\n\tsrc: url(\"/layout/fonts/URWForm-Demi.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Demi.woff\") format(\"woff\");\n\tfont-weight: normal;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Italic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Italic.woff\") format(\"woff\");\n\tfont-weight: normal;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Light.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Light.woff\") format(\"woff\");\n\tfont-weight: 300;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-ThinItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-ThinItalic.woff\") format(\"woff\");\n\tfont-weight: 100;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Bold.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Bold.woff\") format(\"woff\");\n\tfont-weight: bold;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-BoldItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-BoldItalic.woff\") format(\"woff\");\n\tfont-weight: bold;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Thin.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Thin.woff\") format(\"woff\");\n\tfont-weight: 100;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Regular.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Regular.woff\") format(\"woff\");\n\tfont-weight: normal;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form Extra\";\n\tsrc: url(\"/layout/fonts/URWForm-ExtraBoldItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-ExtraBoldItalic.woff\") format(\"woff\");\n\tfont-weight: bold;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form Extra\";\n\tsrc: url(\"/layout/fonts/URWForm-ExtraBold.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-ExtraBold.woff\") format(\"woff\");\n\tfont-weight: bold;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-Light.otf\") format(\"otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-Regular.otf\") format(\"otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-Medium.otf\") format(\"otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-SemiBold.otf\") format(\"otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-Bold.otf\") format(\"otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n","@import '_mixins';\r\n@import '_variables';\r\n\r\n.box-01 {\r\n margin-bottom: 35px;\r\n\r\n .contact-sections {\r\n display: grid;\r\n grid-template-columns: 500px 1fr;\r\n grid-template-areas:\r\n 's0 s4'\r\n 'sw1 s5'\r\n 'sw1 s6'\r\n 'sw1 s7';\r\n\r\n .sections-wrapper {\r\n grid-area: sw1;\r\n }\r\n\r\n .sections_2_3 {\r\n @include respond-above(md) {\r\n position: relative;\r\n padding-bottom: 100px;\r\n background-color: #010101;\r\n background-image: url('/upload/filemanager/Pages/Contact/contact-bg.png');\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg,\r\n rgba(0, 0, 0, 1) 0%,\r\n rgba(102, 102, 102, 0) 100%);\r\n }\r\n }\r\n }\r\n\r\n section {\r\n position: relative;\r\n\r\n &.section_0 {\r\n grid-area: s0;\r\n\r\n @include respond-above(md) {\r\n background-color: $cBlack;\r\n }\r\n }\r\n\r\n &.section_1 {\r\n grid-area: s1;\r\n text-align: right;\r\n padding: 75px 50px 75px;\r\n\r\n @include respond-below(md) {\r\n padding: 75px 50px 30px;\r\n }\r\n\r\n @include respond-above(md) {\r\n background-color: $cBlack;\r\n }\r\n\r\n h2 {\r\n font-size: 32px;\r\n font-weight: 700;\r\n margin-bottom: 25px;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n\r\n @include respond-below(md) {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n\r\n p {\r\n font-size: 14px;\r\n font-weight: 200;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n\r\n strong {\r\n font-weight: 700;\r\n }\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 font-size: 18px;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n\r\n @include respond-below(md) {\r\n color: $cTxtBlack;\r\n }\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n }\r\n }\r\n\r\n &.section_2 {\r\n grid-area: s2;\r\n text-align: right;\r\n display: flex;\r\n padding: 0 50px 90px 50px;\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: 20px;\r\n\r\n img {\r\n max-width: 40px;\r\n\r\n @include respond-below(md) {\r\n filter: invert(1);\r\n }\r\n }\r\n\r\n p {\r\n font-size: 15px;\r\n font-weight: 700;\r\n margin-bottom: 0;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n padding: 50px 0 20px;\r\n }\r\n }\r\n\r\n &.section_3 {\r\n grid-area: s3;\r\n text-align: right;\r\n padding: 20px 50px 0;\r\n\r\n h2 {\r\n font-size: 32px;\r\n font-weight: 700;\r\n margin-bottom: 60px;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n\r\n @include respond-below(md) {\r\n font-size: 22px;\r\n\r\n br {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n p {\r\n color: #fff;\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin-bottom: 0;\r\n line-height: 30px;\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n margin-bottom: 10px;\r\n\r\n p {\r\n color: #000;\r\n }\r\n }\r\n }\r\n\r\n &.section_4 {\r\n grid-area: s4;\r\n padding: 80px 50px;\r\n\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 25px;\r\n\r\n p {\r\n color: $cTxtGrayDarker;\r\n font-size: 25px;\r\n font-weight: 200;\r\n margin-bottom: 0;\r\n }\r\n\r\n a {\r\n width: 100%;\r\n max-width: 50px;\r\n\r\n img {\r\n width: 100%;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n flex-direction: column-reverse;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n }\r\n\r\n &.section_5 {\r\n grid-area: s5;\r\n padding: 75px 50px 0;\r\n\r\n h2 {\r\n font-size: 32px;\r\n font-weight: 700;\r\n margin-bottom: 25px;\r\n text-transform: uppercase;\r\n\r\n @include respond-below(md) {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n\r\n p {\r\n font-size: 12px;\r\n font-weight: 300;\r\n margin-bottom: 20px;\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n }\r\n\r\n #contact_form {\r\n .agreement {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 40px;\r\n\r\n .agreement-container {\r\n .form_group_2 {\r\n input[type='checkbox'] {\r\n background: #fff;\r\n border: 1px solid #000000;\r\n\r\n &::before {\r\n background: #000;\r\n }\r\n\r\n &::after {\r\n background: #000;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .buttons-container {\r\n button {\r\n width: 180px;\r\n\r\n &::before,\r\n &::after {\r\n right: 40px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.section_6 {\r\n grid-area: s6;\r\n padding: 15px 50px 50px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n\r\n p {\r\n font-size: 21px;\r\n font-weight: 300;\r\n margin-bottom: 0;\r\n\r\n span {\r\n display: inline-block;\r\n min-width: 44px;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n padding: 50px;\r\n }\r\n }\r\n\r\n &.section_7 {\r\n grid-area: s7;\r\n padding: 0 50px;\r\n\r\n iframe {\r\n width: 100%;\r\n height: 535px;\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(lg) {\r\n grid-template-columns: 350px 1fr;\r\n }\r\n\r\n @include respond-below(md) {\r\n grid-template-columns: 1fr;\r\n grid-template-areas:\r\n 's0'\r\n 'sw1'\r\n // 's2'\r\n 's6'\r\n 's5'\r\n 's4'\r\n 's3'\r\n 's7';\r\n padding-top: 50px;\r\n }\r\n }\r\n}\r\n\r\n.box-02 {\r\n margin-bottom: 35px;\r\n\r\n .box-2-data {\r\n position: relative;\r\n padding: 30px 150px;\r\n background: #f4f4f4;\r\n\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 30px;\r\n\r\n h2 {\r\n color: #000;\r\n font-size: 20px;\r\n font-weight: 700;\r\n letter-spacing: 0;\r\n margin-bottom: 0;\r\n }\r\n\r\n ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 15px;\r\n\r\n li {\r\n img {\r\n width: 100%;\r\n max-width: 24px;\r\n filter: brightness(0) saturate(100%) invert(0%) sepia(98%) saturate(0%) hue-rotate(47deg) brightness(98%) contrast(101%);\r\n }\r\n }\r\n }\r\n\r\n >img {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n }\r\n }\r\n}\r\n\r\n.contact_alert {\r\n margin-top: 25px;\r\n border: 1px solid #FFF246;\r\n background: #505050;\r\n padding: 15px;\r\n color: #FFF;\r\n font-size: 15px;\r\n}","$breakpoints: (\n xs: 576px,\n sm: 768px,\n md: 992px,\n lg: 1200px\n);\n@mixin respond-above($breakpoint) {\n @if map-has-key($breakpoints, $breakpoint) {\n $breakpoint-value: map-get($breakpoints, $breakpoint);\n @media (min-width: $breakpoint-value) {\n @content;\n }\n } @else {\n @warn 'Invalid breakpoint: #{$breakpoint}.';\n }\n}\n@mixin respond-below($breakpoint) {\n @if map-has-key($breakpoints, $breakpoint) {\n $breakpoint-value: map-get($breakpoints, $breakpoint);\n @media (max-width: ($breakpoint-value - 1)) {\n @content;\n }\n } @else {\n @warn 'Invalid breakpoint: #{$breakpoint}.';\n }\n}\n@mixin respond-between($lower, $upper) {\n @if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {\n $lower-breakpoint: map-get($breakpoints, $lower);\n $upper-breakpoint: map-get($breakpoints, $upper);\n @media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {\n @content;\n }\n } @else {\n @if (map-has-key($breakpoints, $lower) == false) {\n @warn 'Your lower breakpoint was invalid: #{$lower}.';\n }\n @if (map-has-key($breakpoints, $upper) == false) {\n @warn 'Your upper breakpoint was invalid: #{$upper}.';\n }\n }\n}\n@mixin border-radius($px: 0) {\n -webkit-border-radius: $px;\n -moz-border-radius: $px;\n border-radius: $px;\n}\n@mixin box-shadow($value) {\n -webkit-box-shadow: $value;\n -moz-box-shadow: $value;\n box-shadow: $value;\n}\n@mixin transition($element: all, $time: .5s, $option: ease) {\n -webkit-transition: $element $time $option;\n transition: $element $time $option;\n}\n@mixin opacity($value) {\n $IEValue: $value*100;\n opacity: $value;\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=\"+$IEValue+\")\";\n filter: alpha(opacity=$IEValue);\n}\n@mixin flexbox() {\n display: -webkit-box;\n display: -moz-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n}\n@mixin flex($values) {\n -webkit-box-flex: $values;\n -moz-box-flex: $values;\n -webkit-flex: $values;\n \t -ms-flex: $values;\n \t flex: $values;\n}\n@mixin flex-direction($direction) {\n -webkit-flex-direction: $direction;\n -moz-flex-direction: $direction;\n -ms-flex-direction: $direction;\n flex-direction: $direction;\n}\n@mixin flex-wrap($wrap) {\n -webkit-flex-wrap: $wrap;\n -moz-flex-wrap: $wrap;\n -ms-flex-wrap: $wrap;\n flex-wrap: $wrap;\n}\n@mixin flex-flow($flow) {\n -webkit-flex-flow: $flow;\n -moz-flex-flow: $flow;\n -ms-flex-flow: $flow;\n flex-flow: $flow;\n}\n@mixin order($val) {\n -webkit-box-ordinal-group: $val; \n -moz-box-ordinal-group: $val; \n \t -ms-flex-order: $val; \n \t -webkit-order: $val; \n \t\t order: $val;\n}\n@mixin flex-grow($grow) {\n -webkit-flex-grow: $grow;\n -moz-flex-grow: $grow;\n -ms-flex-grow: $grow;\n flex-grow: $grow;\n}\n@mixin flex-shrink($shrink) {\n -webkit-flex-shrink: $shrink;\n -moz-flex-shrink: $shrink;\n -ms-flex-shrink: $shrink;\n flex-shrink: $shrink;\n}\n@mixin flex-basis($width) {\n -webkit-flex-basis: $width;\n -moz-flex-basis: $width;\n -ms-flex-basis: $width;\n flex-basis: $width;\n}\n@mixin justify-content($justify) {\n -webkit-justify-content: $justify;\n -moz-justify-content: $justify;\n -ms-justify-content: $justify;\n justify-content: $justify;\n -ms-flex-pack: $justify;\n}\n@mixin align-content($align) {\n -webkit-align-content: $align;\n -moz-align-content: $align;\n -ms-align-content: $align;\n align-content: $align;\n}\n@mixin align-items($align) {\n -webkit-align-items: $align;\n -moz-align-items: $align;\n -ms-align-items: $align;\n align-items: $align;\n}\n@mixin align-self($align) {\n -webkit-align-self: $align;\n -moz-align-self: $align;\n -ms-align-self: $align;\n align-self: $align;\n}"]} \ No newline at end of file diff --git a/layout/style-scss/contact.scss b/layout/style-scss/contact.scss index 266571c..4e484b5 100644 --- a/layout/style-scss/contact.scss +++ b/layout/style-scss/contact.scss @@ -62,7 +62,7 @@ h2 { font-size: 32px; font-weight: 700; - margin-bottom: 75px; + margin-bottom: 25px; @include respond-above(md) { color: $cTxtWhite; @@ -151,11 +151,7 @@ &.section_3 { grid-area: s3; text-align: right; - padding: 0 50px; - - // @include respond-above(md) { - // background-color: $cBlack; - // } + padding: 20px 50px 0; h2 { font-size: 32px; @@ -232,7 +228,7 @@ h2 { font-size: 32px; font-weight: 700; - margin-bottom: 75px; + margin-bottom: 25px; text-transform: uppercase; @include respond-below(md) { @@ -289,7 +285,7 @@ &.section_6 { grid-area: s6; - padding: 45px 50px 50px; + padding: 15px 50px 50px; display: flex; flex-direction: column; justify-content: center; diff --git a/templates_user/components/ContactMini.php b/templates_user/components/ContactMini.php index 4bc07c4..1817456 100644 --- a/templates_user/components/ContactMini.php +++ b/templates_user/components/ContactMini.php @@ -19,7 +19,7 @@