body {width: 100%; padding: 0; margin: 0; color:#929292; background-color:#ffffff; position: relative; }

a, button, img, div {-webkit-tap-highlight-color: transparent; user-select: none;}

.a1 {position: relative; width: 100%; height: 70px; box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06), 0 4px 5px 0 rgba(0,0,0,0.06), 0 1px 10px 0 rgba(0,0,0,0.08); background-color: #1a1a1a; z-index:1000;}
.a1a {width: 100%; max-width:1300px; margin:auto auto; display: flex; justify-content: space-between; align-items: center; }
.a1a2 {width: 100%; height:70px; display: none;}

.a1a3 {display: none;}
.a1a4 {margin-left: 20px; display: inline-block;}
.a1a4a {display: inline-block; background-color: #0088c1; border-radius: 100%; height: 23px; width: 23px; border: solid 1px #ffffff;}
.a1a4a img {height: 23px;}
.a1a5 { cursor: pointer; display: none; position: absolute; box-sizing: border-box; background-color: #1a1a1a; width: 100%; top:70px; left:0; border-top: solid 1px #4a4d52; border-bottom: solid 1px #4a4d52; padding-top: 10px; padding-bottom: 20px; -webkit-tap-highlight-color: transparent;}
.a1a6 {color: #ffffff; text-decoration: none; line-height: 32px; letter-spacing: 1px; font-family:"Alef", sans-serif; font-size:16px; position:relative; display: block; padding-left: 25px; -webkit-tap-highlight-color: transparent;}

.a1a7 {display: none; -webkit-tap-highlight-color: transparent;}
.a1a7 a {color: #0088c1; text-decoration: none; line-height: 28px; letter-spacing: 0.5px; font-family:"Alef", sans-serif; font-size:16px; position:relative; display: block; padding-left: 5px; }


.a1b {line-height: 70px;}
.a1b img {height: 50px; vertical-align: middle; margin-top: -3px; }
.a1b1 {display: none;}
.a1c { display: flex; justify-content: space-between; align-items: center; width: 510px; }
.a1c1 {color: #ffffff; text-decoration: none; line-height: 70px; letter-spacing: 0.5px; font-family:"Alef", sans-serif; font-size:13px; position:relative;}
.a1c1:hover {color:#0088c1; }

.a1c2 {text-decoration: none; color: #ffffff;}

.a1c5 div { cursor: pointer; display: none; position: absolute; left:-20px; box-sizing: border-box; }

.a1c6 {display: block; background-color: #1a1a1a; color: #ffffff; padding-top: 7px; padding-bottom: 7px; border:solid 1px #929292; border-radius: 5px; top:60px; z-index: 1000; }
.a1c6 a {display: block; line-height: 30px; padding-left: 15px; font-size: 14px;}
.a1c6 a:hover {color:#0088c1; }

.a1c7 img {height: 16px; vertical-align: middle; margin-left: 15px; }
.a1c7a {width:27px; height: 18px; border-radius: 5px; vertical-align: middle; margin-left: 17px;}

.a1c8 {display: inline-block; font-family:"Alef", sans-serif; font-size:13px; color: #ffffff; letter-spacing: 0.3px; text-decoration: none; background-color: #0088c1; line-height: 30px; padding-left: 20px; padding-right: 10px; border-radius: 30px;}
.a1c8:hover {background-color: #159cd5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition:all 0.5s;  }
.a1c8 svg {display: inline-block; color: #ffffff; vertical-align: middle; margin-left: 9px; width: 14px; height:26px; fill:none;stroke:#ffffff;stroke-width:2; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition:all 0.2s;}

.a1c8a {display: inline-block; font-family:"Alef", sans-serif; font-size:13px; color: #ffffff; letter-spacing: 0.3px; text-decoration: none; background-color: #0088c1; line-height: 40px; padding-left: 20px; padding-right: 10px; border-radius: 30px; margin-right: 20px;  }
.a1c8a:hover {background-color: #159cd5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition:all 0.5s;  }
.a1c8a svg {display: inline-block; color: #0088c1; background-color: #ffffff; margin-left: 10px; vertical-align: middle; margin-top: -4px; width: 26px; height:26px; border-radius: 100%; fill:none;stroke:#0088c1;stroke-width:1; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition:all 0.2s;}

.a1c8b {display: inline-block; font-family:"Alef", sans-serif; font-size:13px; color: #ffffff; letter-spacing: 0.3px; text-decoration: none; background-color: rgba(0,0,0,0.1); line-height: 38px; padding-left: 20px; padding-right: 10px; border-radius: 30px; margin-right: 20px; border:solid 1px #ffffff; }
.a1c8b:hover {background-color: #159cd5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition:all 0.5s;  }
.a1c8b svg {display: inline-block; color: #ffffff; background-color: #0088c1; margin-left: 10px; vertical-align: middle; margin-top: -4px; width: 26px; height:26px; border:0; border-radius: 100%; fill:none;stroke:#ffffff;stroke-width:1; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition:all 0.2s;}

.a1c8c {display: inline-block; font-family:"Alef", sans-serif; font-size:13px; color: #ffffff; letter-spacing: 0.3px; text-decoration: none; background-color: #0088c1; line-height: 40px; padding-left: 20px; padding-right: 10px; border-radius: 30px; cursor: pointer; }
.a1c8c:hover {background-color: #159cd5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition:all 0.5s;  }
.a1c8c svg {display: inline-block; color: #0088c1; background-color: #ffffff; margin-left: 10px; vertical-align: middle; margin-top: -4px; width: 26px; height:26px; border-radius: 100%; fill:none;stroke:#0088c1;stroke-width:1; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition:all 0.2s;}

.a1c9 {transform: rotate(45deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition:all 0.2s; }
.a1c10 {transform: rotate(90deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition:all 0.2s; }


.a1d {position: relative; width: 100%; height: 35px; background-color: rgba(26, 26, 26, 0.9);}
.a1d1 {width: 100%; max-width:1300px; margin:auto auto; display: flex; justify-content: space-between; align-items: center; }

.a1d2 img {width: 14px; margin-right: 7px; vertical-align: middle; margin-top: -2px; }
.a1d2 {color: #ffffff; text-decoration: none; line-height: 35px; letter-spacing: 0.5px; font-family: Arial, Helvetica, sans-serif; font-size:12px; display: inline-block;}

.a1d3 {display: inline-block; width: 1px; height: 13px; margin-left: 14px; margin-bottom: -2px; margin-right: 14px; background-color: #a7a7a7;}

.a1d4 img {width: 15px; margin-right: 7px; vertical-align: middle; margin-top: -2px; }
.a1d4 {color: #ffffff; text-decoration: none; line-height: 35px; letter-spacing: 0.5px; font-family:"Alef", sans-serif; font-size:13px; display: inline-block;}

.a1d5 a img {height: 20px; margin-left: 9px; vertical-align: middle;}

.a1e {width: 100%; background-color: #121212;}

.a1f {width: 100%; max-width: 1920px; aspect-ratio: 1920 / 1080; margin: auto auto; position: relative; }
.a1f video {width: 100%;}
.a1f1 {position: absolute; width: 1300px; top:50%; left:50%; transform: translate(-50%, -50%); }
.a1f2 {font-family: "Alef", sans-serif; font-size:13px; letter-spacing: 0.5px; color: #ffffff; background-color: rgba(0,136,193,0.1); padding-right: 10px; padding-top: 3px; padding-bottom: 3px; padding-left:3px; border: solid 1px rgba(0,136,193,0.8); border-radius: 10px;}
.a1f3 {font-size:32px; vertical-align:-10%; margin-right: 3px; color: rgba(0,136,193,0.8); }
.a1f4 {font-family: Arial, Helvetica, sans-serif; font-size:12px;}

.a1f5 {font-family: "Montserrat", sans-serif; font-size:48px; letter-spacing: 1px; color: #ffffff; margin-top: 10px; margin-bottom: 10px; }
.a1f5 span {color: #0088c1;}

.a1f6 {font-family: "Alef", sans-serif; font-size:16px; letter-spacing: 0.5px; color: #ffffff; width:50%; margin-bottom: 30px; }

.c1 {font-family: "Montserrat", sans-serif; font-size:14px; color: #0088c1; letter-spacing: 2px; margin-top: 35px; text-align: center; position: relative;}
.c1 b {position: absolute; top:-85px;}
.c1a {font-family: "Montserrat", sans-serif; font-size:38px; color: #ffffff; letter-spacing: 1px; margin-top: 5px; text-align: center; }
.c1b {font-family: "Alef", sans-serif; font-size:16px; color: #929292; letter-spacing: 0px; margin:auto; margin-top: 10px; text-align: center; width:1100px;  }

.c1c {display: flex; justify-content: space-between; width:1140px; margin:auto auto; margin-top: 30px; }

.c1d {width:47.8%; height:490px; display: inline-block;  position: relative; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden; }
.c1d1 {width:100%; height:490px; transition: transform 0.8s;  }
.c1d1:hover {transform: scale(1.15);}

.c1d2 {position: absolute; top:0; left:0; width:185px; height: 130px; background-color: #121212; border-bottom-right-radius: 40px;}
.c1d2a {position: absolute; top:0px; left:185px; background-color: rgba(0,0,0,0); width:20px; height: 20px; border-top-left-radius: 100%; box-shadow:-10px -10px 0px 10px #121212; }
.c1d2b {position: absolute; top:130px; left:0px; background-color: rgba(0,0,0,0); width:20px; height: 20px; border-top-left-radius: 100%; box-shadow:-10px -10px 0px 10px #121212; }
.c1d2c {position: relative; width:185px; height: 130px; }
.c1d2d {position: absolute; width: 185px; top:50%; left:50%; transform: translate(-50%, -50%); text-align: center; }
.c1d2d b {font-family: "Montserrat", sans-serif; font-size:42px; color: #ffffff; font-weight: normal; display: block;}
.c1d2d i {font-family: "Alef", sans-serif; font-size:14px; color: #0088c1; font-style: normal; }

.c1e {width:47.8%; display: inline-block; }
.c1ea {width:100%; height:215px; position: relative; border-top-right-radius: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; }
.c1e1 {width:100%; height:215px; transition: transform 0.8s;  }
.c1e1:hover {transform: scale(1.15);}
.c1e2 {position: absolute; bottom:0; right:0; width:80px; height: 80px; background-color: #121212; border-top-left-radius: 40px;}
.c1e2a {position: absolute; bottom:80px; right:0px; background-color: rgba(0,0,0,0); width:20px; height: 20px; border-bottom-right-radius: 100%; box-shadow:10px 10px 0px 10px #121212; }
.c1e2b {position: absolute; bottom:0px; right:80px; background-color: rgba(0,0,0,0); width:20px; height: 20px; border-bottom-right-radius: 100%; box-shadow:10px 10px 0px 10px #121212; }
.c1e2c {position: relative; width:80px; height: 80px; }
.c1e2d {position: absolute; top:50%; left:50%; transform: translate(-40%, -40%);}
.c1e2e svg {color: #ffffff; background-color: #0088c1; border-radius: 100%; width:45px; height: 45px; display: block; fill:none;stroke:white;stroke-width:2; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition:all 0.2s;}

.c1f {width:100%; display: flex; justify-content: space-between; margin-top: 45px;}
.c1f1 {width: 47%; vertical-align: top; }
.c1f2 {width:46px; height:46px; background-color: #0088c1; border-radius: 23px; position:relative; }
.c1f3 {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:4px; height: 4px; border: solid 1px #ffffff; border-radius: 4px;}
.c1f3a {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:14px; height: 8px; border: solid 1px #ffffff; border-radius: 50%;}
.c1f4a {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:10px; height: 10px; border: solid 1px #ffffff; border-radius: 10px;}
.c1f4b {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:16px; height: 16px; border: solid 1px #ffffff; border-radius: 16px;}

.c1g {font-family: "Alef", sans-serif; font-size:14px; color: #ffffff; margin-top: 12px;}
.c1g1 {font-family: "Alef", sans-serif; font-size:14px; color: #929292; margin-top: 7px; width:90%; }
.c1g2 {width: 100%; margin-top: 30px;}
.c1g2a {display:inline-block; width:40px; height: 40px; border-radius: 40px; background-color: #0088c1; text-align: center; line-height: 40px; vertical-align: top; margin-right: 20px; }
.c1g2a img {width:20px; margin-top: 9px; }

.c1g2d {vertical-align: top; height: 37px; display: inline-block;}
.c1g2b {height: 37px;  display: flex; justify-content: space-between; flex-direction: column;}
.c1g2c {font-family: "Alef", sans-serif; font-size:13px; color: #0088c1; }
.c1g2e {display: block; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #ffffff; text-decoration: none;}

.c2 {width:1140px; display: flex; justify-content:space-between; flex-wrap: wrap; margin: auto auto; margin-top: 10px;}

.c2b {display: block; width:31%; margin-top: 20px; text-decoration: none; text-align: center; }
.c2ea {width:100%; aspect-ratio: 3 / 1.75; position: relative; border-top-right-radius: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden;}
.c2e1 {width:100%; aspect-ratio: 3 / 1.75; transition: transform 0.8s;  }
.c2e1:hover {transform: scale(1.15);}
.c2e2 {position: absolute; bottom:0; right:0; width:70px; height: 70px; background-color: #121212; border-top-left-radius: 30px;}
.c2e2a {position: absolute; bottom:70px; right:0px; background-color: rgba(0,0,0,0); width:20px; height: 20px; border-bottom-right-radius: 100%; box-shadow:10px 10px 0px 10px #121212; }
.c2e2b {position: absolute; bottom:0px; right:70px; background-color: rgba(0,0,0,0); width:20px; height: 20px; border-bottom-right-radius: 100%; box-shadow:10px 10px 0px 10px #121212; }
.c2e2c {position: relative; width:70px; height: 70px; }
.c2e2d {position: absolute; top:50%; left:50%; transform: translate(-40%, -40%);}
.c2e2e { text-decoration: none;}
.c2e2e span {color: #ffffff; background-color: #0088c1; font-size: 28px; line-height: 40px; font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;; border-radius: 100%; padding-bottom: 5px; width:45px; text-align: center; display: block; }
.c2e3 {font-family: "Alef", sans-serif; font-size:18px; color: #ffffff; margin-top: 15px; }
.c2e4 {font-family: "Alef", sans-serif; font-size:14px; color: #929292; margin-top: 10px; margin-bottom: 20px; width: 95%; }

.c2f {text-align: center;}
.c2f1 {display: none;}

.c3 {position: relative; width: 100%; height: 440px;}
.c3a {width: 100%; max-width: 1920px; height: 440px; margin: auto auto; position: relative; margin-top: 30px; background:url("img/pp/tehnologie.webp") center center no-repeat; background-size: cover; filter: brightness(30%); }
.c3b {position: absolute; width: 1300px; top:50px; left:50%; transform: translate(-50%, 0); }

.c3c {font-family: "Alef", sans-serif; font-size:16px; letter-spacing: 0.5px; color: #bcbcbc; }
.c3c1 {font-family: "Montserrat", sans-serif; font-size:36px; letter-spacing: 1px; color: #ffffff; margin-top: 10px; margin-bottom: 10px; }
.c3c1 span {color: #0088c1;}
.c3c2 {font-family: "Alef", sans-serif; font-size:15px; letter-spacing: 0.5px; color: #bcbcbc; width:45%; }

.c4 {position: relative; width: 100%; height: 230px;}
.c4a {position: absolute; width: 1300px; top:-108px; left:50%; transform: translate(-50%, 0); display: flex; justify-content: space-between; }
.c4b {width:216px; }
.c4b1 {width:216px; height: 216px; border:solid 5px #ffffff; border-radius: 216px; position: relative; }
.c4b2 {width:22px; height: 22px;  border:solid 3px #ffffff; border-radius: 22px; background-color: #0088c1; color:#ffffff; position: absolute; bottom:-6px; left: 50%; transform: translate(-50%, 0); font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; color: #ffffff; text-align: center; line-height: 22px; letter-spacing: 0.5px;}
.c4b3 {font-family: "Alef", sans-serif; font-size:16px; color: #ffffff; margin-top: 20px; text-align: center;}
.c4b4 {font-family: "Alef", sans-serif; font-size:14px; color: #929292; margin-top: 10px; text-align: center; }

.c5 {width:47.8%; aspect-ratio: 545 / 340; position: relative; border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; overflow: hidden; display: block; margin-bottom: 40px;}
.c5a {width:100%; aspect-ratio: 545 / 340; transition: transform 0.8s;  }
.c5a:hover {transform: scale(1.15);}
.c5a1 {position: absolute; top:0; right:0; width:66%; height: 80px; background-color: #121212; border-bottom-left-radius: 30px;}
.c5a2 {position: relative; width:100%; height: 80px; }
.c5a3 {position: absolute; top:10px; right:10px; }
.c5a4 { text-decoration: none;}
.c5a4 span {color: #ffffff; background-color: #0088c1; font-size: 28px; line-height: 40px; font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius: 100%; padding-bottom: 5px; width:45px; text-align: center; display: block; }
.c5a5 {position: absolute; top:80px; right:0px; background-color: rgba(0,0,0,0); width:20px; height: 20px; border-top-right-radius: 100%; box-shadow:10px -10px 0px 10px #121212; }
.c5a6 {position: absolute; top:0px; right:66%; background-color: rgba(0,0,0,0); width:20px; height: 20px; border-top-right-radius: 100%; box-shadow:10px -10px 0px 10px #121212; }
.c5a7 {position:absolute; top:50%; left:20px; transform: translate(0, -50%); }
.c5a7 b {font-family: "Alef", sans-serif; font-size:18px; color: #ffffff; display: block; font-weight: normal;}
.c5a7 i {font-family: "Alef", sans-serif; font-size:16px; color: #929292; display: block; font-style: normal;}

.c6 {position: relative; width: 100%; height: 370px;}
.c6a {width: 100%; max-width: 1920px; height: 370px; margin: auto auto; position: relative; margin-top: 30px; background:url("img/pp/quote.webp") center center no-repeat; background-size: cover; filter: brightness(30%); }
.c6b {position: absolute; width: 1300px; top:50%; left:50%; transform: translate(-50%, -50%); }
.c6c {font-family: "Alef", sans-serif; font-size:16px; letter-spacing: 0.5px; color: #bcbcbc; }
.c6c1 {font-family: "Montserrat", sans-serif; font-size:36px; letter-spacing: 1px; color: #ffffff; margin-top: 10px; margin-bottom: 10px; }
.c6c1 span {color: #0088c1;}
.c6c2 {font-family: "Alef", sans-serif; font-size:15px; letter-spacing: 0.5px; color: #bcbcbc; width:60%; }
.c6c3 {margin-top: 30px;}

.c7 {border-bottom-right-radius: 10px;}
.c7a {width: 90%;  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

#em1 {display: inline-block; }

.f1 {width:100%; border-top: solid 1px #898989; border-bottom: solid 1px #80858e; padding-top: 30px; padding-bottom: 40px; }
.f2 {width:1300px; margin: auto auto; display: flex; justify-content: space-between; }
.f3 {width:23%;}
.f3a {width: 210px;}
.f3b {font-family: "Alef", sans-serif; font-size:16px; color: #ffffff; margin-top: 10px;}
.f3c {margin-top: 15px;}
.f3c a img {height: 30px; margin-right: 12px; vertical-align: middle;}

.f4 {font-family: "Alef", sans-serif; font-size:16px; color: #ffffff; margin-bottom: 20px;}
.f4b a {font-family: "Alef", sans-serif; font-size:16px; color: #80858e; text-decoration: none; display: block; line-height: 30px;}
.f4c {margin-bottom: 20px;}
.f4c img {width: 16px; margin-right: 7px; vertical-align: middle;}
.f4c span {font-family: "Alef", sans-serif; font-size:16px; color: #80858e; vertical-align: top; }
.f4d {font-family:"Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; color: #80858e; text-decoration: none; display: inline-block; vertical-align: top;}

.f5a {width:100%; padding-bottom: 10px; }
.f5b {width:1300px; margin: auto auto; display: flex; justify-content: space-between; }
.f5b div { font-family: "Alef", sans-serif; font-size:16px; color: #80858e; line-height: 30px;}
.f5b div a {font-size:14px; color: #80858e; line-height: 30px; text-decoration: none; margin-left: 30px;}
.f5b div i {font-family:"Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal;}
.f5b1, .f5b2 {display: inline-block;}
.f5b3 {display: none;}

.g1 {width:100%; max-width: 1920px; aspect-ratio: 1920 / 600; margin: auto auto; position: relative;}
.g1 b {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: "Montserrat", sans-serif; font-size:40px; letter-spacing: 1px; color:rgba(255,255,255,0.85); text-shadow: 1px 1px rgba(0,0,0,0.6); font-weight: normal; text-align: center; width: 100%; }
.g1a {width:96%; max-width: 1000px; margin: auto auto; }
.g1a p {font-family: "Alef", sans-serif; font-size:18px; color: #929292; margin-bottom:15px; margin-top: 15px; }
.g1a h1 {font-family: "Montserrat", sans-serif; font-size:32px; color: #ffffff; letter-spacing: 1px; margin-top: 20px; text-align: center; font-weight: normal; }
.g1a h2 {clear: both; font-family: "Montserrat", sans-serif; font-size:21px; color: #ffffff; letter-spacing: 1px; margin-top: 20px; font-weight: normal; }
.g1a h3 {font-family: "Montserrat", sans-serif; font-size:18px; color: #ffffff; letter-spacing: 1px; margin-top: 20px; font-weight: normal; }
.g1a h4 {font-family: "Montserrat", sans-serif; font-size:16px; color: #ffffff; letter-spacing: 1px; margin-top: 20px; font-weight: normal; }
.g1a a {text-decoration: none; color: #929292; }
.g1b {width:100%; aspect-ratio: 1920 / 600;}

.g2l {float: left; margin-right:13px; margin-top: 3px; margin-bottom:5px; max-width: 412px; }
.g2r {float: right; margin-left:13px; margin-top: 3px; margin-bottom:5px; max-width: 412px; }
.g2c {display: block; margin:0 auto; margin-top: 3px; margin-bottom: 10px; max-width:100%; }

.g3 {clear: both; text-align: center; position: relative; }
.g3 b {position: absolute; top:-85px;}
.g3 a {text-decoration: none; color: #929292; font-family:"Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:17px; }

.g4 {width: 100%; display: flex; justify-content: space-between; }
.g4 input {padding: 0; padding-top:1px; padding-bottom:1px; width: 31.5%; border-radius: 3px; border: solid 1px #c9cacb; display: inline-block; overflow: hidden; font-family:"Alef", sans-serif; font-size: 18px; padding-left: 1%; height: 30px; }
.g4a {padding: 0; margin:0; padding-top:5px; padding-bottom:1px; width:100%; box-sizing: border-box;  margin-top: 10px; border-radius: 3px; border: solid 1px #c9cacb; display: inline-block; overflow: hidden; font-size: 18px; font-family:"Alef", sans-serif; padding-left: 1%; height: 120px; }

.g4b {width:100%; background-color: #5b5e65; color: #ffffff; font-family: "Alef", sans-serif; font-size:16px; cursor: pointer; box-sizing: border-box; border-radius: 3px; line-height:30px; text-align: center; margin-top: 5px; letter-spacing: 1px; }
.g4b:hover {background-color: #5f6570;}

.g4c {margin:0; margin-top:5px; color: #F58634; font-size: 16px; font-family:"Open Sans", Helvetica, sans-serif; line-height:22px; letter-spacing:0.3px; text-align: center;}

.g5 {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.g5a  {width:32%; cursor: pointer; margin-top: 20px;}
.g5a div {width: 100%; aspect-ratio: 4 / 4;}
.g5a span {font-family:"Alef", sans-serif; font-size: 16px; color: #ffffff; display: block; text-align: center; margin-top: 5px; }

.g5b {font-family: "Alef", sans-serif; font-size:17px; color: #929292; letter-spacing: 0px; margin:auto; margin-top: 10px; text-align: center; width:100%;  }

.g6 {background-color:#121212; width:100%; height:100%; position:fixed; top:0; bottom:0; left:0; right:0; z-index:2000; }
.g61 {max-width:95%; max-height:95%; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); }
.g62 {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:95%; height: 95%; max-width:1920px; max-height: 1080px;}
.g6c {position:fixed; top:12px; right:12px; cursor:pointer; font-family:"Alef", sans-serif; font-size: 24px; color: #ffffff; text-shadow: 1px 1px rgba(0,0,0,1); padding-left: 20px; padding-bottom: 20px; line-height: 24px; }

.g6left {position:fixed; top:50%; left:12px; transform:translateY(-50%); cursor:pointer; width: 24px; height: 24px; fill:none; stroke:white; stroke-width:2; filter: drop-shadow(1px 1px black);  padding-right: 20px; padding-bottom: 20px; padding-top: 20px; }
.g6right {position:fixed; top:50%; right:12px; transform:translateY(-50%); cursor:pointer; width: 24px; height: 24px; fill:none; stroke:white; stroke-width:2; filter: drop-shadow(1px 1px black);  padding-left: 20px; padding-bottom: 20px; padding-top: 20px; }

.g7 {width: 100%; margin-top: 20px;}
.g7 span { font-family: "Montserrat", sans-serif; font-size:18px; color: #121212; background-color: #ffffff; padding-left: 10px; padding-right: 10px; padding-bottom: 2px; padding-top: 2px; border-radius: 5px; }
.g7 p {font-family:"Alef", sans-serif; font-size: 18px; color: #ffffff;}
.g7 img {width:24px; background-color: #ffffff; vertical-align: middle; margin-right: 10px; border-radius: 2px;}
.g7 a { color: #ffffff; font-family: "Alef", sans-serif;}
.g7 div {margin-bottom: 40px;}

.g7a {margin-bottom: 30px;}

.g7b {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.g7b b {font-weight: normal; display: inline-block; width: 33%; margin-bottom: 10px;}
.g7b img {width:24px; background-color: #ffffff; vertical-align: middle; margin-right: 10px; border-radius: 2px;}
.g7b a { color: #ffffff; font-family: "Alef", sans-serif; font-size: 18px;  display: inline-block; width: 33%; margin-bottom: 10px;}
.g7b b a {display: inline; width: unset;}

.p1 {font-family: "Montserrat", sans-serif; font-size:32px; color: #ffffff; letter-spacing: 1px; margin-top: 0; padding-top: 20px; text-align: center; font-weight: normal; }
.p2 {width: 100%; max-width: 1920px; margin:0 auto; display: flex; justify-content:flex-start; flex-wrap: wrap; }
.p21 {width: 100%; margin:0 auto; display: flex; justify-content:flex-start; flex-wrap: wrap; margin-bottom: 30px; }
.p2a {width:19.6%; margin-left: 0.2%; margin-right: 0.2%; aspect-ratio: 480 / 330; position: relative; border-radius: 4px; overflow: hidden; margin-bottom: 9px; display: block; cursor: pointer; }
.p2a1 {width:32.73%; margin-left: 0.3%; margin-right: 0.3%; aspect-ratio: 480 / 330; position: relative; border-radius: 4px; overflow: hidden; margin-bottom: 9px; display: block; cursor: pointer; }
.p2b {width:100%; aspect-ratio: 480 / 330; transition: transform 0.8s;  }
.p2b:hover {transform: scale(1.15);}
.p2b:hover ~ .p2d {color: red;}
.p2b1 {width:100%; aspect-ratio: 480 / 330; cursor: pointer;}
.p2b1:hover ~ .p2d1 {display: block;}
.p2d1:hover {display: block;}
.p2c {position: absolute; bottom:0px; left:50%; transform:translate(-50%, 0); text-align: center; font-family: "Alef", sans-serif; text-shadow: 2px 2px rgba(0,0,0,1); width:100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.p2c b {font-size: 17px; font-weight: normal; color: #ffffff; letter-spacing: 0.5px; }
.p2c i {font-size: 17px; font-style: normal;  color: #ffffff; letter-spacing: 0.5px; }
.p2d {position: absolute; top: 0; right: 0; width:24px; height:24px; background-color: #ffffff; border-top-right-radius: 4px;  color: #2f2e2e; font-size: 16px; text-align: center; font-family: "Montserrat", sans-serif; border-left: solid 6px #121212; border-bottom: solid 6px #121212;}
.p2d1 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; font-size: 36px; text-align: center; font-family: "Alef", sans-serif; display: none;  text-shadow: 2px 2px rgba(0,0,0,1); cursor: pointer;}

.p3 {width: 100%; max-width: 1920px; margin:0 auto; height: 30px; text-align: right; margin-bottom: 10px; }
.p3 select {font-family: 'Alef', sans-serif; font-size: 16px; color: #4e4e4e; padding:2px 5px 2px 5px; letter-spacing: 0.5px; vertical-align:top; border-radius: 4px; }

.q1 {width:100%; border-bottom:solid 1px #c9cacb; margin-bottom:40px; position: relative; margin-top:20px;}
.q1 div {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#121212; font-family: "Alef", sans-serif; font-size:22px; letter-spacing:1.5px; text-align:center; color: #ffffff; padding-left:10px; padding-right:10px;}

.hide  {display: none;}

#map {width:100%; height:250px; display: block; margin-bottom: 27px; }


@media (max-width: 1920px) {
.p3 {width:99.6%; }
}

@media (max-width: 1600px) {
.p2a {width:24.6%; margin-bottom: 7px;}
}

@media (max-width: 1366px) {
.a1a, .a1d1, .c4, .f2, .f5b {width: 96%; max-width:none; } 
.c4, .f2, .f5b {margin:auto auto; }
.c3, .c4a {width: 100%; }
.a1f1, .a1f6, .c3b, .c3c2, .c6c2 {width:80%; }
.c6b {width:90%;}
}

@media (max-width: 1170px) {
.c1a, .c1b, .c1c, .c2 {width:96%; }
.c5 {width: 49%; margin-bottom: 25px;}
.p2a {width:32.73%; margin-left: 0.3%; margin-right: 0.3%;}
.p3 {width:99.4%; }
}    

@media (max-width: 1024px) {
.c3b {top:50%; transform: translate(-50%, -50%); }    
.c4 {height: unset;}    
.c4a {position: relative; top:unset; left:unset; transform:unset; flex-wrap: wrap;}
.c4b {width: 50%; text-align: center; }
.c4b1 {margin: auto auto; margin-top: 20px;}
.c4b4 {width: 90%;}
.f1 { padding-top: 0;}
.f2 {flex-wrap: wrap;}
.f3 {width:49%; margin-top: 30px;}
.g1 b, .g1a h1, .p1 {font-size:32px;}
.g1a h1 {margin-top: 20px; }
.p1 {padding-top: 20px; }
.g7b b, .g7b a {width: 50%;}
.g7b1 {display: block; width: 49%; margin-bottom: 10px; }
}    



@media (max-width: 960px) {
.a1 {position: fixed; top:0; left:0; }
.a1a2 {display: block; }
.a1a3, .a1b1 {display: inline-block;}
.a1b img {height: 40px; vertical-align: middle; margin-top: -5px; }
.a1c, .a1ca, .a1d {display: none; }
.a1f6 {width:100%; }
.f5b {flex-direction: column;}
.f5b div a {margin-left: 0; margin-right: 30px;}
}    

@media (max-width: 840px) {
.a1f5 {font-size:40px; }
.p2a, .p2a1 {width:49.2%; margin-left: 0.4%; margin-right: 0.4%; margin-bottom: 5px;}
.p3 {width:99.2%; }
}  

@media (max-width: 800px) {
.c2b {width:48%; } 
.c3b {width:90%}
.c3c2 {width:100%; }
.c5a3 {display: none;}
.g1, .g1b {aspect-ratio: 800 / 350;}
.g6c {top:10px; right:8px; }
} 

@media (max-width: 700px) {
.a1f5 {font-size:32px; margin-bottom: 20px; }
.a1f7 {display: none; }
.c1 {margin-top: 20px;}
.c1c {flex-direction: column;}
.c1d {width:100%; max-width: 640px; height: auto; aspect-ratio: 5 / 4; display: block; margin: auto auto; margin-bottom: 30px; }
.c1d1 {aspect-ratio: 5 / 4; height: auto; }
.c1e {width:100%; max-width: 640px; display: block; margin: auto auto; }
.c1ea {aspect-ratio: 640 / 300; height:auto;  }
.c1e1 {aspect-ratio: 640 / 300; height:auto;  }

}   


@media (max-width: 640px) {
.a1f5 {margin-top: 0; margin-bottom: 5px; } 
.c1b font {display: none; }   
.c1f {margin-top: 0; flex-direction: column;}
.c1f1, .c1g1 {width: 100%; }
.c1f1, .c1g2 {margin-top: 20px;}
.c1g1 { display: block; -webkit-line-clamp:unset; line-clamp: unset; -webkit-box-orient:unset;}
.c3c1 {font-size:28px;}
.c5 {width: 100%; margin-bottom: 30px;}
.c5a3 {display: block;}
.c6c2 {width:100%; }
.f1 {padding-bottom: 20px;}
.f3 {width:97%; margin-left: 3%; }
.f4 {margin-bottom: 10px;}
.g1 b, .g1a h1, .p1 {font-size:24px;}
.g1a h1 {margin-top: 0; padding-top: 15px; margin-bottom: 15px;}
.p1 {padding-top: 15px; margin-bottom: 15px;}
.g2l, .g2r {max-width: 320px;}
.g4 {flex-direction: column;}
.g4 input {width: 99%; margin-top: 7px;}
.g4a {margin-top: 7px;}
.g4b {margin-top: 3px;}
.g5a {width:49%; }
.g7a {text-align: center;}
.g7b {flex-direction: column;}
.g7b b, .g7b a {width: 100%;}
.g7b1 {width: 100%;}
}    

@media (max-width: 560px) {
.a1f2, .a1f6 font, .g1x, .g1 b {display: none; }
.a1f5 {font-size:28px;  }
.c1a {font-size:32px; }
.c6c1 {font-size:28px; }
.g1, .g1b {aspect-ratio: 560 / 300;}
.g2l, .g2r {width:100%; max-width: 412px; float: unset; display: block; margin-left:auto; margin-right: auto; margin-bottom: 0;}
}   

@media (max-width: 500px) {
.a1f5 {font-size:24px;  }
.c1a {font-size:24px; }
.c2b {width:100%; } 
.c2f1a, .f5b2 {display: none;}
.c3c {font-size:14px;}
.c3c1 {font-size:21px;}
.c4b1 {width:80%; height: unset; aspect-ratio: 1 / 1; border:solid 5px #ffffff; border-radius: 100%; position: relative; }
.c4b4 {-webkit-line-clamp: 4; line-clamp: 4; }
.f3a {width: 150px;}
.f5b1 { padding-left: 3%;}
.f5b3 {display: block;}
.p2a {width:98%; margin-left: 1%; margin-right: 1%; margin-bottom: 1vw;}
.p2a1 {width:98%; margin-left: 1%; margin-right: 1%; margin-bottom: 3vw;}
.p2a, .p2a1, .p2b {aspect-ratio: 500 / 300;}
.p21 {margin-bottom: 0; }
.p3 {width:98%; }
}   


@media (max-width: 450px) {
.c1d {margin-bottom: 20px; } 
.c1d2 {width:130px; height: 90px; }
.c1d2a {left:130px; }
.c1d2b {top:90px; }
.c1d2c {position: relative; width:130px; height: 90px; }
.c1d2d {width: 130px; transform: translate(-50%, -60%); }
.c1d2d b {font-size:32px; }
.c1d2d i {font-size:13px; }
.g1 b {font-size:18px;}
.g1a h1, .p1 {font-size:21px;}
}   

@media (max-width: 430px) {
.a1f5 {font-size:21px;  }
.c6c {font-size:14px; }
.c6c1 {font-size:24px; margin-top: 5px; }
.c6c3 {margin-top: 20px;}
}  

@media (max-width: 410px) {
.c5 { margin-bottom: 20px;}
.c5a1 {width:80%; }
.c5a6 {right:80%; } 
.c5a7 {left:15px; }
}  


@media (max-width: 370px) {
.a1f1 {width:85%; }    
.a1f5 {font-size:18px;  }
}