This commit is contained in:
Espina2
Родитель
2e4dcbc43d
Коммит
041fcb52a1
|
|
@ -1692,143 +1692,6 @@ footer.page-footer {
|
|||
background-color: transparent;
|
||||
position: absolute; }
|
||||
|
||||
/* gradient behind transparent nav */
|
||||
.nav:not(.scrolled) {
|
||||
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
|
||||
/* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
|
||||
/* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
|
||||
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
|
||||
/* IE6-9 */ }
|
||||
|
||||
/**
|
||||
* Enterprise Page
|
||||
*/
|
||||
.enterprise-hero-section .background {
|
||||
background-color: #0082c9;
|
||||
background-image: none;
|
||||
padding-bottom: 0;
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-position: bottom 0 right 0;
|
||||
background-size: cover;
|
||||
border-radius: 0 !important;
|
||||
height: 70vh;
|
||||
min-height: 600px;
|
||||
max-height: 800px;
|
||||
background-image: url("../img/enterprise/hero__enterprise.jpg"); }
|
||||
.enterprise-hero-section .topbanner {
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: 90vw;
|
||||
max-height: 90vh;
|
||||
margin: 0 0 0 0;
|
||||
padding: 0 0 0 0;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0px;
|
||||
float: right;
|
||||
overflow: hidden;
|
||||
zoom: 0.55; }
|
||||
|
||||
.what-you-get-section {
|
||||
background: -webkit-linear-gradient(top, #fff 0, #f6f6f6 150px);
|
||||
background: linear-gradient(to bottom, #fff 0, #f6f6f6 150px);
|
||||
background: -webkit-linear-gradient(to bottom, #fff 0, #f6f6f6 150px); }
|
||||
.what-you-get-section .container {
|
||||
padding-top: 8.54297em;
|
||||
padding-bottom: 8.54297em; }
|
||||
.what-you-get-section .container p {
|
||||
max-width: 43.24878em;
|
||||
margin: 0 auto; }
|
||||
.what-you-get-section .container ul {
|
||||
max-width: 43.24878em;
|
||||
margin: 0 auto;
|
||||
margin-top: 40px; }
|
||||
.what-you-get-section .container ul .check {
|
||||
font-size: 22px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.0;
|
||||
color: #555555;
|
||||
list-style-image: url("../img/enterprise/check.svg");
|
||||
list-style-position: inside; }
|
||||
|
||||
.section--expertise {
|
||||
background: -webkit-linear-gradient(#fff 0%, #f6f6f6 150px);
|
||||
background: -o-linear-gradient(#fff 0%, #f6f6f6 150px);
|
||||
background: linear-gradient(#fff 0%, #f6f6f6 150px); }
|
||||
.section--expertise .container {
|
||||
padding-top: 8.54297em;
|
||||
padding-bottom: 8.54297em; }
|
||||
.section--expertise .container .section--intro {
|
||||
max-width: 43.24878em;
|
||||
margin: 0 auto; }
|
||||
.section--expertise .container .expertise__ilustration {
|
||||
background: url(../img/enterprise/ilustration_matterexperts-new.svg) no-repeat center/contain;
|
||||
width: 950px;
|
||||
height: 500px;
|
||||
max-width: 100%;
|
||||
max-height: 60vw;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
margin-top: 60px;
|
||||
margin-bottom: 60px; }
|
||||
|
||||
.section--security {
|
||||
background: -webkit-linear-gradient(#fff 0%, #f6f6f6 150px);
|
||||
background: -o-linear-gradient(#fff 0%, #f6f6f6 150px);
|
||||
background: linear-gradient(#fff 0%, #f6f6f6 150px); }
|
||||
.section--security .container {
|
||||
padding-top: 8.54297em;
|
||||
padding-bottom: 8.54297em; }
|
||||
.section--security .container .section--intro {
|
||||
max-width: 43.24878em;
|
||||
margin: 0 auto; }
|
||||
.section--security .container .security__ilustration {
|
||||
background: url(../img/enterprise/security-new.svg) no-repeat center/contain;
|
||||
width: 850px;
|
||||
height: 500px;
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
max-height: 50vw;
|
||||
position: relative;
|
||||
margin-top: 60px;
|
||||
margin-bottom: 60px; }
|
||||
|
||||
.section--lifecycle {
|
||||
background: -webkit-linear-gradient(#fff 0%, #f6f6f6 150px);
|
||||
background: -o-linear-gradient(#fff 0%, #f6f6f6 150px);
|
||||
background: linear-gradient(#fff 0%, #f6f6f6 150px); }
|
||||
.section--lifecycle .container {
|
||||
padding-top: 8.54297em;
|
||||
padding-bottom: 8.54297em; }
|
||||
.section--lifecycle .container .section--intro {
|
||||
max-width: 43.24878em;
|
||||
margin: 0 auto; }
|
||||
.section--lifecycle .container .lifecycle__ilustration {
|
||||
background: url(../img/enterprise/data_safe-new.svg) no-repeat center/contain;
|
||||
width: 950px;
|
||||
height: 500px;
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
max-height: 50vw;
|
||||
position: relative;
|
||||
margin-top: 60px;
|
||||
margin-bottom: 60px; }
|
||||
|
||||
/*Colors*/
|
||||
/*Shadows*/
|
||||
/*Breakpoints*/
|
||||
/* Make Navbar transparent */
|
||||
.nav:not(.scrolled) {
|
||||
background-color: transparent;
|
||||
position: absolute; }
|
||||
|
||||
/**
|
||||
* Secure Page
|
||||
*/
|
||||
|
|
@ -2169,295 +2032,6 @@ footer.page-footer {
|
|||
background: url("../img/headers/support.jpg") no-repeat;
|
||||
background-position: center; }
|
||||
|
||||
/*Colors*/
|
||||
/*Shadows*/
|
||||
/*Breakpoints*/
|
||||
/* Make Navbar transparent */
|
||||
.nav:not(.scrolled) {
|
||||
background-color: transparent;
|
||||
position: absolute; }
|
||||
|
||||
/**
|
||||
* Background
|
||||
*/
|
||||
.pricing-background {
|
||||
background-image: url("../img/enterprise/enterprise.jpg");
|
||||
background-position: bottom 0 right 0; }
|
||||
|
||||
/* Pricing area */
|
||||
.plans {
|
||||
margin-top: 133px;
|
||||
/* Tooltips */
|
||||
/* Tooltip text */
|
||||
/* Show the tooltip text when you mouse over the tooltip container */ }
|
||||
.plans .table-column {
|
||||
cursor: default;
|
||||
border-radius: 8px;
|
||||
border: solid 1px #eeeeee;
|
||||
padding: 0px;
|
||||
width: 31%;
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
margin-bottom: 50px; }
|
||||
@media (max-width: 991px) {
|
||||
.plans .table-column {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
margin-bottom: 60px; } }
|
||||
.plans .table-column .table-header {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
width: 100%;
|
||||
border-radius: 7px 7px 0px 0px; }
|
||||
.plans .table-column .table-header h1 {
|
||||
text-align: center;
|
||||
color: #2a2a36;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
line-height: 1.36;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding-top: 42px;
|
||||
letter-spacing: 0; }
|
||||
.plans .table-column .table-header h2 {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
color: #555555;
|
||||
line-height: 1.61;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 29px; }
|
||||
.plans .table-column .basic {
|
||||
background-color: #f9f9f9; }
|
||||
.plans .table-column .standard {
|
||||
background-color: #c4e1f7; }
|
||||
.plans .table-column .premium {
|
||||
background-color: #178ecd; }
|
||||
.plans .table-column .premium h1 {
|
||||
color: white !important; }
|
||||
.plans .table-column .premium h2 {
|
||||
color: white !important; }
|
||||
.plans .table-column .highlight {
|
||||
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.16); }
|
||||
.plans .table-content {
|
||||
margin: 15px;
|
||||
padding: 0px;
|
||||
margin-left: 30px;
|
||||
margin-right: 30px; }
|
||||
.plans .table-content h1 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.22;
|
||||
color: #555555;
|
||||
text-align: left;
|
||||
letter-spacing: 0;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 0px; }
|
||||
.plans .line {
|
||||
width: 100%;
|
||||
border: solid 1px #eeeeee;
|
||||
margin-top: -5px;
|
||||
margin-bottom: 15px; }
|
||||
.plans .list .check {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555; }
|
||||
.plans .list .check {
|
||||
list-style-image: url("../img/enterprise/check.svg");
|
||||
list-style-position: inside; }
|
||||
.plans .list .nocheck {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #b1b1b1; }
|
||||
.plans .list .nocheck a {
|
||||
color: #b1b1b1;
|
||||
text-decoration: none; }
|
||||
.plans .list .nocheck {
|
||||
list-style-image: url("../img/enterprise/nocheck.svg");
|
||||
list-style-position: inside; }
|
||||
.plans .list .optional {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555; }
|
||||
.plans .list .optional {
|
||||
list-style-image: url("../img/enterprise/optional.svg");
|
||||
list-style-position: inside; }
|
||||
.plans .list .price {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555; }
|
||||
.plans .list .price {
|
||||
list-style-image: url("../img/enterprise/blank.svg");
|
||||
list-style-position: inside; }
|
||||
.plans .table-content .btn-lg {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
width: 100%;
|
||||
text-indent: -20px; }
|
||||
.plans .overinfo .infotext {
|
||||
visibility: hidden;
|
||||
/* width: 200px; */
|
||||
background-color: #555555;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
line-height: 1.4;
|
||||
border-radius: 6px;
|
||||
/* Position the tooltip text */
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
padding: 3px;
|
||||
/* top: 100%; */
|
||||
/* left: 50%; */
|
||||
/* margin-left: -100px; */ }
|
||||
.plans .overinfo:hover .infotext {
|
||||
visibility: visible; }
|
||||
.plans .overinfo .infotext::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
/* At the top of the tooltip */
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: transparent transparent #555555 transparent; }
|
||||
.plans .overinfo .infotext {
|
||||
opacity: 0;
|
||||
transition: opacity 0.5s; }
|
||||
.plans .overinfo:hover .infotext {
|
||||
opacity: 1; }
|
||||
|
||||
/* Discount section */
|
||||
.discounts {
|
||||
margin-top: 64px;
|
||||
margin-bottom: 30px; }
|
||||
.discounts a {
|
||||
font-size: 20px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.36;
|
||||
text-align: center;
|
||||
color: #178ecd; }
|
||||
.discounts .box {
|
||||
border: solid 1px transparent;
|
||||
margin-bottom: 50px; }
|
||||
.discounts .box:hover {
|
||||
box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.14);
|
||||
border: solid 1px #fbfbfb;
|
||||
border-radius: 8px;
|
||||
transition: all 0.5s ease; }
|
||||
.discounts .box h1 {
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.36;
|
||||
text-align: center;
|
||||
color: #2a2a36; }
|
||||
.discounts .box p {
|
||||
font-size: 20px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.36;
|
||||
text-align: center;
|
||||
color: #434343; }
|
||||
.discounts .box p:last-of-type {
|
||||
margin-bottom: 30px; }
|
||||
.discounts .box .img-responsive {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 36px;
|
||||
margin-bottom: 17px; }
|
||||
|
||||
/* FAQ section */
|
||||
.faq {
|
||||
background: #0082c9;
|
||||
padding-bottom: 50px; }
|
||||
.faq .container {
|
||||
background: white;
|
||||
margin-bottom: 90px;
|
||||
padding-left: 0px;
|
||||
padding-right: 0px; }
|
||||
.faq .container .row {
|
||||
padding: 30px;
|
||||
margin: 40px;
|
||||
margin-right: 60px; }
|
||||
@media (max-width: 768px) {
|
||||
.faq .container .row {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-right: 30px; } }
|
||||
.faq h3 {
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.45;
|
||||
text-align: left;
|
||||
color: #555555; }
|
||||
.faq h1 {
|
||||
font-size: 60px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 0.88;
|
||||
color: #ffffff;
|
||||
margin-top: 100px;
|
||||
margin-bottom: 80px;
|
||||
text-align: center; }
|
||||
.faq p {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.61;
|
||||
text-align: left;
|
||||
color: #555555; }
|
||||
.faq .downarrow a {
|
||||
color: #555555; }
|
||||
.faq .downarrow a:hover {
|
||||
text-decoration: none; }
|
||||
.faq .downarrow a:active {
|
||||
text-decoration: none; }
|
||||
.faq .line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border: solid 1px #eeeeee; }
|
||||
.faq .downarrow {
|
||||
position: relative; }
|
||||
.faq .downarrow span.icon-arrow-down {
|
||||
background: url(../img/arrow_down.svg) center/contain no-repeat;
|
||||
position: absolute;
|
||||
width: 25px;
|
||||
height: 100%;
|
||||
right: -30px;
|
||||
top: 0px; }
|
||||
|
||||
html {
|
||||
margin-top: 0 !important; }
|
||||
|
||||
|
|
|
|||
|
|
@ -9,12 +9,10 @@
|
|||
@import "box.scss";
|
||||
@import "contribute.scss";
|
||||
@import "migration.scss";
|
||||
@import "enterprise.scss";
|
||||
@import "secure.scss";
|
||||
@import "buy.scss";
|
||||
@import "support.scss";
|
||||
@import 'vendor/modular-scale/modular-scale.scss';
|
||||
@import "pricing.scss";
|
||||
|
||||
html{
|
||||
margin-top: 0 !important;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,6 @@
|
|||
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/enterprise.js"></script>
|
||||
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/enterprise.css" rel="stylesheet">
|
||||
|
||||
<section class="enterprise-hero-section second-menu">
|
||||
<div class="container-fluid background">
|
||||
<div class="container">
|
||||
|
|
|
|||
|
|
@ -1,4 +1,6 @@
|
|||
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/enterprise.js"></script>
|
||||
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/enterprise.css" rel="stylesheet">
|
||||
|
||||
<section class="pricing-hero-section second-menu">
|
||||
<div class="background pricing-background">
|
||||
<div class="container">
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче