code
Этот коммит содержится в:
@@ -88,7 +88,7 @@
|
||||
}
|
||||
|
||||
.allinoneDualMarginTop{
|
||||
margin-top: 200px;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
.sectionfiveAllinOne{
|
||||
|
||||
+376
-108
@@ -15,14 +15,6 @@ ORDER: Base + typography > general layout + grid > page layout > components
|
||||
|
||||
1em = 16px
|
||||
*/
|
||||
*,
|
||||
*::after,
|
||||
*::before {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
@@ -292,6 +284,10 @@ body {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.productOverviewBody {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.productoverviewmain {
|
||||
background-image: url("../../dist/assets/imgs/productoverview/productbg.png");
|
||||
background-color: white;
|
||||
@@ -312,12 +308,16 @@ body {
|
||||
-webkit-backdrop-filter: blur(4px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.18);
|
||||
border: 2px solid;
|
||||
position: absolute;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.footerDesText {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.boxImgContainer {
|
||||
width: 4rem;
|
||||
}
|
||||
@@ -603,57 +603,6 @@ body {
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.controlPanel {
|
||||
margin-top: 10rem;
|
||||
padding-bottom: 300px;
|
||||
}
|
||||
.controlPanel .controlPanel_des {
|
||||
position: absolute;
|
||||
top: -170px;
|
||||
left: 80px;
|
||||
}
|
||||
.controlPanel .bgControlpanel {
|
||||
min-height: 100vh;
|
||||
background-color: #ececec;
|
||||
border-radius: 157px;
|
||||
position: relative;
|
||||
}
|
||||
.controlPanel .bgControlpanel .bgControlpaneltabs {
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
right: 0;
|
||||
}
|
||||
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs {
|
||||
border-bottom: 1px solid;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-item {
|
||||
position: relative;
|
||||
border: none;
|
||||
}
|
||||
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link {
|
||||
position: relative;
|
||||
color: black;
|
||||
font-weight: 500;
|
||||
}
|
||||
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active::before {
|
||||
display: block;
|
||||
}
|
||||
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-item .nav-link::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 5px;
|
||||
bottom: -2px;
|
||||
right: 0;
|
||||
display: none;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.dragondisplay {
|
||||
position: relative;
|
||||
background: rgb(255, 255, 255);
|
||||
@@ -695,34 +644,6 @@ body {
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.osPlusSoftware {
|
||||
width: 100vw;
|
||||
height: 140vh;
|
||||
margin-top: 14rem;
|
||||
}
|
||||
.osPlusSoftware .osContianer {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 30%;
|
||||
}
|
||||
.osPlusSoftware .osContianer .osContianer_des_fontParent {
|
||||
position: relative;
|
||||
top: -8%;
|
||||
}
|
||||
.osPlusSoftware .osContianer .osContianer_des_font {
|
||||
font-size: 2rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.osPlusSoftware .osContianer .osContianerHeading {
|
||||
position: relative;
|
||||
top: -15%;
|
||||
}
|
||||
.osPlusSoftware .osContianer .osContianerImg {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.productOverview .p-6 {
|
||||
padding: 0;
|
||||
@@ -1219,7 +1140,7 @@ body {
|
||||
height: 100%;
|
||||
}
|
||||
.wifiSection .textWifiContainer .textWifiContainerHeading > h1 {
|
||||
font-size: 8rem;
|
||||
font-size: 5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
@@ -1277,6 +1198,370 @@ body {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
.proConnectivity h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
.proConnectivity .font_p_Dual {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.proConnectivity h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.proConnectivity .font_p_Dual {
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.proConnectivity .connectivityPso_des {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
.osPlusSoftware {
|
||||
position: relative;
|
||||
padding-top: 10rem;
|
||||
}
|
||||
.osPlusSoftware .osContianer {
|
||||
position: absolute;
|
||||
top: 5rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.osPlusSoftware .osContianer_des_font {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.osPlusSoftware {
|
||||
position: relative;
|
||||
}
|
||||
.osPlusSoftware .osContianerHeading > h1 {
|
||||
font-size: 5rem;
|
||||
}
|
||||
.osPlusSoftware .osContianer_des_font {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1000px) {
|
||||
.osPlusSoftware {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
.osPlusSoftware .osContianer {
|
||||
top: 1rem;
|
||||
}
|
||||
.osPlusSoftware .osContianerHeading > h1 {
|
||||
font-size: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
.osPlusSoftware .osContianer_des_font {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.osPlusSoftware .osContianer {
|
||||
top: -1rem;
|
||||
}
|
||||
.osPlusSoftware .osContianerHeading > h1 {
|
||||
font-size: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
.osPlusSoftware .osContianer_des_font {
|
||||
font-size: 0.7rem;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.controlPanel {
|
||||
margin-top: 10rem;
|
||||
padding-bottom: 300px;
|
||||
}
|
||||
.controlPanel .controlPanel_des {
|
||||
position: absolute;
|
||||
top: -170px;
|
||||
left: 80px;
|
||||
}
|
||||
.controlPanel .bgControlpanel {
|
||||
min-height: 100vh;
|
||||
background-color: #ececec;
|
||||
border-radius: 157px;
|
||||
position: relative;
|
||||
}
|
||||
.controlPanel .bgControlpanel .bgControlpaneltabs {
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
right: 0;
|
||||
}
|
||||
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs {
|
||||
border-bottom: 1px solid;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-item {
|
||||
position: relative;
|
||||
border: none;
|
||||
}
|
||||
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link {
|
||||
position: relative;
|
||||
color: black;
|
||||
font-weight: 500;
|
||||
}
|
||||
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active::before {
|
||||
display: block;
|
||||
}
|
||||
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-item .nav-link::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 5px;
|
||||
bottom: -2px;
|
||||
right: 0;
|
||||
display: none;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.controlPanel {
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
.controlPanel .bgControlpanel {
|
||||
min-height: 50vh;
|
||||
}
|
||||
}
|
||||
/* home page */
|
||||
.button_dark.btn-dark {
|
||||
background-color: #000000 !important;
|
||||
font-family: "Satoshi", sans-serif;
|
||||
}
|
||||
|
||||
.button_dark.btn-dark:hover {
|
||||
background-color: #000000 !important;
|
||||
font-family: "Satoshi", sans-serif;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.home-main-container #navbar-head .navbar-nav .nav-item .nav-link {
|
||||
color: #000000;
|
||||
font-family: "Satoshi", sans-serif;
|
||||
}
|
||||
|
||||
.hero-banner {
|
||||
background-image: url(../../dist/assets/imgs/Home/banner.png);
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-position-y: -100px;
|
||||
}
|
||||
.hero-banner .banner-main-container {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.home-main-container .offer-main-sec .offer-sec {
|
||||
margin-top: -35px;
|
||||
}
|
||||
|
||||
.home-main-container .aw-feature-name h5 {
|
||||
transform: rotate(180deg);
|
||||
transform-origin: center center 0;
|
||||
-ms-writing-mode: tb-rl;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
.home-main-container .out-of-world .card {
|
||||
background-color: #0FA5C5;
|
||||
}
|
||||
|
||||
.home-main-container .aw-support-sec .aw-support-sec-main-container {
|
||||
background-color: #F2F9FB;
|
||||
}
|
||||
.home-main-container .aw-support-sec .news-letter-sec .news-letter-email:focus {
|
||||
border-bottom: 1px solid white;
|
||||
outline: none;
|
||||
}
|
||||
.home-main-container .aw-support-sec .news-letter-sec .news-letter-email::-moz-placeholder {
|
||||
color: white;
|
||||
}
|
||||
.home-main-container .aw-support-sec .news-letter-sec .news-letter-email:-ms-input-placeholder {
|
||||
color: white;
|
||||
}
|
||||
.home-main-container .aw-support-sec .news-letter-sec .news-letter-email::placeholder {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.home-main-container .owl-carousel.star-products-img-sec .owl-dots {
|
||||
text-align: left;
|
||||
}
|
||||
.home-main-container .owl-carousel.star-products-img-sec .owl-dots .owl-dot span {
|
||||
height: 3px;
|
||||
width: 25px;
|
||||
}
|
||||
.home-main-container .owl-carousel.star-products-img-sec .owl-dots .owl-dot.active {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.home-main-container .owl-carousel.star-products-img-sec .owl-nav {
|
||||
text-align: right;
|
||||
margin-right: 5rem;
|
||||
}
|
||||
|
||||
@media (min-width: 1900px) {
|
||||
.hero-banner {
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.products-main-container .col-md-6 {
|
||||
text-align: center !important;
|
||||
}
|
||||
.products-main-container .col-md-6 .product-heading span {
|
||||
text-align: center !important;
|
||||
margin: auto !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 769px) and (max-width: 1024px) {
|
||||
.home-main-container .aw-partners.sec-space-1 {
|
||||
margin-top: 0px;
|
||||
}
|
||||
.home-main-container .aw-partners .sec-space-3 {
|
||||
margin-right: 60px;
|
||||
}
|
||||
.home-main-container .offer-main-sec .offer-sec {
|
||||
margin-top: -30%;
|
||||
}
|
||||
.home-main-container .news-letter-sec .card-body.px-5 {
|
||||
padding: 20px !important;
|
||||
}
|
||||
.home-main-container .news-letter-sec a.button_dark {
|
||||
padding: 10px 5px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 298px) and (max-width: 768px) {
|
||||
.home-main-container h5,
|
||||
.home-main-container h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
.home-main-container .sec-space-1,
|
||||
.home-main-container .sec-space-2 {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.home-main-container .banner-main-container {
|
||||
height: 550px;
|
||||
text-align: center;
|
||||
}
|
||||
.home-main-container .banner-main-container .col-md-6 {
|
||||
margin-top: 0px;
|
||||
}
|
||||
.home-main-container .banner-main-container .col-md-6 .button_dark {
|
||||
display: none;
|
||||
}
|
||||
.home-main-container .banner-main-container h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.home-main-container .hero-banner {
|
||||
background-position: 0;
|
||||
}
|
||||
.home-main-container .aw-main-features {
|
||||
display: none;
|
||||
}
|
||||
.home-main-container .mobile-text-center {
|
||||
text-align: center;
|
||||
}
|
||||
.home-main-container .aw-feature-name h5 {
|
||||
transform: rotate(0deg);
|
||||
-ms-writing-mode: lr-tb;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
.home-main-container .products-main-container .enterprise-prd {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.home-main-container .news-letter-sec a.button_dark {
|
||||
padding: 10px 5px;
|
||||
}
|
||||
.home-main-container .owl-carousel.star-products-img-sec .owl-nav {
|
||||
text-align: center;
|
||||
margin-right: 0px;
|
||||
}
|
||||
.home-main-container .star-products .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
.home-main-container .aw-support-sec-main-container .row {
|
||||
margin: 0px !important;
|
||||
text-align: center;
|
||||
}
|
||||
.home-main-container .aw-support-sec-main-container .col-md-4 {
|
||||
border: none !important;
|
||||
}
|
||||
.home-main-container .aw-support-sec-main-container .support-sec-heading {
|
||||
padding: 0 !important;
|
||||
}
|
||||
.home-main-container .offer-main-sec {
|
||||
margin-bottom: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.home-main-container .offer-sec p {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.footer-wrapper .accordion-button,
|
||||
.footer-wrapper .accordion-body {
|
||||
font-family: "Satoshi", sans-serif;
|
||||
color: white;
|
||||
background-color: #000000;
|
||||
}
|
||||
.footer-wrapper .accordion-button:not(.collapsed)::after,
|
||||
.footer-wrapper .accordion-button.collapsed::after {
|
||||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
|
||||
}
|
||||
}
|
||||
.shopping-cart-main-container {
|
||||
background-color: #F5FFEA;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
.shopping-cart-main-container * {
|
||||
font-family: "Satoshi", sans-serif;
|
||||
}
|
||||
.shopping-cart-main-container h6 {
|
||||
padding: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.shopping-cart-main-container .cart-sec-highlighter .text-muted {
|
||||
color: #C5C5C5 !important;
|
||||
}
|
||||
.shopping-cart-main-container .alert-display-sec {
|
||||
z-index: 1;
|
||||
}
|
||||
.shopping-cart-main-container .alert-display-sec .alert-dismissible {
|
||||
background: rgba(255, 255, 255, 0.66);
|
||||
}
|
||||
|
||||
.warrenty-sec img {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
#footer-head .footer-wrapper.sec-space-1 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1300px) {
|
||||
.cart-sec-highlighter h5 {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.cart-sec-highlighter,
|
||||
.shopping-cart-details-row-1 {
|
||||
display: none !important;
|
||||
}
|
||||
.buy-together-sec {
|
||||
text-align: center;
|
||||
}
|
||||
.buy-together-sec .row {
|
||||
padding: 10px;
|
||||
}
|
||||
.mobile-cart-img img {
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
.clipPathSectionCol {
|
||||
position: relative;
|
||||
}
|
||||
@@ -1347,7 +1632,7 @@ body {
|
||||
}
|
||||
|
||||
.allinoneDualMarginTop {
|
||||
margin-top: 200px;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
.sectionfiveAllinOne .infoContainer {
|
||||
@@ -1639,11 +1924,6 @@ ORDER: Base + typography > general layout + grid > page layout > components
|
||||
font-family: "Orbitron", sans-serif;
|
||||
}
|
||||
|
||||
/* Satoshi end */
|
||||
.satoshi_font {
|
||||
font-family: "Satoshi", sans-serif;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 100%;
|
||||
}
|
||||
@@ -1708,16 +1988,4 @@ body {
|
||||
.footer-wrapper .footer-sub-content p {
|
||||
line-height: 2rem;
|
||||
font-family: "Satoshi", sans-serif;
|
||||
}
|
||||
|
||||
/* footer */
|
||||
.footer-wrapper {
|
||||
background-color: rgb(0, 0, 0);
|
||||
border-radius: 0 275px 0 0;
|
||||
-webkit-clip-path: polygon(100% 0%, 100% 0%, 81% 100%, 92% -95%, 100% 100%, 0 100%, 0% 70%, 0 0);
|
||||
clip-path: polygon(100% 0%, 100% 0%, 81% 100%, 92% -95%, 100% 100%, 0 100%, 0% 70%, 0 0);
|
||||
}
|
||||
|
||||
.footer-wrapper li {
|
||||
line-height: 2rem;
|
||||
}/*# sourceMappingURL=style.css.map */
|
||||
Ссылка в новой задаче
Block a user