94 lines
5.1 KiB
CSS
94 lines
5.1 KiB
CSS
|
/* Enterprise LP specific styles */
|
||
|
|
.enterpriseLP {font-family: "Source Sans Pro", sans-serif; font-size: 1.2em; padding: 20px 10px;}
|
||
|
|
.enterpriseLP h2, .enterpriseLP h3, .enterpriseLP h4 {color: #003763; font-weight: bold;}
|
||
|
|
.enterpriseLP h2 {font-size: 1.5em; margin-bottom: 60px;}
|
||
|
|
.enterpriseLP h3 {font-size: 1.7em; margin-bottom: 40px;}
|
||
|
|
.enterpriseLP h4 {font-size: 1.4em;}
|
||
|
|
.enterpriseLP hr {border-top: 1px solid #c2c2c2;}
|
||
|
|
.enterpriseLP a {text-decoration: underline;}
|
||
|
|
.enterpriseLP .btn {background: #20ca8c; font-size: 1.1em; margin: 30px auto; padding: 16px 40px; text-decoration: none; white-space: normal;}
|
||
|
|
.enterpriseLP .sectionTop {margin-top: 60px;}
|
||
|
|
|
||
|
|
.enterpriseLP .logo {max-width: 100%}
|
||
|
|
.enterpriseLP .img-responsive {margin: 0 auto;}
|
||
|
|
.enterpriseLP .header p {color: #20ca8c; font-weight: bold; font-size: 2em;}
|
||
|
|
.enterpriseLP .header .btn {font-size: 1.1em;}
|
||
|
|
.enterpriseLP .contactBox {background: #e7e7e7; color: #003763; padding: 10px 30px}
|
||
|
|
.enterpriseLP .contactBox hr {border-top: 1px dashed #c3c3c3; margin: 10px 0;}
|
||
|
|
.enterpriseLP .contactBox p {margin: 0 0 10px;}
|
||
|
|
.enterpriseLP .contactBox a {color: #2f79b9; font-size: 1.1em; font-weight: 400;}
|
||
|
|
.enterpriseLP .contactBox .highlight {color: #20ca8c; font-weight: bold;}
|
||
|
|
.enterpriseLP .contactBox .telephone {color: #2f79b9; font-size: 1.1em; font-weight: 400;}
|
||
|
|
.enterpriseLP .enterpriseFeatures {margin-bottom: 30px;}
|
||
|
|
.enterpriseLP .enterpriseFeatures p {font-size: 1em; margin: 0;}
|
||
|
|
.enterpriseLP .enterpriseFeatures .row {margin-top: 40px;}
|
||
|
|
.enterpriseLP .enterpriseFeatures .fa {color: #52575f; font-size: 2em; padding-top: 10px;}
|
||
|
|
.enterpriseLP .enterpriseFeatures p.featuresHeader {color: #003763; font-size: 1.2em; font-weight: 700;}
|
||
|
|
.enterpriseLP .planInfo {border: 1px solid #666666; box-sizing: border-box; margin: 50px 5px; padding: 10px}
|
||
|
|
.enterpriseLP .planInfo p {font-size: .9em;}
|
||
|
|
.enterpriseLP .planInfo .feature {padding-left: 30px;}
|
||
|
|
.enterpriseLP .planName {font-size: 1.3em; text-transform: uppercase;}
|
||
|
|
.enterpriseLP .planPrice {font-size: 1.4em;}
|
||
|
|
.enterpriseLP .planPrice span {font-size: 1.5em; font-weight: 600;}
|
||
|
|
.enterpriseLP .planPrice span.symbol {display: inline-block; font-size: 1em; margin-top: 5px; vertical-align: top;}
|
||
|
|
.enterpriseLP .pricing .fa {box-sizing: border-box; text-align: center; width: 19px;}
|
||
|
|
.enterpriseLP .hosted {margin-bottom: 50px;}
|
||
|
|
.enterpriseLP .hosted a {text-decoration: underline;}
|
||
|
|
.enterpriseLP .featureSet .enterprise ul {color: #20ca8c;}
|
||
|
|
.enterpriseLP .featureSet ul {list-style-type: square; color: #2f79b9;}
|
||
|
|
.enterpriseLP .featureSet li p {font-size: 1em; color: #333333;}
|
||
|
|
.enterpriseLP .featureSet li p.featureSetHeader {color: #003763; margin-bottom: 0; font-size: 1.1em;}
|
||
|
|
.enterpriseLP .featureSet .planHeader {color: #003763; display: table; font-size: 1.2em; font-weight: 600;}
|
||
|
|
.enterpriseLP .featureSet .planHeader:before, .enterpriseLP .featureSet .planHeader:after { border-top: 1px solid #c2c2c2; content: ''; display: table-cell; position: relative; top: 0.5em; width: 45%;}
|
||
|
|
.enterpriseLP .featureSet .planHeader:before {right: 1.5%}
|
||
|
|
.enterpriseLP .featureSet .planHeader:after {left: 1.5%}
|
||
|
|
.enterpriseLP .featureSet .enterprise .planHeader {color: #20ca8c;}
|
||
|
|
.enterpriseLP .faq {margin-bottom: 20px;}
|
||
|
|
.enterpriseLP .faqQuestion {color: #003763; font-size: 1.2em; font-weight: 600;}
|
||
|
|
.enterpriseLP .faqHeader {font-size: 1.2em; font-weight: bold; padding-top: 20px;}
|
||
|
|
.enterpriseLP .faqLists {margin-bottom: 80px;}
|
||
|
|
.enterpriseLP .faqLists li {font-size: .8em;}
|
||
|
|
.enterpriseLP .faqImg {padding-top: 40px;}
|
||
|
|
.enterpriseLP .startTrial {margin: 20px auto;}
|
||
|
|
.enterpriseLP .questions {color: #003763;}
|
||
|
|
.enterpriseLP .bottom {margin-top: 40px;}
|
||
|
|
|
||
|
|
@media (max-width: 768px) {
|
||
|
|
.enterpriseLP .btn {width: 100%}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width: 700px) {
|
||
|
|
.enterpriseLP .enterpriseFeatures .fa {padding-top: 5px;}
|
||
|
|
.enterpriseLP .btn { margin-top: 15px; padding: 6px 30px; text-decoration: none;}
|
||
|
|
}
|
||
|
|
@media (min-width: 769px) {
|
||
|
|
.enterpriseLP {font-size: 1.35em; padding: 60px 100px;}
|
||
|
|
.enterpriseLP h2 {font-size: 2.6em; margin-bottom: 50px;}
|
||
|
|
.enterpriseLP p {margin: 0 0 10px;}
|
||
|
|
.enterpriseLP .header {margin-bottom: 70px;}
|
||
|
|
.enterpriseLP .header .btn {margin: 0 auto;}
|
||
|
|
.enterpriseLP .header p {margin: 0}
|
||
|
|
.enterpriseLP .enterpriseFeatures .row {margin-top: 40px;}
|
||
|
|
.enterpriseLP .planInfo {border: 1px solid #cecece; margin: 20px 5px;}
|
||
|
|
.enterpriseLP .pricing .fa {margin-right: 15px; width: 19px;}
|
||
|
|
.enterpriseLP .featureSet .planHeader {white-space: nowrap;}
|
||
|
|
.enterpriseLP .featureSet li p {font-size: .8em; color: #333333;}
|
||
|
|
.enterpriseLP .featureSet li p.featureSetHeader {color: #003763; margin-bottom: 0; font-size: .9em;}
|
||
|
|
.enterpriseLP .faqLists {margin: 50px auto;}
|
||
|
|
.enterpriseLP .startTrial .btn {font-size: 1.2em; padding: 6px 40px;}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width: 10100px) {
|
||
|
|
.enterpriseLP .featureSet li {height: 220px;}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width: 1120px) {
|
||
|
|
.enterpriseLP .featureSet li {height: 160px;}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width: 1300px) {
|
||
|
|
.enterpriseLP .planInfo .btn {width: 260px;}
|
||
|
|
.enterpriseLP .featureSet li {height: 120px;}
|
||
|
|
}
|